@charset "UTF-8";
:root{color-scheme:dark;--background:#0b111c;--foreground:#edf2fb;--card:#141e2d;--card-foreground:#edf2fb;--muted:#202e42;--muted-foreground:#a9b9ce;--border:#2b3b52;--primary:#95ecdc;--primary-foreground:#0c2926;--viz-series-1:#95ecdc;--ring:#baeaff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--primary);text-underline-offset:4px}a:hover{color:#d9fff7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ring);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:1.3rem;letter-spacing:-.04em}h2{font-size:1.4rem}h3{font-size:1.1rem;font-weight:600;margin-bottom:12px}strong{font-weight:600}.text-small{font-size:.875rem}.text-muted{color:var(--muted-foreground)}.text-destructive{color:#ffbbb6}.tabular-nums{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#tone-studio{max-width:1320px;margin:auto;padding:0 36px 40px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;grid-template-columns:repeat(3,3px);gap:4px;align-items:center;height:32px;color:var(--primary)}.brand-mark i{display:block;background:currentColor;border-radius:2px;height:14px}.brand-mark i:nth-child(2){height:30px}.brand-mark i:nth-child(3){height:22px}.brand p{font-size:.75rem;color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase}.site-note{font-size:.8rem;color:var(--muted-foreground)}
.workspace{display:grid;grid-template-columns:228px minmax(0,1fr);gap:36px;padding-top:30px}.library{border-right:1px solid var(--border);padding-right:24px}.eyebrow{font-size:.72rem;font-weight:600;color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.collection{display:block;width:100%;border:1px solid transparent;background:transparent;border-radius:10px;text-align:left;color:var(--muted-foreground);padding:12px;margin-bottom:5px;line-height:1.35}.collection strong,.collection small{display:block}.collection strong{font-size:.9rem}.collection small{font-size:.75rem;margin-top:4px;font-weight:400}.collection:hover{background:#151f2e;color:var(--foreground)}.collection[aria-pressed=true]{background:#172b30;border-color:#2e5b59;color:#baf5e9}.library-note{margin-top:30px;border-top:1px solid var(--border);padding-top:20px;font-size:.78rem;color:var(--muted-foreground)}.library-note p{margin:8px 0}.workbench{min-width:0}.nav{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:26px}.nav-link{appearance:none;border:0;border-bottom:2px solid transparent;color:var(--muted-foreground);background:transparent;padding:0 0 14px;font-size:.88rem;font-weight:500}.nav-link:hover{color:var(--foreground)}.nav-link[aria-selected=true]{border-color:var(--primary);color:var(--primary)}section[role=tabpanel]{padding:0}
.tl-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.viz-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr);gap:18px;align-items:end;margin:18px 0}.viz-controls .btn{justify-self:start}.viz-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--muted-foreground);min-width:0}.form-control,.form-select{border:1px solid var(--border);background:#111a28;color:var(--foreground);border-radius:9px;padding:11px 13px;min-height:46px;width:100%;min-width:0;outline-offset:3px}.form-select{padding-right:25px}.form-range{width:100%;accent-color:var(--primary);margin:8px 0;height:22px}.form-label>.tabular-nums{color:var(--foreground)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;font-size:.875rem;font-weight:600;color:var(--foreground);border:1px solid var(--border);border-radius:9px;background:#192538;text-decoration:none;white-space:normal}.btn:hover{background:#25364b}.btn-primary{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#bbf7ea;color:#092622}.btn-ghost{background:transparent;border-color:transparent;font-weight:400;color:var(--muted-foreground);padding:8px 10px}.viz-badge{display:inline-flex;align-items:center;border:1px solid #355155;color:#b3e9df;background:#172b30;font-size:.72rem;line-height:1.4;padding:5px 10px;border-radius:30px;max-width:100%}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.tl-block{margin:24px 0}.tl-block .card{border:0;padding:22px 24px}.tl-block .card #tl-title{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;font-weight:400;line-height:1.12;letter-spacing:-.035em}.tl-block .card #tl-description{max-width:64ch;color:#d6e2f2;margin:14px 0 12px}.tl-block .card #tl-settings{color:var(--muted-foreground);font-size:.8rem}
.tl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:26px 0}.tl-note{margin:16px 0}.progress{height:4px;border-radius:3px;background:#29384e;overflow:hidden}.progress-bar{height:100%;background:var(--primary)}#tl-guide{padding:16px 18px;border-left:2px solid #578f8c;background:#101e29;color:#c9e4e8;font-size:.88rem}#tl-journey{margin:28px 0}#tl-chart{display:block;width:100%;height:160px;overflow:visible}#tl-chart text{font-size:12px;fill:var(--muted-foreground)}#tl-chart .tl-plot{fill:none;stroke:var(--border);stroke-width:1}#tl-chart .tl-line{fill:none;stroke:var(--viz-series-1);stroke-width:2}#tl-chart .tl-dot{fill:var(--viz-series-1)}#tl-chart .tl-cursor{stroke:#69899e;stroke-width:1}#tl-phases{margin-top:8px;font-size:.75rem}.table{width:100%;border-collapse:collapse;font-size:.88rem;margin:16px 0}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:14px 10px}.table th{font-weight:500;color:var(--muted-foreground)}.table td:first-child{width:29%}hr{border:0;border-top:1px solid var(--border);margin:28px 0}details{border-top:1px solid var(--border);padding:18px 0}summary{cursor:pointer;color:var(--foreground);font-size:.9rem}details p{font-size:.88rem;color:var(--muted-foreground);margin:14px 0}.guide-intro{max-width:66ch;color:var(--muted-foreground);margin:14px 0 24px}.guide-steps{display:grid;gap:16px}.guide-step{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.guide-step h3{display:flex;gap:12px;align-items:baseline}.step-num{color:var(--primary);font-family:Georgia,serif;font-size:1.5rem}.guide-step p{color:var(--muted-foreground);font-size:.9rem;margin:10px 0 16px}.guide-step ol{padding-left:20px;font-size:.875rem;color:#d4dfed}.guide-step li{margin:9px 0}.guidance-option{display:flex;gap:10px;align-items:center;font-size:.875rem;margin:18px 0 2px}.guidance-option input{accent-color:var(--primary);width:18px;height:18px}.settings-notice{font-size:.8rem;color:#e4cb91;margin:12px 0}.save-note{font-size:.82rem;color:#e4cb91}.session-footnote{font-size:.75rem;color:var(--muted-foreground);padding-top:20px;border-top:1px solid var(--border);margin-top:20px}audio{width:100%;margin-top:12px}#tl-error{padding:14px 0}.site-footer{margin-top:42px;border-top:1px solid var(--border);padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted-foreground);font-size:.75rem}.site-footer a{color:var(--muted-foreground)}
@media(max-width:900px){#tone-studio{padding:0 22px 30px}.workspace{grid-template-columns:190px minmax(0,1fr);gap:22px}.library{padding-right:18px}.site-note{display:none}.nav{gap:18px}.tl-block .card #tl-title{font-size:2rem}}
@media(max-width:700px){#tone-studio{padding:0 18px 24px}.site-header{padding:18px 0}.workspace{display:block;padding-top:20px}.library{border:0;padding:0;margin-bottom:24px}.library .eyebrow{margin-bottom:10px}.collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.collection{height:100%;margin:0;padding:10px 8px;text-align:center;border-color:var(--border)}.collection strong{font-size:.78rem}.collection small{font-size:.66rem}.library-note{display:none}.nav{gap:0;justify-content:space-between;margin-bottom:20px}.nav-link{font-size:.8rem;padding-bottom:12px}.viz-controls{grid-template-columns:minmax(0,1fr) 110px;gap:12px}.tl-fields{gap:18px}.tl-block .card{padding:20px}.tl-block .card #tl-title{font-size:1.9rem}.site-footer{margin-top:28px}.form-control,.form-select{font-size:1rem}.tl-heading .viz-badge{font-size:.68rem}}
@media(max-width:420px){.tl-fields,.viz-controls{grid-template-columns:1fr}.brand p{font-size:.64rem}.btn{padding:10px 12px;font-size:.8rem}.collection small{display:none}.table th,.table td{padding:10px 5px;font-size:.8rem}.table td:first-child{width:35%}.tl-block .card #tl-title{font-size:1.75rem}.tl-heading{gap:8px}.guide-step{padding:18px}.site-header{gap:12px}.nav-link{font-size:.75rem}.tl-block .card #tl-settings{font-size:.77rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}