@font-face{font-family:Bubblegum Sans;src:url(/fonts/BubblegumSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Comic Neue;src:url(/fonts/ComicNeue-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka One;src:url(/fonts/FredokaOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(/fonts/Baloo2-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Luckiest Guy;src:url(/fonts/LuckiestGuy-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bungee Shade;src:url(/fonts/BungeeShade-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chewy;src:url(/fonts/Chewy-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rampart One;src:url(/fonts/RampartOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pacifico;src:url(/fonts/Pacifico-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lobster;src:url(/fonts/Lobster-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dancing Script;src:url(/fonts/DancingScript-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Great Vibes;src:url(/fonts/GreatVibes-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satisfy;src:url(/fonts/Satisfy-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kaushan Script;src:url(/fonts/KaushanScript-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Shadows Into Light;src:url(/fonts/ShadowsIntoLight-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Indie Flower;src:url(/fonts/IndieFlower-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gloria Hallelujah;src:url(/fonts/GloriaHallelujah-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Architects Daughter;src:url(/fonts/ArchitectsDaughter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Covered By Your Grace;src:url(/fonts/CoveredByYourGrace-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bangers;src:url(/fonts/Bangers-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bungee;src:url(/fonts/Bungee-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Monoton;src:url(/fonts/Monoton-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Righteous;src:url(/fonts/Righteous-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rubik Mono One;src:url(/fonts/RubikMonoOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Merriweather;src:url(/fonts/Merriweather-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Amatic SC;src:url(/fonts/AmaticSC-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredericka the Great;src:url(/fonts/FrederickatheGreat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yellowtail;src:url(/fonts/Yellowtail-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Courgette;src:url(/fonts/Courgette-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}.font-picker{padding:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.font-picker__title{font-size:1.1rem;font-weight:700;margin:0 0 16px;color:#fff;display:flex;align-items:center;gap:8px}.font-picker__title-icon{font-size:1.2rem}.font-picker__loading{text-align:center;padding:20px;color:#888;font-size:.9rem}.font-picker__categories{flex:1;overflow-y:auto;padding-right:8px}.font-picker__categories::-webkit-scrollbar{width:6px}.font-picker__categories::-webkit-scrollbar-track{background:#1a1a2e;border-radius:3px}.font-picker__categories::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.font-picker__categories::-webkit-scrollbar-thumb:hover{background:#555}.font-picker__category{margin-bottom:16px}.font-picker__category-label{display:flex;align-items:center;gap:8px;padding:8px 0;color:#0ff;font-size:.85rem;font-weight:600;border-bottom:1px solid rgba(0,255,255,.2);margin-bottom:10px}.font-picker__category-icon{font-size:1rem}.font-picker__category-name{color:#0ff;text-transform:uppercase;letter-spacing:.5px}.font-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.font-picker__option{position:relative;background:#2a2a3e;border:2px solid transparent;border-radius:6px;padding:4px 2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:38px}.font-picker__option:hover{background:#3a3a4e;border-color:#555;transform:scale(1.05)}.font-picker__option--selected{border-color:#0ff!important;background:rgba(0,255,255,.1);box-shadow:0 0 10px #00ffff4d}.font-picker__option--predefined{background:linear-gradient(135deg,#2a2a3e 0%,#3a2a4e 100%)}.font-picker__canvas{width:100%;height:100%;border-radius:4px}.font-picker__preview{font-size:1.4rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.font-picker__badge{position:absolute;top:2px;right:2px;font-size:.6rem;color:#f0f}.font-picker__tip{padding:12px;background:rgba(0,255,255,.1);border-radius:8px;color:#aaa;font-size:.75rem;text-align:center;margin-top:12px;flex-shrink:0}@media (max-width: 1200px){.font-picker__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.font-picker__grid{grid-template-columns:repeat(3,1fr)}.font-picker__preview{font-size:1.1rem}}.style-controls{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.style-controls__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.style-controls__title-icon{font-size:1.1rem}.style-controls__group{margin-bottom:1rem}.style-controls__group:last-child{margin-bottom:0}.style-controls__group--disabled{opacity:.6;pointer-events:none}.style-controls__label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#aaa;margin-bottom:.5rem}.style-controls__value{color:#0ff;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.style-controls__preset-label{font-size:.75rem;color:gold;padding:.15rem .4rem;background:rgba(255,215,0,.15);border-radius:4px}.style-controls__slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:3px;outline:none;cursor:pointer}.style-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#00ffff 0%,#00aaaa 100%);border-radius:50%;cursor:pointer;transition:transform .1s ease}.style-controls__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.style-controls__slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#00ffff 0%,#00aaaa 100%);border-radius:50%;cursor:pointer;border:none}.style-controls__color-row{display:flex;gap:.5rem;align-items:center}.style-controls__color-picker{width:40px;height:32px;padding:0;border:2px solid #444;border-radius:6px;cursor:pointer;background:transparent}.style-controls__color-picker::-webkit-color-swatch-wrapper{padding:2px}.style-controls__color-picker::-webkit-color-swatch{border-radius:4px;border:none}.style-controls__color-input{flex:1;padding:.5rem;background:#1a1a2e;border:1px solid #333;border-radius:6px;color:#fff;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.style-controls__color-input:focus{outline:none;border-color:#0ff}.style-controls__color-input:disabled{opacity:.5;cursor:not-allowed}.style-controls__details{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.style-controls__summary{cursor:pointer;font-size:.9rem;color:#aaa;font-weight:500;padding:.5rem;border-radius:6px;transition:all .2s ease;list-style:none;display:flex;align-items:center;gap:.5rem}.style-controls__summary span{color:#aaa}.style-controls__summary::-webkit-details-marker{display:none}.style-controls__summary:before{content:"▶";font-size:.7rem;color:#0ff;transition:transform .2s ease}.style-controls__details[open] .style-controls__summary:before{transform:rotate(90deg)}.style-controls__summary:hover{color:#fff;background:rgba(0,255,255,.1)}.style-controls__details-content{padding-top:1rem}.living-controls{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.living-controls__preview-section{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.living-controls__preview-section canvas{width:100%!important;max-width:260px;height:auto!important;aspect-ratio:260 / 140}.living-controls__preview-label{font-size:.7rem;color:#888;text-align:center;letter-spacing:.02em}.living-controls__section{margin-bottom:1rem}.living-controls__section:last-of-type{margin-bottom:0}.living-controls__section-title{font-size:.85rem;font-weight:600;color:#aaa;margin:0 0 .75rem}.living-controls__categories{display:flex;flex-direction:column;gap:.25rem}.living-controls__category{background:rgba(0,0,0,.2);border-radius:6px;overflow:hidden}.living-controls__category-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,255,255,.05);border:none;color:#aaa;font-size:.8rem;cursor:pointer;transition:all .2s ease}.living-controls__category-btn:hover{background:rgba(255,255,255,.1);color:#fff}.living-controls__category-btn--expanded{background:rgba(255,0,255,.1);color:#fff}.living-controls__category-arrow{margin-left:auto;font-size:.6rem;color:#666}.living-controls__motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.5rem;background:rgba(0,0,0,.2)}.living-controls__motion-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .25rem;background:#1a1a2e;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.living-controls__motion-btn:hover{border-color:#ff00ff4d;background:rgba(255,0,255,.05)}.living-controls__motion-btn--selected{border-color:#f0f;background:rgba(255,0,255,.15);box-shadow:0 0 10px #f0f3}.living-controls__motion-icon{font-size:1.1rem}.living-controls__motion-name{font-size:.6rem;color:#888;text-align:center}.living-controls__motion-btn--selected .living-controls__motion-name{color:#fff}.living-controls__param{margin-bottom:.75rem}.living-controls__param:last-child{margin-bottom:0}.living-controls__param-label{display:flex;justify-content:space-between;font-size:.8rem;color:#888;margin-bottom:.4rem}.living-controls__param-value{color:#f0f;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.living-controls__slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:3px;outline:none;cursor:pointer}.living-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(135deg,#ff00ff 0%,#aa00aa 100%);border-radius:50%;cursor:pointer}.living-controls__info{margin-top:1rem;padding:.6rem;background:rgba(255,0,255,.05);border-radius:6px;font-size:.7rem;color:#888;text-align:center;border-left:3px solid rgba(255,0,255,.3)}.export-panel{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.export-panel__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.export-panel__title-icon{font-size:1.1rem}.export-panel__stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.export-panel__stat{background:rgba(0,0,0,.3);padding:.5rem;border-radius:6px;text-align:center}.export-panel__stat-label{display:block;font-size:.7rem;color:#666;margin-bottom:.2rem}.export-panel__stat-value{display:block;font-size:.9rem;color:#0ff;font-family:SF Mono,Monaco,monospace;font-weight:600}.export-panel__type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.export-panel__type-btn{padding:.6rem;background:rgba(255,255,255,.05);border:2px solid transparent;border-radius:8px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease}.export-panel__type-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff}.export-panel__type-btn--active{border-color:#0ff;background:rgba(0,255,255,.1);color:#0ff}.export-panel__type-btn:disabled{opacity:.4;cursor:not-allowed}.export-panel__info{padding:.5rem;background:rgba(0,0,0,.2);border-radius:6px;margin-bottom:1rem}.export-panel__info p{margin:0;font-size:.8rem;color:#888}.export-panel__progress{position:relative;height:8px;background:#333;border-radius:4px;margin-bottom:1rem;overflow:hidden}.export-panel__progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#00ffff 0%,#00ff00 100%);border-radius:4px;transition:width .3s ease}.export-panel__progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;color:#fff;text-shadow:0 0 3px #000}.export-panel__error{padding:.6rem;background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.3);border-radius:6px;margin-bottom:1rem;font-size:.8rem;color:#f66}.export-panel__status{padding:.6rem;background:rgba(0,255,0,.1);border:1px solid rgba(0,255,0,.3);border-radius:6px;margin-bottom:1rem;font-size:.8rem;color:#0f8}.export-panel__buttons{display:flex;flex-direction:column;gap:.5rem}.export-panel__btn{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-panel__btn:disabled{opacity:.5;cursor:not-allowed}.export-panel__btn--primary{background:linear-gradient(135deg,#00ffff 0%,#00aaaa 100%);color:#000}.export-panel__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #0ff6}.export-panel__btn--secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.export-panel__btn--secondary:hover:not(:disabled){background:rgba(255,255,255,.15)}.export-panel__btn--dev{background:linear-gradient(135deg,#ff6b35 0%,#cc5528 100%);color:#fff;border:2px solid #ff6b35}.export-panel__btn--dev:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ff6b3566}.export-panel__help{margin-top:1rem;padding:.5rem;font-size:.7rem;color:#999;text-align:center}.text-input{--sc-type: #39ff14;--sc-result: #4dc9f6;--sc-arrow: #4dc9f6;--sc-title: #39ff14;--sc-bg: 57, 255, 20;--sc-border: 57, 255, 20;display:flex;flex-direction:column;gap:0px;flex:1;min-width:0;align-self:center;border:none;outline:none;background:none;padding:0;margin:0;box-shadow:none;position:relative}.text-input,.text-input:focus,.text-input:focus-within{outline:none!important;border:none!important;box-shadow:none!important;background:none!important}.text-input__textarea{width:100%;height:34px;min-height:34px;max-height:34px;padding:6px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.9rem;font-family:inherit;line-height:1.4;resize:none;overflow-y:auto;transition:all .2s ease;box-sizing:border-box;vertical-align:middle}.text-input__textarea:focus{outline:none;border-color:#0ff;background:rgba(0,255,255,.05)}.text-input__textarea::placeholder{color:#666}.text-input__shortcuts-panel{position:absolute;top:100%;left:0;right:0;z-index:50;background:linear-gradient(135deg,#111820 0%,#161620 100%);border:1px solid rgba(var(--sc-border),.15);border-radius:6px;overflow:hidden;animation:shortcutsPanelSlide .2s ease-out;box-shadow:0 8px 24px #00000080}@keyframes shortcutsPanelSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.text-input__shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}.text-input__shortcuts-title{font-size:.65rem;color:var(--sc-title);font-weight:500}.text-input__shortcuts-close{background:none;border:none;color:#f44;font-size:1rem;cursor:pointer;padding:2px 6px;line-height:1;border-radius:4px;transition:background .15s}.text-input__shortcuts-close:hover{background:rgba(255,68,68,.15)}.text-input__shortcuts-flow{padding:3px 5px;display:flex;flex-wrap:wrap;gap:0px;max-height:140px;overflow-y:auto;scrollbar-width:thin}.text-input__shortcuts-flow::-webkit-scrollbar{width:4px}.text-input__shortcuts-flow::-webkit-scrollbar-track{background:transparent}.text-input__shortcuts-flow::-webkit-scrollbar-thumb{background:rgba(var(--sc-border),.3);border-radius:2px}.text-input__shortcut-chip{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;background:rgba(var(--sc-bg),.05);border:1px solid rgba(var(--sc-border),.15);border-radius:0;font-size:.7rem;transition:all .15s ease;margin:-.5px}.text-input__shortcut-chip:hover{background:rgba(var(--sc-bg),.2);border-color:rgba(var(--sc-border),.5);transform:scale(1.1);box-shadow:0 0 8px rgba(var(--sc-bg),.25);z-index:1}.text-input__shortcut-type{color:var(--sc-type);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.65rem;background:rgba(var(--sc-bg),.1);padding:0 2px;border-radius:2px}.text-input__shortcut-arrow{color:var(--sc-arrow);font-size:.6rem;opacity:.6}.text-input__shortcut-result{color:var(--sc-result);font-size:.8rem}.alignment-controls{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.alignment-controls__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.alignment-controls__title{font-size:.9rem;font-weight:600;color:#fff}.alignment-controls__scope{font-size:.7rem;color:#0ff;padding:.15rem .4rem;background:rgba(0,255,255,.1);border-radius:4px}.alignment-controls__group{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.alignment-controls__group:last-of-type{margin-bottom:1rem}.alignment-controls__label{font-size:.8rem;color:#aaa}.alignment-controls__buttons{display:flex;gap:.25rem;background:rgba(0,0,0,.3);padding:.25rem;border-radius:6px}.alignment-controls__btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#888;cursor:pointer;transition:all .15s ease}.alignment-controls__btn:hover{background:rgba(255,255,255,.1);color:#fff}.alignment-controls__btn--active{background:rgba(0,255,255,.2);color:#0ff}.alignment-controls__btn--active:hover{background:rgba(0,255,255,.3)}.alignment-controls__btn svg{width:14px;height:14px}.alignment-controls__center-btn{width:100%;padding:.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#aaa;font-size:.8rem;cursor:pointer;transition:all .15s ease}.alignment-controls__center-btn:hover{background:rgba(0,255,255,.1);border-color:#00ffff4d;color:#0ff}.special-chars-panel{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;animation:scPanelSlideIn .25s ease-out;flex:1;min-height:0}@keyframes scPanelSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.special-chars-panel__header{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2);flex-shrink:0}.special-chars-panel__title{font-size:14px;font-weight:600;color:#00d9ff;margin:0}.special-chars-panel__close{background:rgba(255,67,67,.2);border:2px solid #FF4343;color:#ff4343;width:28px;height:28px;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.special-chars-panel__close:hover{background:rgba(255,67,67,.3);transform:scale(1.1)}.special-chars-panel__search{padding:8px 12px;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;flex-shrink:0}.special-chars-panel__search-icon{font-size:14px;opacity:.7}.special-chars-panel__search-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:#fff;font-size:12px;outline:none;transition:all .2s ease}.special-chars-panel__search-input::placeholder{color:#fff6}.special-chars-panel__search-input:focus{background:rgba(255,255,255,.08);border-color:#00d9ff;box-shadow:0 0 0 2px #00d9ff26}.special-chars-panel__tabs{display:flex;gap:4px;padding:8px 10px;background:rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:thin;flex-shrink:0;flex-wrap:wrap}.special-chars-panel__tabs::-webkit-scrollbar{height:6px}.special-chars-panel__tabs::-webkit-scrollbar-track{background:rgba(0,217,255,.1);border-radius:3px}.special-chars-panel__tabs::-webkit-scrollbar-thumb{background:#00D9FF;border-radius:3px;box-shadow:0 0 6px #00d9ff}.special-chars-panel__tabs::-webkit-scrollbar-thumb:hover{background:#00E8FF;box-shadow:0 0 10px #00d9ff}.special-chars-panel__tab{padding:4px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#ffffffb3;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.special-chars-panel__tab:hover{background:rgba(255,255,255,.08);color:#fff}.special-chars-panel__tab--active{background:linear-gradient(135deg,#00D9FF 0%,#0099CC 100%);border-color:#00d9ff;color:#000;font-weight:600;box-shadow:0 2px 6px #00d9ff4d}.special-chars-panel__grid{padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;overflow-y:auto;align-content:start;min-height:0;scrollbar-width:thin}.special-chars-panel__grid::-webkit-scrollbar{width:8px}.special-chars-panel__grid::-webkit-scrollbar-track{background:rgba(0,217,255,.1);border-radius:4px}.special-chars-panel__grid::-webkit-scrollbar-thumb{background:#00D9FF;border-radius:4px;box-shadow:0 0 6px #00d9ff}.special-chars-panel__grid::-webkit-scrollbar-thumb:hover{background:#00E8FF;box-shadow:0 0 10px #00d9ff}.special-chars-panel__item{position:relative;height:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.special-chars-panel__item:hover{background:rgba(0,217,255,.15);border-color:#00d9ff;transform:scale(1.08);z-index:10}.special-chars-panel__symbol{font-size:20px;color:#fff;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.special-chars-panel__tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2a2a3e;border:2px solid #00D9FF;border-radius:6px;padding:6px;min-width:52px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 20px #0009;z-index:10001;pointer-events:none}.special-chars-panel__tooltip-preview{font-size:30px;color:#00d9ff;text-align:center;margin:0;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.special-chars-panel__tooltip-name{font-size:9px;color:#fff;text-align:center;font-weight:500;margin-top:3px}.special-chars-panel__tooltip-shortcut{font-size:8px;color:#fff9;text-align:center;font-style:italic}.special-chars-panel__no-results{grid-column:1 / -1;text-align:center;padding:30px 10px;color:#ffffff80;font-size:12px}.special-chars-panel__footer{padding:6px 12px;text-align:center;font-size:10px;color:#666;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.1);flex-shrink:0}@media (max-width: 992px){.special-chars-panel__grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.special-chars-panel__symbol{font-size:22px}}.recolor-panel{display:flex;flex-direction:column;gap:.75rem}.recolor-panel__empty{padding:1.5rem 1rem;text-align:center;color:#666;font-size:.85rem}.recolor-panel__header{display:flex;align-items:center;justify-content:space-between}.recolor-panel__title{font-size:.9rem;font-weight:600;color:#fff;margin:0}.recolor-panel__revert-btn{padding:4px 10px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#ef4444;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.recolor-panel__revert-btn:hover{background:rgba(239,68,68,.25);border-color:#ef4444}.recolor-panel__presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.recolor-panel__preset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s ease}.recolor-panel__preset:hover{background:rgba(0,255,255,.06);border-color:#00ffff40}.recolor-panel__preset--active{border-color:#0ff;background:rgba(0,255,255,.1)}.recolor-panel__preset:disabled{opacity:.5;cursor:wait}.recolor-panel__preset-swatches{display:flex;width:100%;height:18px;border-radius:4px;overflow:hidden}.recolor-panel__preset-swatch{flex:1}.recolor-panel__preset-name{font-size:.65rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.03em}.recolor-panel__preset--active .recolor-panel__preset-name{color:#0ff}.recolor-panel__status{padding:8px;font-size:.8rem;color:#0ff;text-align:center}.recolor-panel__error{padding:6px 10px;font-size:.8rem;color:#ef4444;background:rgba(239,68,68,.1);border-radius:6px;text-align:center}.recolor-panel__colormap{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:6px}.recolor-panel__colormap-header{font-size:.7rem;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.recolor-panel__colormap-row{display:flex;align-items:center;gap:6px;height:28px}.recolor-panel__swatch{width:24px;height:24px;border-radius:5px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.recolor-panel__swatch--original{opacity:.85}.recolor-panel__arrow{font-size:.75rem;color:#555;flex-shrink:0}.recolor-panel__picker{width:28px;height:28px;padding:0;border:2px solid rgba(0,255,255,.3);border-radius:6px;background:none;cursor:pointer;flex-shrink:0;transition:border-color .15s}.recolor-panel__picker:hover{border-color:#0ff}.recolor-panel__picker::-webkit-color-swatch-wrapper{padding:2px}.recolor-panel__picker::-webkit-color-swatch{border:none;border-radius:3px}.recolor-panel__picker::-moz-color-swatch{border:none;border-radius:3px}.recolor-panel__bar-track{flex:1;height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}.recolor-panel__bar-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease;opacity:.7}.recolor-panel__colormap-row--protected{opacity:.6}.recolor-panel__swatch--protected{width:28px;height:28px;border-radius:4px;border:2px dashed rgba(255,255,255,.3);flex-shrink:0}.image-toolbar{display:flex;flex-direction:column;gap:1rem}.image-toolbar__section{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border:1px solid #333;border-radius:10px;padding:1rem}.image-toolbar__section--crop{border-color:#0ff}.image-toolbar__section--danger{display:flex;flex-direction:column;gap:.5rem}.image-toolbar__section-title{color:#d0d0d0;font-size:.85rem;font-weight:600;margin:0 0 .75rem}.image-toolbar__file-input{display:none}.image-toolbar__upload-btn{width:100%;padding:.75rem;background:transparent;border:2px dashed #555;border-radius:8px;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .2s ease}.image-toolbar__upload-btn:hover{border-color:#0ff;color:#0ff}.image-toolbar__count{display:block;margin-top:.5rem;font-size:.75rem;color:#666;text-align:center}.image-toolbar__list{display:flex;gap:.5rem;flex-wrap:wrap}.image-toolbar__thumb{position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;border:2px solid #444;cursor:pointer;transition:border-color .2s}.image-toolbar__thumb:hover{border-color:#888}.image-toolbar__thumb--selected{border-color:#0ff}.image-toolbar__thumb img{width:100%;height:100%;object-fit:cover}.image-toolbar__thumb-label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#aaa;font-size:.6rem;text-align:center;padding:1px 0}.image-toolbar__grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.image-toolbar__row{display:flex;gap:.4rem}.image-toolbar__row>*{flex:1}.image-toolbar__btn{padding:.55rem .75rem;background:#2a2a3e;border:1px solid #444;border-radius:6px;color:#ccc;font-size:.78rem;cursor:pointer;transition:all .2s ease;text-align:center}.image-toolbar__btn:hover:not(:disabled){border-color:#0ff;color:#0ff}.image-toolbar__btn:disabled{opacity:.4;cursor:not-allowed}.image-toolbar__btn--primary{width:100%;border:2px solid #00ffff;color:#0ff;font-weight:600;margin-bottom:.5rem}.image-toolbar__btn--primary:hover:not(:disabled){background:rgba(0,255,255,.1)}.image-toolbar__btn--confirm{border-color:#0f8;color:#0f8}.image-toolbar__btn--confirm:hover{background:rgba(0,255,136,.1);border-color:#0f8;color:#0f8}.image-toolbar__btn--cancel{border-color:#f44;color:#f44}.image-toolbar__btn--cancel:hover{background:rgba(255,68,68,.1);border-color:#f44;color:#f44}.image-toolbar__btn--danger{width:100%;border:2px solid #ff4444;color:#f44;font-weight:600}.image-toolbar__btn--danger:hover:not(:disabled){background:rgba(255,68,68,.1)}.image-toolbar__btn--reset{width:100%;border-color:#f80;color:#f80}.image-toolbar__btn--reset:hover:not(:disabled){background:rgba(255,136,0,.1)}.image-toolbar__hint{font-size:.75rem;color:#666;margin-bottom:.5rem}.image-toolbar__ar-pills{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.image-toolbar__ar-pill{padding:.3rem .55rem;background:#2a2a3e;border:1px solid #444;border-radius:20px;color:#aaa;font-size:.7rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.image-toolbar__ar-pill:hover{border-color:#0ff;color:#0ff}.image-toolbar__ar-pill--active{border-color:#0ff;background:rgba(0,255,255,.15);color:#0ff;font-weight:600}.image-toolbar__custom-ar{display:flex;gap:.4rem;margin-bottom:.75rem}.image-toolbar__input{flex:1;padding:.4rem .6rem;background:#1a1a2e;border:1px solid #444;border-radius:6px;color:#ddd;font-size:.78rem;outline:none;transition:border-color .2s}.image-toolbar__input:focus{border-color:#0ff}.image-toolbar__input--num{width:70px;flex:none;text-align:center;-moz-appearance:textfield}.image-toolbar__input--num::-webkit-outer-spin-button,.image-toolbar__input--num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.image-toolbar__btn--small{padding:.35rem .6rem;font-size:.72rem;flex-shrink:0}.image-toolbar__resize-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}.image-toolbar__resize-field{display:flex;align-items:center;gap:.3rem;flex:1}.image-toolbar__resize-label{font-size:.72rem;color:#888;font-weight:600;min-width:14px}.image-toolbar__lock-btn{padding:.3rem;background:transparent;border:1px solid #444;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;line-height:1;flex-shrink:0}.image-toolbar__lock-btn:hover{border-color:#888}.image-toolbar__lock-btn--active{border-color:#0ff;background:rgba(0,255,255,.1)}.image-toolbar__btn--resize{width:100%;border-color:#0ff;color:#0ff;font-weight:600}.image-toolbar__btn--resize:hover:not(:disabled){background:rgba(0,255,255,.1)}.image-toolbar__btn--download{width:100%;margin-top:.4rem;border-color:#0f8;color:#0f8;font-weight:600}.image-toolbar__btn--download:hover:not(:disabled){background:rgba(0,255,136,.1)}.image-toolbar__processing{padding:.6rem;background:#2a2a3e;border:1px solid #00ffff;border-radius:6px;color:#0ff;font-size:.78rem;text-align:center}.payment-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:20px;padding-top:12vh;overflow:visible!important}.payment-modal{background:#1a1a2e;border-radius:16px;max-width:520px;width:100%;box-shadow:0 30px 80px #000000e6,0 0 0 1px #ffffff1a;animation:modalSlideIn .3s ease-out;position:relative;pointer-events:auto;overflow:visible!important}.mock2-layout{max-width:380px;border-radius:16px;pointer-events:auto;overflow:visible!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mock2-header{padding:0 16px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;min-height:0;overflow:visible!important}.mock2-title{font-size:14px;color:#00d9ff!important;font-weight:600;margin:4px 0;line-height:1;padding:0}.mock2-close{position:absolute;top:-16px;right:-16px;width:36px;height:36px;border-radius:50%;background:#444;border:2px solid #FF4343;color:#f44;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0009;transition:all .2s ease;z-index:99999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mock2-close:hover{background:#555;transform:scale(1.05)}.mock2-body{padding:16px;overflow:hidden;border-radius:0 0 16px 16px}.mock2-inline-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;background:rgba(0,0,0,.3);border-radius:6px}.mock2-points-label{font-size:11px;color:#ffffffb3}.mock2-points-num{font-size:12px;color:#00d9ff;font-weight:700}.mock2-price-inline{font-size:32px;color:#00ff7f;font-weight:700;line-height:1}.mock2-tier-section{margin-bottom:12px}.mock2-tier-label{font-size:11px;color:#ffffffb3;margin-bottom:8px;font-weight:600}.mock2-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mock2-tier-option{padding:12px 10px;background:rgba(255,255,255,.05);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.mock2-tier-option:hover{background:rgba(255,255,255,.08)}.mock2-tier-option.active{border-color:#00d9ff;background:rgba(0,217,255,.1)}.mock2-tier-option.elite.active{border-color:gold;background:rgba(255,215,0,.1)}.mock2-elite-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;padding:2px 6px;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mock2-tier-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px}.mock2-tier-price{font-size:14px;font-weight:700;color:#00ff7f}.mock2-tier-option.elite .mock2-tier-name,.mock2-tier-option.elite .mock2-tier-price{color:gold}.mock2-input{width:100%;padding:10px;font-size:12px;border:1px solid rgba(255,215,0,.3);border-radius:6px;background-color:#ffd7000d;color:#fff;outline:none;margin-bottom:12px;box-sizing:border-box}.mock2-input::placeholder{color:#ffffff80}.mock2-providers{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.mock2-provider{padding:10px;background:rgba(255,255,255,.05);border:1.5px solid transparent;border-radius:6px;text-align:center;font-size:14px;cursor:pointer;transition:all .2s ease}.mock2-provider:hover{background:rgba(255,255,255,.08)}.mock2-provider.active{border-color:var(--provider-color);background:rgba(0,217,255,.1)}.mock2-coupon{display:flex;gap:6px;margin-bottom:12px;align-items:center}.mock2-coupon-input{flex:1;padding:8px 10px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.35);border-radius:6px;color:#fff;font-size:11px;outline:none}.mock2-coupon-input::placeholder{color:#ffffffb3}.mock2-coupon-error{color:#ff4343;font-size:11px;font-weight:600;white-space:nowrap}.mock2-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00D9FF 0%,#0099cc 100%);border:none;border-radius:6px;color:#000;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00d9ff4d}.mock2-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #00d9ff66}.mock2-btn:active:not(:disabled){transform:translateY(0)}.mock2-btn:disabled{opacity:.6;cursor:not-allowed}.mock2-free-hint{text-align:center;margin-top:10px;font-size:13px;color:#0f8;padding:8px;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.2);border-radius:6px}.payment-modal-header{padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2)}.payment-modal-title{font-size:20px;font-weight:600;color:#00d9ff;margin:0}.payment-modal-close{background:rgba(255,67,67,.2);border:2px solid #FF4343;color:#ff4343;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.payment-modal-close:hover{background:rgba(255,67,67,.3);transform:scale(1.1)}.payment-modal-body{display:flex;flex-direction:column}.free-animation-box{padding:40px 24px;text-align:center;background:linear-gradient(135deg,rgba(0,255,127,.1) 0%,rgba(0,255,127,.05) 100%);border:2px solid #00ff7f;border-radius:12px;margin:24px}.free-animation-icon{font-size:48px;margin-bottom:16px}.free-animation-title{font-size:24px;font-weight:700;color:#00ff7f;margin-bottom:16px}.free-animation-status{color:#00ff7f;margin-bottom:16px;font-size:16px}.free-animation-complete{margin-top:20px}.free-animation-message{color:#00ff7f;margin-bottom:16px;font-size:16px}.free-download-button{background:linear-gradient(135deg,#00ff7f 0%,#00cc66 100%);color:#000;font-weight:700;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block;transition:all .2s ease}.free-download-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00ff7f66}@media (max-width: 480px){.payment-modal-overlay{padding:10px;padding-top:8vh}.payment-modal,.mock2-layout{max-width:100%}.mock2-header{padding:10px 14px}.mock2-title{font-size:13px}.mock2-close{width:22px;height:22px;font-size:13px}.mock2-body{padding:14px}.mock2-points-num{font-size:16px}.mock2-price-inline{font-size:20px}.mock2-tier-grid{gap:6px}.mock2-tier-option{padding:10px 8px}.mock2-provider{padding:9px;font-size:9px}.free-animation-box{padding:30px 20px;margin:20px}.free-animation-title{font-size:20px}}.typo-v2{min-height:100vh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#0f0f1a 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.typo-v2__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1)}.typo-v2__back-btn{padding:.5rem 1.25rem;background:rgba(0,255,255,.08);border:1.5px solid #00ffff;border-radius:8px;color:#0ff;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.typo-v2__back-btn:hover{background:rgba(0,255,255,.15);box-shadow:0 0 12px #00ffff4d}.typo-v2__title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(90deg,#00bfff,#00ffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typo-v2__header-actions{display:flex;gap:.5rem;min-width:200px;width:200px;justify-content:flex-end}.typo-v2__layout{display:grid;grid-template-columns:280px 1fr 250px;gap:1rem;padding:1rem;min-height:calc(100vh - 70px)}.typo-v2__left-panel{height:calc(100vh - 100px);overflow:hidden}.typo-v2__center{display:flex;flex-direction:column;gap:4px;align-self:start}.typo-v2__input-row{display:flex;gap:3px;align-items:center;border:none;outline:none;background:none;padding:0;margin:0;box-shadow:none}.typo-v2__input-btn{width:34px;height:34px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#aaa;font-size:1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.typo-v2__input-btn:hover{background:rgba(0,255,255,.1);border-color:#00ffff4d;color:#0ff}.typo-v2__input-btn--active{border-color:#00d9ff;color:#00d9ff;background:rgba(0,255,255,.1)}.typo-v2__size-dropdown{position:relative;flex-shrink:0}.typo-v2__size-btn{display:flex;align-items:center;gap:4px;height:34px;padding:0 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ccc;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.typo-v2__size-btn:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d;color:#fff}.typo-v2__size-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.typo-v2__size-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:260px;max-height:400px;overflow-y:auto;background:#1e1e2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:4px 0}.typo-v2__size-menu-title{padding:8px 12px 4px;font-size:.7rem;font-weight:600;color:#0fc;text-transform:uppercase;letter-spacing:.05em}.typo-v2__size-group-label{padding:6px 12px 2px;font-size:.65rem;font-weight:600;color:#0fc;text-transform:uppercase;letter-spacing:.04em}.typo-v2__size-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 12px;background:none;border:none;color:#e0e0e0;font-size:.8rem;cursor:pointer;text-align:left;transition:background .1s}.typo-v2__size-option:hover{background:rgba(255,255,255,.08);color:#fff}.typo-v2__size-option--active{background:rgba(0,255,204,.1);color:#0fc}.typo-v2__size-option--active:hover{background:rgba(0,255,204,.15)}.typo-v2__size-option-name{font-weight:500;color:#e0e0e0}.typo-v2__size-option-dims{font-size:.75rem;color:#0fc;font-family:monospace}.typo-v2__size-option--active .typo-v2__size-option-name{color:#fff}.typo-v2__size-option--active .typo-v2__size-option-dims{color:#0fc}.typo-v2__zoom-seg{display:flex;align-items:stretch;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:6px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.04)}.typo-v2__zoom-seg-btn{width:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#bbb;cursor:pointer;transition:all .15s ease;border:none;background:none;padding:0}.typo-v2__zoom-seg-btn:hover{background:rgba(0,255,255,.15);color:#0ff}.typo-v2__zoom-seg-center{padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#0ff;font-family:SF Mono,Monaco,monospace;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s ease;white-space:nowrap;min-width:40px;background:none;border-top:none;border-bottom:none}.typo-v2__zoom-seg-center:hover{background:rgba(0,255,255,.1)}.typo-v2__preview-btn{height:34px;padding:0 12px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0}.typo-v2__preview-btn:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 3px 10px #6366f159}.typo-v2__preview-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.typo-v2__preview-btn--active{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.typo-v2__preview-btn--active:hover{box-shadow:0 3px 10px #ef444459}.typo-v2__canvas-container{display:flex;gap:1rem;justify-content:center;transition:all .3s ease}.typo-v2__canvas-container:not(.typo-v2__canvas-container--dual){justify-content:center}.typo-v2__canvas-container--dual{justify-content:center;flex-wrap:wrap}.typo-v2__canvas-box{display:flex;flex-direction:column;align-items:center}.typo-v2__canvas-box--preview{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.typo-v2__canvas-wrapper{background:#1a1a2e;border-radius:8px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.15)}.typo-v2__canvas,.typo-v2__preview-image{display:block}.typo-v2__preview-placeholder{display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#666}.typo-v2__right-panel{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden}.typo-v2__tabs{display:flex;gap:.35rem;background:rgba(0,0,0,.3);padding:.25rem .5rem;border-radius:10px}.typo-v2__tab{flex:1;padding:.45rem .5rem;background:transparent;border:none;border-radius:6px;color:#aaa;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.typo-v2__tab:hover{color:#fff;background:rgba(255,255,255,.05)}.typo-v2__tab--active{color:#fff;background:rgba(0,255,255,.15)}.typo-v2__tab-content{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.typo-v2__control-section{background:linear-gradient(135deg,#1e1e2e 0%,#2a2a3e 100%);border-radius:12px;padding:1rem}.typo-v2__section-title{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .75rem}.typo-v2__select{width:100%;padding:.6rem .75rem;background:#1a1a2e;border:1px solid #333;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer}.typo-v2__select:focus{outline:none;border-color:#0ff}.typo-v2__select optgroup{background:#1a1a2e;color:#0ff}.typo-v2__select option{background:#1a1a2e;color:#fff}.typo-v2__bg-preview{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:rgba(0,0,0,.3);border-radius:8px}.typo-v2__bg-thumb{width:50px;height:50px;object-fit:cover;border-radius:6px}.typo-v2__bg-name{flex:1;font-size:.8rem;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typo-v2__bg-remove{width:28px;height:28px;background:rgba(255,0,0,.2);border:none;border-radius:6px;color:#f66;cursor:pointer;transition:all .2s ease}.typo-v2__bg-remove:hover{background:rgba(255,0,0,.4)}.typo-v2__upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:2px dashed rgba(255,255,255,.2);border-radius:8px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease}.typo-v2__upload-btn:hover{background:rgba(0,255,255,.05);border-color:#00ffff4d;color:#0ff}.typo-v2__upload-input{display:none}@media (max-width: 1200px){.typo-v2__layout{grid-template-columns:240px 1fr 220px}}@media (max-width: 992px){.typo-v2__layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.typo-v2__left-panel{height:auto;max-height:300px}.typo-v2__right-panel{height:auto;max-height:none}.typo-v2__canvas-container{flex-direction:column;align-items:center}.typo-v2__input-row{flex-wrap:wrap}.typo-v2__preview-btn{justify-content:center}}@media (max-width: 600px){.typo-v2__header{flex-direction:column;gap:.75rem;text-align:center}.typo-v2__title{font-size:1.2rem}.typo-v2__input-row{flex-wrap:wrap}.typo-v2__zoom-seg{order:10}}