.stem-page{color:#fff;--stem-accent:#22d3ee;background:#000}.stem-console,.stem-inside,.stem-about{width:100%;max-width:768px;margin-left:auto;margin-right:auto}.stem-console{background:#171717;border-radius:16px;padding:32px;position:relative}.stem-tool-meta{color:#67e8f9;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;font-weight:500;display:flex}.stem-drop{text-align:center;background:rgba(38,38,38,.5);border:2px dashed #525252;border-radius:12px;padding:32px 20px;transition:border-color .15s,background .15s}.stem-drop:hover,.stem-dragging{background:rgba(34,211,238,.04);border-color:#22d3ee}.stem-file-icon,.stem-progress-icon{color:#22d3ee;background:rgba(34,211,238,.08);border-radius:12px;place-items:center;width:56px;height:56px;margin:0 auto 20px;display:grid}.stem-drop h2{margin-bottom:20px;font-size:20px;font-weight:700}.stem-small{color:#a3a3a3;font-size:12px;line-height:1.75}.stem-page .stem-choose{color:#e5e5e5;background:#262626;border:1px solid #525252;border-radius:6px;justify-content:center;align-items:center;gap:12px;min-height:44px;margin-bottom:16px;padding:10px 20px;font-size:14px;display:inline-flex}.stem-page .stem-choose:hover{color:#fff;background:#404040}.stem-page .stem-primary{color:#fff;background:linear-gradient(90deg,#d946ef,#06b6d4);border:0;border-radius:6px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:14px 24px;font-size:16px;font-weight:600;display:inline-flex}.stem-page .stem-primary:hover{background:linear-gradient(90deg,#c026d3,#0891b2)}.stem-page .stem-primary:disabled{opacity:.5;cursor:not-allowed}.stem-submit{width:100%;margin-top:24px}.stem-rights{color:#a3a3a3;text-align:center;margin-top:20px;font-size:12px;line-height:1.75}.stem-privacy{text-align:center;margin-top:8px}.stem-selected-name{overflow-wrap:anywhere}.stem-text-button{color:#d4d4d4;text-underline-offset:4px;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:14px;text-decoration:underline;display:inline-flex}.stem-text-button:hover{color:#22d3ee}.stem-text-button:disabled{opacity:.5}.stem-drop .stem-text-button{margin-top:8px}.stem-progress{text-align:center;padding:32px 0}.stem-progress h2{margin:20px 0 12px;font-size:24px;font-weight:700}.stem-progress-icon{animation:2s ease-in-out infinite stem-breathe}.stem-filename{color:#d4d4d4;overflow-wrap:anywhere;font-size:14px}.stem-progress-bar{background:#404040;border-radius:999px;max-width:480px;height:8px;margin:28px auto 12px;overflow:hidden}.stem-progress-bar span{background:linear-gradient(90deg,#d946ef,#22d3ee);height:100%;transition:width .5s;display:block}.stem-wait-hint{color:#a3a3a3;max-width:480px;margin:24px auto 0;font-size:14px;line-height:1.75}.stem-results-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.stem-results-heading>svg{color:#34d399;flex-shrink:0}.stem-results-heading h2{overflow-wrap:anywhere;margin:8px 0 16px;font-size:20px;font-weight:700}.stem-eyebrow{color:#22d3ee;font-size:14px;font-weight:500}.stem-track-list{border-top:1px solid #404040;margin:24px 0}.stem-track{border-bottom:1px solid #404040;grid-template-columns:24px minmax(85px,1fr) minmax(190px,280px) 76px;align-items:center;gap:12px;padding:16px 0;display:grid}.stem-track-number{color:#737373;font-variant-numeric:tabular-nums;font-size:12px}.stem-track-name{color:var(--track-color);font-size:14px;font-weight:600}.stem-track audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;height:36px}.stem-page .stem-download{color:#67e8f9;background:#262626;border-color:#525252;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;display:inline-flex}.stem-page .stem-download:hover{color:#fff;background:#404040}.stem-result-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.stem-error,.stem-notice{color:#fca5a5;background:rgba(127,29,29,.3);border:1px solid #991b1b;border-radius:8px;margin-top:24px;padding:16px;font-size:14px;line-height:1.75}.stem-error button{margin-top:8px;text-decoration:underline;display:block}.stem-notice{color:#6ee7b7;background:rgba(6,78,59,.3);border-color:#065f46}.stem-share{border-top:1px solid #404040;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:24px;display:flex}.stem-share p{color:#a3a3a3;font-size:13px;line-height:1.75}.stem-share button{flex-shrink:0}.stem-inside{text-align:center;padding-top:48px}.stem-inside h2{font-size:20px;font-weight:700}.stem-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.stem-legend span{color:#d4d4d4;background:#171717;border:1px solid #404040;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.stem-legend i{border-radius:50%;width:8px;height:8px}.stem-about{margin-top:64px}.stem-about h2{letter-spacing:-.025em;margin-bottom:24px;font-size:28px;font-weight:700;line-height:1.3}.stem-info-card{background:#171717;border-radius:12px;padding:24px}.stem-info-card p+p{margin-top:16px}.stem-about p{color:#d4d4d4;font-size:14px;line-height:1.85}.stem-page button:focus-visible{outline-offset:4px;outline:2px solid #22d3ee}.stem-page a:focus-visible{outline-offset:4px;outline:2px solid #22d3ee}@keyframes stem-breathe{50%{color:#e879f9;background:rgba(217,70,239,.1)}}@media (prefers-reduced-motion:reduce){.stem-page *,.stem-page :before,.stem-page :after{transition:none!important;animation:none!important}}@media (max-width:640px){.stem-console{padding:24px 16px}.stem-tool-meta{margin-bottom:20px}.stem-drop{padding:28px 16px}.stem-drop h2{font-size:18px}.stem-page .stem-primary{padding-left:16px;padding-right:16px;font-size:14px}.stem-track{grid-template-columns:20px minmax(0,1fr) 76px;gap:10px}.stem-track audio{grid-area:2/2/auto/4}.stem-download{grid-area:1/3}.stem-share{flex-direction:column;align-items:flex-start;gap:8px}.stem-about h2{font-size:24px}}.stem-archive-action{margin-bottom:24px}.stem-archive-action>button{width:100%}.stem-archive-action>p{margin-top:10px}.stem-how-step{margin-top:28px}.stem-how-step h3{color:#f5f5f5;margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.6}