@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f2e8;--panel:#fffdf8;--panel-soft:#f2ece1;--surface:#fff;--line:#14231b1f;--ink:#132019;--muted:#53665d;--accent:#4169e1;--accent-strong:#2f56c9;--accent-contrast:#fff;--soft-accent:#4169e11a;--accent-line:#4169e138;--warn:#9a5b26;--warn-soft:#9a5b261a;--shadow:0 18px 48px #12201914;--page-glow:#4169e114;--page-top:#fbf7ef;--drag-fill:#f7fffc;--spotify-brand:#1ed760;--tidal-brand:#111;--apple-music-brand:#fa243c;--soundcloud-brand:#f50;--radius:22px}:root[data-service=spotify]{--accent:#1ed760;--accent-strong:#169c45;--accent-contrast:#04150b;--soft-accent:#1ed7603d;--accent-line:#1ed7605c;--page-glow:#1ed76029;--spotify-brand:#1ed760}:root[data-service=tidal]{--accent:#111;--accent-strong:#000;--accent-contrast:#fff;--soft-accent:#11111124;--accent-line:#11111142;--page-glow:#1111111c;--tidal-brand:#111}:root[data-service=apple_music]{--accent:#fa243c;--accent-strong:#df1830;--accent-contrast:#fff;--soft-accent:#fa243c1f;--accent-line:#fa243c3d;--page-glow:#fa243c1a;--apple-music-brand:#fa243c}:root[data-service=soundcloud]{--accent:#f50;--accent-strong:#d94800;--accent-contrast:#fff;--soft-accent:#ff55001f;--accent-line:#ff550042;--page-glow:#ff550017;--soundcloud-brand:#f50}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1211;--panel:#111816;--panel-soft:#17211d;--surface:#101715;--line:#e3efe824;--ink:#edf5f0;--muted:#9eb1a9;--accent:#89a6ff;--accent-strong:#adc2ff;--accent-contrast:#0b1431;--soft-accent:#89a6ff2e;--accent-line:#89a6ff47;--warn:#ffbb7f;--warn-soft:#ffbb7f1f;--shadow:0 18px 48px #00000057;--page-glow:#89a6ff1f;--page-top:#101625;--drag-fill:#0f1a17}:root[data-theme=dark][data-service=spotify]{--accent:#1ed760;--accent-strong:#48e07f;--accent-contrast:#07120c;--soft-accent:#1ed7602e;--accent-line:#1ed76047;--page-glow:#1ed7601f;--spotify-brand:#1ed760}:root[data-theme=dark][data-service=tidal]{--accent:#f4f4f4;--accent-strong:#fff;--accent-contrast:#0b0b0b;--soft-accent:#ffffff24;--accent-line:#ffffff38;--page-glow:#ffffff14;--tidal-brand:#f4f4f4}:root[data-theme=dark][data-service=apple_music]{--accent:#ff5f76;--accent-strong:#ff8696;--accent-contrast:#1f070d;--soft-accent:#ff5f7633;--accent-line:#ff5f764d;--page-glow:#ff5f7624;--apple-music-brand:#ff5f76}:root[data-theme=dark][data-service=soundcloud]{--accent:#ff7a33;--accent-strong:#ff9a66;--accent-contrast:#1d0c03;--soft-accent:#ff7a332e;--accent-line:#ff7a3347;--page-glow:#ff7a331f;--soundcloud-brand:#ff7a33}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:linear-gradient(180deg, var(--page-glow), transparent 20%), linear-gradient(180deg, var(--page-top) 0%, var(--bg) 100%);margin:0;font-family:Space Grotesk,Trebuchet MS,sans-serif}button,input,select{font:inherit}.shell,.callback-shell{min-height:100vh;padding:24px}.shell{justify-content:center;display:flex}.callback-shell{place-items:center;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.shell-card{gap:18px;width:min(920px,100%);padding:20px;display:grid}.workspace-shell{width:min(1120px,100%)}.block{gap:16px;padding:18px;display:grid}.title-row{align-items:start;gap:18px;display:grid}.title-row h1,.callback-card h1{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.subtle{color:var(--muted);margin:8px 0 0;line-height:1.5}.provider-hero{justify-items:start;gap:8px;display:grid}.workspace-section h2{letter-spacing:-.03em;margin:0;font-size:1.2rem}.small{font-size:.92rem}.row{place-items:start;gap:12px;display:grid}.row-tight{gap:10px}.field{gap:8px;width:100%;display:grid}.field span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.74rem}.field input,.field select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--ink);border-radius:14px;padding:.8rem .95rem}.field textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);resize:vertical;border-radius:14px;padding:.9rem .95rem}.drop-field{position:relative}.drop-field input{transition:border-color .12s,box-shadow .12s,background .12s}.drop-field.drag-active input{border-color:var(--accent-line);background:var(--drag-fill);box-shadow:0 0 0 4px var(--soft-accent)}.drop-hint{color:var(--muted);font-size:.82rem;line-height:1.4}.field select:disabled,.button:disabled{opacity:.55;cursor:not-allowed}.field-small{width:100%;min-width:0;max-width:360px}.field-grow{width:100%}.remember{min-height:48px;color:var(--ink);justify-self:start;align-items:center;gap:10px;padding:0 4px 8px;display:inline-flex}.connection-note{border:1px solid var(--accent-line);background:linear-gradient(180deg, var(--soft-accent), transparent 120px), var(--panel-soft);color:var(--muted);border-radius:14px;padding:.85rem 1rem;font-size:.95rem}.connection-note-stack{gap:6px;display:grid}.connection-brand-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button-row{justify-items:start;gap:10px;display:grid}.workspace-header-actions,.workspace-control-row,.workspace-meta-row,.workspace-output-header{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.workspace-header-actions{justify-content:flex-start;align-items:center}.workspace-section-copy{gap:8px;display:grid}.workspace-control-row .field-grow{flex:360px;width:auto;min-width:min(360px,100%)}.workspace-control-row .field-small{flex:0 220px;width:auto;min-width:180px}.workspace-source-row .button,.workspace-settings-row .button{flex:none}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;justify-self:start;align-items:center;min-height:48px;padding:.8rem 1rem;font-weight:600;text-decoration:none;transition:transform .12s,background .12s,opacity .12s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.is-disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.button-primary{background:var(--accent);color:var(--accent-contrast)}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary{background:var(--panel-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent-line)}.button-quiet{background:var(--warn-soft);color:var(--warn)}.button-file{position:relative;overflow:hidden}.button-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.saved-list{gap:10px;display:grid}.saved-toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.saved-summary{color:var(--muted);align-items:center;min-height:48px;margin:0;font-size:.9rem;display:inline-flex}.saved-item{border:1px solid var(--accent-line);background:var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:.9rem 1rem;display:flex}.saved-copy{gap:4px;min-width:0;display:grid}.saved-copy strong{font-size:.98rem}.saved-copy span{color:var(--muted);font-size:.9rem;line-height:1.4}.saved-actions,.workspace-meta-copy,.workspace-mode-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workspace-meta-row{justify-content:space-between;align-items:center}.workspace-output-header{justify-content:space-between;align-items:start}.meta-row{align-items:start;gap:12px;display:grid}.meta-group,.mode-group{place-items:start;gap:10px;display:grid}.meta-pill{background:var(--soft-accent);color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.42rem .75rem;font-family:IBM Plex Mono,monospace;font-size:.76rem}.meta-text{color:var(--muted);font-size:.95rem}.mode-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:.65rem .95rem}.mode-button.active{background:var(--soft-accent);border-color:var(--accent-line);color:var(--accent-strong)}.columns-details{border:1px solid var(--accent-line);background:linear-gradient(180deg, var(--soft-accent), transparent 160px), var(--panel-soft);border-radius:16px;padding:.9rem 1rem}.columns-details summary{cursor:pointer;font-weight:600}.column-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:12px;display:grid}.column-option{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:start;gap:8px;padding:.7rem .8rem;display:flex}.output-surface{border:1px solid var(--accent-line);background:var(--surface);border-radius:18px;min-height:460px;overflow:hidden}.busy-indicator{border:1px solid var(--accent-line);background:var(--soft-accent);width:fit-content;max-width:100%;color:var(--accent-strong);border-radius:999px;align-items:center;gap:10px;padding:.72rem .95rem;font-size:.94rem;font-weight:600;display:inline-flex}.busy-spinner{border:2px solid color-mix(in srgb, var(--accent) 24%, transparent);border-top-color:var(--accent-strong);border-radius:999px;width:16px;height:16px;animation:.8s linear infinite busy-spin}.output-text{white-space:pre-wrap;word-break:break-word;margin:0;padding:18px;font-family:IBM Plex Mono,monospace;font-size:.93rem;line-height:1.6}.table-wrap{max-height:560px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #14231b14;padding:.8rem .95rem}th{background:linear-gradient(180deg, color-mix(in srgb, var(--soft-accent) 60%, transparent), transparent), var(--surface);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);font-family:IBM Plex Mono,monospace;font-size:.76rem;position:sticky;top:0}.empty-state{text-align:center;place-content:center;gap:12px;min-height:460px;padding:24px;display:grid}.empty-state p{color:var(--muted);margin:0}.status-line{color:var(--muted);margin:0;font-size:.94rem}@keyframes busy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.landing-card h2,.legal-section h2{letter-spacing:-.03em;margin:0;font-size:1.2rem}.landing-card,.utility-card{gap:18px}.landing-shell{width:min(1120px,100%)}.legal-shell{width:min(920px,100%)}.landing-card-copy,.utility-card-copy,.utility-stack{gap:12px;display:grid}.landing-card-copy .subtle,.utility-card-copy .subtle{max-width:62ch}.landing-actions,.utility-actions{justify-items:start;gap:10px;display:grid}.landing-actions .button,.utility-actions .button{min-width:min(260px,100%)}.utility-drop-field{max-width:680px}.utility-card{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start}.utility-card-copy{grid-column:1}.utility-stack{grid-column:2}.utility-card .status-line{grid-column:1/-1}.utility-card h2{letter-spacing:-.03em;margin:0;font-size:1.2rem}.brand-lockup{color:var(--ink);align-items:center;gap:12px;display:inline-flex}.spotify-brand-lockup,.tidal-brand-lockup,.apple-music-brand-lockup,.soundcloud-brand-lockup{min-height:44px}.brand-lockup-large{gap:14px}.brand-wordmark{letter-spacing:-.03em;font-size:1.2rem;font-weight:700}.brand-lockup-large .brand-wordmark{font-size:clamp(1.5rem,3vw,2rem)}.brand-logo{height:auto;display:block}.apple-music-icon{border-radius:14px;width:52px;height:52px}.brand-lockup-large .apple-music-icon{border-radius:18px;width:72px;height:72px}.spotify-full-logo{width:max(96px,8vw)}.brand-lockup-large .spotify-full-logo{width:max(132px,11vw)}.tidal-full-logo{width:max(88px,7.4vw)}.brand-lockup-large .tidal-full-logo{width:max(122px,10vw)}.soundcloud-full-logo{width:max(140px,11.5vw)}.brand-lockup-large .soundcloud-full-logo{width:max(188px,14.5vw)}.brand-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.brand-icon svg{width:100%;height:100%;display:block}.brand-lockup-large .brand-icon{width:44px;height:44px}.legal-card{gap:18px}.coming-soon-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.legal-section{gap:10px;display:grid}.legal-section p,.legal-section ul{color:var(--muted);margin:0;line-height:1.6}.legal-section ul{padding-left:1.25rem}.provider-links{justify-items:start;gap:12px;display:grid}.provider-links a{color:var(--accent-strong)}.warning-banner{background:var(--warn-soft);color:var(--warn);border:1px solid #9a5b2647;border-radius:14px;padding:.9rem 1rem;line-height:1.5}.footer-links{color:var(--muted);justify-items:center;gap:10px;font-size:.92rem;display:grid}.footer-links-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.footer-links a{color:inherit}.footer-link-button{appearance:none;color:inherit;font:inherit;cursor:pointer;text-underline-offset:.16em;background:0 0;border:0;padding:0;text-decoration:underline}.footer-note{text-align:center;max-width:760px;margin:0;line-height:1.5}.contact-overlay{z-index:40;background:#070c0a80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.contact-dialog{gap:18px;width:min(720px,100%);padding:22px;display:grid}.contact-dialog-header,.contact-form-grid,.contact-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.contact-dialog-header{align-items:start}.contact-form-grid .field-grow{flex:280px}.contact-form-grid .field-small{flex:0 220px}.contact-textarea{min-height:180px}.contact-actions .subtle{max-width:420px;margin:0}.button-link-inline{min-height:auto;padding:.55rem .85rem}.callback-card{gap:16px;width:min(720px,100%);padding:24px;display:grid}.callback-details{gap:12px;margin:0;display:grid}.callback-details dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:.76rem}.callback-details dd{margin:0}@media (width<=760px){.shell,.callback-shell{padding:14px}.shell-card,.block,.callback-card{padding:16px}.field-small,.field-grow,.button-row,.button,.mode-group{width:100%}.landing-grid,.utility-card{grid-template-columns:minmax(0,1fr)}.utility-card-copy,.utility-stack,.utility-card .status-line{grid-column:auto}.button-row{display:grid}.workspace-header-actions,.workspace-control-row,.workspace-meta-row,.workspace-meta-copy,.workspace-mode-row,.workspace-output-header,.contact-dialog-header,.contact-form-grid,.contact-actions,.saved-toolbar,.saved-item{align-items:start;width:100%;display:grid}.workspace-control-row .field-grow,.workspace-control-row .field-small{width:100%;min-width:0}.saved-actions{justify-content:start;width:100%}.contact-overlay{padding:14px}}