*{margin:0;padding:0;box-sizing:border-box}:root{--accent: #00ff88;--accent-rgb: 0, 255, 136;--accent2: #c084fc;--accent2-rgb: 192, 132, 252;--bg-dark: #08080f;--surface: rgba(255, 255, 255, .04);--surface-border: rgba(255, 255, 255, .08);--text: #e8eaed;--text-dim: #6b7280;--glass-bg: rgba(12, 12, 20, .72);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 24px}body{background:var(--bg-dark);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;height:100vh;height:100dvh;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:relative;width:100%;height:100%}#art-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:grab}#intro-screen{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);overflow:hidden}#bg-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.intro-content{position:relative;z-index:2;text-align:center;max-width:520px;padding:2rem}.title-animated{font-family:Playfair Display,Inter,serif;font-size:clamp(2rem,6vw,3.8rem);font-weight:300;letter-spacing:.04em;margin-bottom:.75rem;line-height:1.2}.title-char{display:inline-block;opacity:0;transform:translateY(30px) rotateX(-40deg);background:linear-gradient(135deg,var(--accent),var(--accent2),#fff,var(--accent));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:char-appear .5s cubic-bezier(.23,1,.32,1) forwards,shimmer 4s ease-in-out infinite}@keyframes char-appear{0%{opacity:0;transform:translateY(30px) rotateX(-40deg);filter:blur(8px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0px)}}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-char.space{width:.3em}.tagline{font-size:1rem;color:var(--text-dim);margin-bottom:1.5rem;font-style:italic;letter-spacing:.05em;opacity:0;animation:fade-up .6s ease 1.2s forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.intro-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto 1.8rem;opacity:0;animation:fade-up .5s ease 1.5s forwards}.mic-hint{font-size:.7rem;color:var(--text-dim);margin-top:.75rem;opacity:0;animation:fade-up .5s ease 2s forwards}.demo-steps{display:flex;flex-direction:column;gap:.65rem;margin:1.2rem 0 1.5rem;text-align:left}.demo-step{display:flex;align-items:center;gap:.85rem;padding:.65rem .85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;opacity:0;transform:translateY(12px);animation:fade-up .5s ease var(--delay, 1.8s) forwards;transition:border-color .3s ease,background .3s ease}.demo-step:hover{border-color:rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.04)}.demo-step-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(var(--accent-rgb),.1);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2)}.demo-step-icon.icon-shapes{background:rgba(var(--accent2-rgb),.1);color:var(--accent2);border-color:rgba(var(--accent2-rgb),.2)}.demo-step-icon.icon-play{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.demo-step-icon.icon-save{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.demo-step-icon.icon-settings{background:#a8a29e1a;color:#a8a29e;border-color:#a8a29e33}.demo-step-text{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem}.demo-step-text strong{color:var(--text);font-weight:500}.demo-step-text span{color:var(--text-dim);font-size:.7rem}.demo-step-text em{color:var(--accent);font-style:normal;font-weight:500}.floating-play{position:fixed;bottom:4.8rem;right:1.5rem;z-index:25;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--accent);background:rgba(var(--accent-rgb),.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 0 20px rgba(var(--accent-rgb),.2),0 4px 16px #0000004d;animation:fab-pulse 3s ease-in-out infinite}.floating-play:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(var(--accent-rgb),.4),0 4px 24px #0006;background:rgba(var(--accent-rgb),.25)}.floating-play:active{transform:scale(.95)}.floating-play.playing{border-color:#f44;color:#f44;background:#ff444426;box-shadow:0 0 20px #f443,0 4px 16px #0000004d;animation:fab-pulse-red 3s ease-in-out infinite}.floating-play.playing svg{display:none}.floating-play.playing:before{content:"";width:14px;height:14px;background:currentColor;border-radius:2px}.floating-play.disabled{opacity:.35;cursor:not-allowed;animation:none;pointer-events:none}@keyframes fab-pulse{0%,to{box-shadow:0 0 20px rgba(var(--accent-rgb),.2),0 4px 16px #0000004d}50%{box-shadow:0 0 30px rgba(var(--accent-rgb),.35),0 4px 20px #00000059}}@keyframes fab-pulse-red{0%,to{box-shadow:0 0 20px #f443,0 4px 16px #0000004d}50%{box-shadow:0 0 30px #ff444459,0 4px 20px #00000059}}.glow-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 2.2rem;font-size:1rem;font-weight:500;letter-spacing:.06em;color:var(--accent);background:transparent;border:1.5px solid var(--accent);border-radius:6px;cursor:pointer;overflow:hidden;transition:all .35s cubic-bezier(.23,1,.32,1);opacity:0;animation:fade-up .6s ease 1.8s forwards}.glow-button:before{content:"";position:absolute;inset:-1.5px;background:conic-gradient(from var(--btn-angle, 0deg),var(--accent),var(--accent2),var(--accent),transparent,var(--accent2),var(--accent));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s ease;animation:rotate-border 4s linear infinite}@property --btn-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-border{to{--btn-angle: 360deg}}.glow-button:hover:before{opacity:1}.glow-button:hover{color:#fff;box-shadow:0 0 25px rgba(var(--accent-rgb),.3),0 0 50px rgba(var(--accent-rgb),.1);transform:translateY(-1px)}.glow-button:active{transform:translateY(0)}.glow-button.small{padding:.5rem 1.2rem;font-size:.85rem;opacity:1;animation:none}.glow-button.small:disabled{opacity:.35;cursor:not-allowed;border-color:var(--text-dim);color:var(--text-dim)}.glow-button.small:disabled:hover:before{opacity:0}.glow-button.small:disabled:hover{box-shadow:none;transform:none}.glow-button.secondary{border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.glow-button.secondary:hover{border-color:var(--accent);color:#fff;box-shadow:0 0 20px rgba(var(--accent-rgb),.25)}.play-icon,.stop-icon{font-size:.8em}.resume-btn{border-color:var(--accent);color:var(--accent)}.resume-btn:hover{background:rgba(var(--accent-rgb),.15);box-shadow:0 0 16px rgba(var(--accent-rgb),.25)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.35);border-radius:8px;color:var(--accent);cursor:pointer;transition:all .2s ease}.icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 12px rgba(var(--accent-rgb),.15)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn svg{transition:transform .2s ease}.icon-btn:hover:not(:disabled) svg{transform:scale(1.1)}.controls-divider{width:1px;height:24px;background:#ffffff14;margin:0 .25rem}#mic-pulse{position:fixed;bottom:2.2rem;left:50%;transform:translate(-50%) translate(-7rem);z-index:20;width:28px;height:28px;display:flex;align-items:center;justify-content:center}#mic-pulse:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent2),transparent,var(--accent),transparent,var(--accent2),var(--accent));animation:star-border-spin 3s linear infinite;z-index:-1;opacity:.6}@keyframes star-border-spin{to{transform:rotate(360deg)}}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid var(--accent);animation:pulse-expand 2s ease-in-out infinite}.pulse-ring-delay{animation-delay:.6s}@keyframes pulse-expand{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.8);opacity:0}}.mic-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.5);animation:mic-glow 1.5s ease-in-out infinite}@keyframes mic-glow{0%,to{box-shadow:0 0 8px rgba(var(--accent-rgb),.4)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.8)}}#freq-display{position:fixed;bottom:2.2rem;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:400;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--accent);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:.35rem 1rem;border-radius:20px;border:1px solid var(--glass-border);box-shadow:0 0 12px rgba(var(--accent-rgb),.15)}.rec-label{font-size:.55rem;font-weight:600;letter-spacing:.12em;color:#f44;text-shadow:0 0 6px rgba(255,68,68,.5);animation:rec-pulse 1.2s ease-in-out infinite}.freq-unit{font-size:.6rem;color:var(--text-dim);margin-left:.1rem}#mini-waveform{width:60px;height:24px;border-radius:12px;opacity:.85}#status-bar{position:fixed;bottom:.6rem;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:.6rem;font-size:.65rem;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.05em}.rec-dot{width:5px;height:5px;border-radius:50%;background:#f44;animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1;box-shadow:0 0 4px #ff444480}50%{opacity:.4;box-shadow:0 0 8px #f44c}}.status-divider{opacity:.3}#zoom-indicator{position:fixed;bottom:.6rem;right:.8rem;z-index:15;font-size:.65rem;color:var(--text-dim);font-variant-numeric:tabular-nums;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.25rem .5rem;border-radius:6px;border:1px solid var(--glass-border)}#playback-controls{position:fixed;bottom:4rem;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.4rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:.5rem .75rem;border-radius:14px;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a}#toolbar{position:fixed;top:1rem;right:1rem;z-index:25;display:flex;flex-direction:column;gap:.5rem}.toolbar-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--accent-rgb),.35);border-radius:10px;color:var(--accent);cursor:pointer;transition:all .25s ease}.toolbar-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.15);transform:scale(1.05)}.toolbar-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.1)}#theme-bar{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:25;display:flex;gap:.4rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:.4rem .6rem;border-radius:20px;border:1px solid var(--glass-border)}.theme-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;background:var(--swatch);cursor:pointer;transition:all .2s ease;box-shadow:0 0 6px #0000004d}.theme-swatch:hover{transform:scale(1.25);box-shadow:0 0 14px var(--swatch)}.theme-swatch.active{border-color:var(--text);transform:scale(1.15);box-shadow:0 0 14px var(--swatch)}.glass-panel{position:fixed;top:4rem;right:1rem;z-index:30;width:220px;max-height:calc(100vh - 6rem);padding:1.2rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;overflow-y:auto}.panel-close{position:absolute;top:.9rem;right:1rem;background:none;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:.1rem .4rem;border-radius:4px;transition:all .2s;line-height:1}.panel-close:hover{color:#fff;background:#ffffff1a}.panel-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:1rem}.setting-label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.75rem;color:#fff9}.setting-label span{font-weight:500}.glass-panel input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#ffffff14;border-radius:2px;outline:none}.glass-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px rgba(var(--accent-rgb),.4);transition:box-shadow .2s}.glass-panel input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 14px rgba(var(--accent-rgb),.7)}.glass-select{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text);padding:.4rem .6rem;border-radius:6px;font-size:.75rem;outline:none;cursor:pointer}.glass-select:focus{border-color:var(--accent)}.glass-select option{background:#1a1a2e;color:var(--text)}.archive-panel{width:300px;right:3.5rem}.archive-list{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 10rem);overflow-y:auto}.archive-list::-webkit-scrollbar{width:4px}.archive-list::-webkit-scrollbar-track{background:transparent}.archive-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.archive-empty{font-size:.75rem;color:var(--text-dim);text-align:center;padding:1rem 0}.archive-item{display:flex;align-items:center;gap:.6rem;padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.archive-item:hover{border-color:#ffffff1a;background:#ffffff08}.archive-thumb{width:48px;height:32px;border-radius:4px;object-fit:cover;background:#ffffff0d;flex-shrink:0}.archive-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.archive-name{font-size:.75rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-meta{font-size:.6rem;color:var(--text-dim)}.archive-actions{display:flex;gap:.2rem;flex-shrink:0}.archive-actions button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0a;border-radius:4px;color:var(--text-dim);cursor:pointer;font-size:.7rem;transition:all .15s}.archive-actions button:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.archive-delete:hover{background:#ff505026!important;color:#ff5050!important}#toast{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%) translateY(10px);z-index:200;padding:.4rem 1rem;font-size:.75rem;color:var(--text);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 8px 24px #0000004d;opacity:0;animation:toast-in .3s ease forwards}@keyframes toast-in{to{opacity:1;transform:translate(-50%) translateY(0)}}.emotion-badge{position:fixed;bottom:5.2rem;left:1.5rem;z-index:24;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;font-size:.7rem;font-weight:500;color:var(--text);letter-spacing:.04em;opacity:0;animation:emotion-badge-in .4s ease forwards;box-shadow:0 4px 16px #0003}.emotion-icon{font-size:.85rem;line-height:1}.emotion-label{text-transform:capitalize}@keyframes emotion-badge-in{0%{opacity:0;transform:translate(8px)}to{opacity:.85;transform:translate(0)}}.model-loading-overlay{position:fixed;bottom:7rem;right:1.5rem;z-index:30;animation:emotion-badge-in .4s ease forwards}.model-loading-content{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 16px #0003}.model-loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.model-loading-text{font-size:.65rem;color:var(--text-dim);white-space:nowrap;letter-spacing:.03em}.model-loading-bar-track{width:60px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden;flex-shrink:0}.model-loading-bar-fill{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .3s ease}#error-screen{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--bg-dark)}.error-content{text-align:center;max-width:400px;padding:2rem}.error-content h2{font-size:1.3rem;font-weight:400;margin-bottom:1rem;color:#ff6b6b}.error-content p{color:var(--text-dim);margin-bottom:2rem;line-height:1.6}.hidden{display:none!important}.fade-content{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.fade-content.visible{opacity:1;transform:translateY(0)}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2),#fff,var(--accent));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}.vibrato-indicator{position:fixed;bottom:3.8rem;left:50%;transform:translate(-50%);z-index:16;font-size:.6rem;color:var(--accent2);letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .3s}.vibrato-indicator.active{opacity:.7;animation:vibrato-pulse .5s ease-in-out infinite alternate}@keyframes vibrato-pulse{0%{opacity:.4;transform:translate(-50%) scale(.95)}to{opacity:.8;transform:translate(-50%) scale(1.05)}}.timeline-bar{position:fixed;bottom:7rem;left:50%;transform:translate(-50%);z-index:18;display:flex;align-items:center;gap:.6rem;padding:.4rem 1rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 4px 20px #00000040;width:min(80vw,600px)}.timeline-time{font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:2.5rem;text-align:center}.timeline-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;position:relative;cursor:pointer}.timeline-progress{height:100%;background:var(--accent);border-radius:3px;width:0%;transition:width .1s linear}.timeline-playhead{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px rgba(var(--accent-rgb),.5);transition:left .1s linear}.timeline-markers{position:absolute;inset:0;pointer-events:none}.timeline-marker{position:absolute;top:0;width:2px;height:100%;background:rgba(var(--accent-rgb),.25)}.gallery-sort-bar{display:flex;gap:.3rem;margin-bottom:.8rem}.gallery-sort-btn{flex:1;padding:.3rem .5rem;font-size:.65rem;color:var(--text-dim);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .2s}.gallery-sort-btn.active{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--accent)}.gallery-masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.gallery-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative}.gallery-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.gallery-card-thumb{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden}.gallery-card-thumb img{width:100%;height:100%;object-fit:cover}.gallery-card-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.gallery-card:hover .gallery-card-overlay{opacity:1}.gallery-card-play{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--accent);background:rgba(var(--accent-rgb),.15);color:var(--accent);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gallery-card-play:hover{background:rgba(var(--accent-rgb),.3);transform:scale(1.1)}.gallery-card-info{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.1rem}.gallery-card-name{font-size:.7rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card-meta{font-size:.55rem;color:var(--text-dim)}.gallery-card-actions{display:flex;gap:.2rem;padding:0 .5rem .4rem}.gallery-card-actions button{width:20px;height:20px;border:none;background:#ffffff0a;border-radius:4px;color:var(--text-dim);cursor:pointer;font-size:.6rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.gallery-card-actions button:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.gallery-card-delete:hover{background:#ff505026!important;color:#ff5050!important}.gallery-empty{grid-column:1 / -1;text-align:center;padding:2rem 0}.gallery-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.3}.gallery-empty p{font-size:.8rem;color:var(--text-dim);margin-bottom:.3rem}.gallery-empty span{font-size:.65rem;color:var(--text-dim);opacity:.6}.gif-export-progress{position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%);z-index:100;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;text-align:center;box-shadow:0 8px 32px #0006}.gif-export-progress .gif-progress-text{font-size:.75rem;color:var(--text-dim);margin-bottom:.5rem}.gif-export-progress .gif-progress-bar-track{width:150px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.gif-export-progress .gif-progress-bar-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .2s}@media(max-width:640px){.title-animated{font-size:clamp(1.5rem,8vw,2.5rem)}.glass-panel{width:190px;right:.5rem;top:3.5rem}.archive-panel{width:260px;right:3rem}#playback-controls{bottom:3.6rem;gap:.3rem;padding:.4rem .6rem}.glow-button.small{padding:.4rem .8rem;font-size:.75rem}#freq-display{bottom:2rem;font-size:.8rem;padding:.3rem .75rem;gap:.35rem}#mic-pulse{bottom:2rem;transform:translate(-50%) translate(-5.5rem)}#mini-waveform{width:48px;height:20px}#status-bar{bottom:.5rem;font-size:.6rem}#zoom-indicator{bottom:.5rem;right:.5rem;font-size:.6rem}#toolbar{top:.5rem;right:.5rem}.toolbar-btn{width:34px;height:34px}#theme-bar{top:.5rem;padding:.3rem .5rem;gap:.3rem}.theme-swatch{width:18px;height:18px}.icon-btn{width:30px;height:30px}.demo-step{padding:.5rem .65rem;gap:.6rem}.demo-step-icon{width:38px;height:38px}.demo-step-icon svg{width:22px;height:22px}.demo-step-text{font-size:.75rem}.demo-step-text span{font-size:.65rem}.floating-play{width:46px;height:46px;bottom:4.2rem;right:1rem}.floating-play svg{width:18px;height:18px}.emotion-badge{bottom:4.8rem;left:1rem;padding:.25rem .55rem;font-size:.6rem}.emotion-icon{font-size:.75rem}.model-loading-overlay{bottom:6rem;right:1rem}.model-loading-content{padding:.4rem .6rem;gap:.4rem}.model-loading-text{font-size:.6rem}.model-loading-bar-track{width:48px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}