:root{--color-primary: #4a00e0;--color-primary-hover: #8e2de2;--color-secondary: #2d2f31;--color-secondary-hover: #38393b;--color-background-page: #06020a;--color-background-surface: #151519;--color-background-surface-hover: #212325;--color-background-input: #17191a;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b3b8;--color-text-tertiary: #848485;--color-success: #2db132;--color-success-hover: #249428;--color-warning: #FF9800;--color-danger: #F44336;--color-danger-hover: #D32F2F;--color-white: #FFF;--color-toast-background: #121314c2;--color-border: #282a2d;--color-link-hover: #b161f3;--color-focus-border: #c1cad3;--color-focus-shadow: #7f828799;--color-background-info-box: #0b0d0e;--font-body: "Noto Sans", sans-serif;--font-heading: "Poppins", sans-serif;--radius-card: 16px;--radius-button: 999px;--radius-input: 4px;--z-index-banner: 500;--z-index-dropdown: 600;--z-index-back-to-top: 600;--z-index-popup: 700;--z-index-toast: 1000}*,*:before,*:after{box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-button);font-family:var(--font-body);font-weight:700;text-align:center;cursor:pointer;text-decoration:none;transition:background-color .2s ease-in-out,transform .15s ease-in-out,box-shadow .2s ease-in-out}.btn:active{transform:scale(.98)}.btn--primary{background-color:var(--color-primary);color:var(--color-white)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn--danger{background-color:var(--color-danger);color:var(--color-white)}.btn--success{background-color:var(--color-success);color:var(--color-white)}.btn--secondary .material-symbols-rounded{font-size:1.07rem}.card{background-color:var(--color-background-surface);border-radius:var(--radius-card);padding:20px}.card__title{font-weight:700;color:var(--color-white);margin:0;font-family:Poppins,sans-serif}.card__author{color:var(--color-text-secondary);font-size:1rem;margin-bottom:10px}.card__description{color:var(--color-text-primary);font-size:1rem;line-height:1.5;margin-bottom:15px;word-wrap:break-word;word-break:break-word}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.card>.form-group>label{font-size:1.1rem;margin-bottom:8px}.form-control{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-input);background-color:var(--color-background-input);color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:box-shadow .4s,border-color .4s}.form-control:focus,.form-control:focus:hover{outline:none;border-color:var(--color-focus-border);box-shadow:0 0 15px var(--color-focus-shadow)}html{background-color:var(--color-background-page);font-size:14px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);max-width:1200px;margin:0 auto;padding:20px 20px 80px;color:var(--color-text-primary)}header{display:flex;flex-direction:column;margin-bottom:30px}h1{text-align:center;color:var(--color-white);padding-top:40px;font-family:var(--font-heading);font-size:2.29rem;display:flex;align-items:center;justify-content:center;gap:10px}h1 img{height:40px}.fixed-banner{position:fixed;top:0;left:0;width:100%;z-index:var(--z-index-banner);transform:translateY(-100%);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:flex;justify-content:flex-end;align-items:center;padding:10px 0;height:38px;box-sizing:content-box}.fixed-banner:after{content:"";position:absolute;top:0;left:0;right:0;height:116px;background:var(--color-background-page);-webkit-mask:linear-gradient(to bottom,black 5%,rgb(0 0 0 / 90%) 25%,rgb(0 0 0 / 70%) 50%,transparent 100%) no-repeat 0 0 / 100% 100%;mask:linear-gradient(to bottom,black 5%,rgb(0 0 0 / 90%) 25%,rgb(0 0 0 / 70%) 50%,transparent 100%) no-repeat 0 0 / 100% 100%;pointer-events:none}.fixed-banner.show{transform:translateY(0);opacity:1}.fixed-banner.hide{transform:translateY(-100%);opacity:0}.menu-container{position:fixed;top:10px;left:10px;z-index:var(--z-index-dropdown)}#menuButton{font-size:1.14rem;box-shadow:0 1px 20px 3px #0000004d;height:38px;font-family:var(--font-heading)}.dropdown-menu{display:none;position:absolute;top:50px;left:0;background-color:var(--color-background-surface);border:1px solid var(--color-secondary);border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:var(--z-index-dropdown);width:160px}.dropdown-menu.visible{display:block}.dropdown-menu ul{list-style-type:none;padding:0;margin:0}.dropdown-menu ul li{display:flex;align-items:center}.dropdown-menu ul li a{display:flex;gap:10px;align-items:center;padding:10px 20px 10px 15px;text-decoration:none;color:var(--color-text-primary);transition:background-color .3s;flex-grow:1;font-size:1.14rem}.dropdown-menu ul li:first-child a:hover{border-radius:8px 8px 0 0}.dropdown-menu ul li:last-child a:hover{border-radius:0 0 8px 8px}.back-to-top{position:fixed;bottom:20px;right:20px;z-index:var(--z-index-back-to-top);box-shadow:0 4px 15px 2px #0000007f;padding:8px;opacity:0;visibility:hidden;transform:translateY(50px);pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}#toast{visibility:hidden;min-width:250px;width:fit-content;position:fixed;left:50%;top:70px;transform:translate(-50%);background-color:var(--color-toast-background);backdrop-filter:blur(10px);color:var(--color-white);text-align:center;border-radius:var(--radius-button);padding:12px 24px;font-size:1rem;box-shadow:0 4px 15px #0000004d;transition:visibility 0s,opacity .3s ease-in-out;opacity:0;z-index:var(--z-index-toast)}#toast.show{visibility:visible;opacity:1;animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{transform:translate(-50%) translateY(-75px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.popup-container{display:none;position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-index-popup);justify-content:center;align-items:center}.popup-content{max-width:500px;width:90%;color:var(--color-text-primary);margin:0 15px}.popup-title{font-size:1.29rem;font-weight:700;margin-bottom:10px;color:var(--color-white)}.popup-message{margin-bottom:15px;color:var(--color-text-primary)}.popup-info-box{background-color:var(--color-background-info-box);border-left:4px solid var(--color-primary);padding:10px;margin-bottom:15px;font-size:1rem}.popup-buttons{display:flex;justify-content:flex-end;gap:10px}.generator-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.input-wrapper{display:flex;align-items:center;gap:10px}.input-wrapper input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;padding:0;border:none;border-radius:8px;cursor:pointer;background-color:transparent}.input-wrapper .form-control{flex-grow:1;height:40px;font-family:monospace;font-size:1.1rem}.input-wrapper.with-picker{position:relative}.output-card{margin-top:20px}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.output-header h3{margin:0;font-family:var(--font-heading)}.output-actions{display:flex;gap:10px}.output-actions{display:flex;gap:10px;margin-top:20px}.raw-link-container{display:flex;gap:10px;margin-top:15px;align-items:center}.raw-link-container .form-control,.output-card .btn{flex-grow:1}.output-card pre{background-color:var(--color-background-info-box);border-radius:8px;padding:15px;max-height:400px;overflow-y:auto;border:1px solid var(--color-border)}.output-card code{font-family:Courier New,Courier,monospace;font-size:.9rem;white-space:pre-wrap}textarea.form-control{resize:vertical;min-height:60px}.toggle-container{display:flex;align-items:center;gap:10px;margin-top:20px;user-select:none}.toggle-container label[for=advancedToggle],.toggle-container label[for=amoledToggle]{cursor:pointer}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-secondary);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(20px)}.advanced-settings h3{margin-top:0;font-family:var(--font-heading)}.advanced-settings p{color:var(--color-text-secondary);font-size:.9rem;margin-top:-10px;margin-bottom:20px}.advanced-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.advanced-input-group label{font-weight:500;margin-bottom:5px;font-size:.9rem;text-transform:capitalize}.pcr-app{background-color:var(--color-secondary)!important}@media(pointer:fine){.dropdown-menu ul li a:hover{background-color:var(--color-background-surface-hover)}.clear-button:hover{color:var(--color-danger-hover)}.form-control:hover{box-shadow:0 0 5px var(--color-focus-shadow)}.btn--primary:hover{background-color:var(--color-primary-hover);box-shadow:0 0 4px #b210f17f,0 2px 15px #6e0ddd91}.btn--secondary:hover{background-color:var(--color-secondary-hover)}.btn--danger:hover{background-color:var(--color-danger-hover)}.btn--success:hover{background-color:var(--color-success-hover)}}