/* A quiet working console: Ghost teal, readable controls, no marketing hero. */
:root{--mist:#536f6c;--smoke:#a5b8b4;--ash:#0a1112;--panel:#101a1c;color-scheme:dark}
body{background:#080d0e;font-size:1rem}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:10;padding:.7rem;background:var(--spirit);color:#001512}.skip-link:focus{top:1rem}
.wrap{max-width:1240px}header{border-bottom:1px solid var(--mist);padding:1rem 0}header .who{overflow-wrap:anywhere}
.studio-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 0 1rem}.studio-head .label{margin-bottom:.25rem}h1{font-size:1.9rem}h2{font-size:1.25rem}h3{font-size:1.05rem;margin:0 0 .75rem}.balance{color:var(--smoke);font-size:.9rem}.balance b{color:var(--spirit);font-size:1.3rem}
.studio-nav,.workspace-nav{display:flex;gap:.25rem;flex-wrap:wrap;border-bottom:1px solid var(--mist);padding-bottom:.5rem}.studio-nav button,.workspace-nav button{background:none;border:0;color:var(--smoke);text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:1rem;padding:.7rem 1rem}.studio-nav button[aria-current],.workspace-nav button[aria-current]{background:var(--panel);color:var(--spirit);box-shadow:inset 0 -2px var(--spirit)}
button{letter-spacing:0;text-transform:none;font-family:var(--sans);font-size:.9rem;min-height:44px;padding:.65rem .9rem;border-radius:3px}button.link{min-height:44px;padding:.5rem}button.ghost{border-color:var(--mist)}button:disabled{opacity:.55}label{font-family:var(--sans);font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--bone)}
input[type=text],input[type=email],input[type=password],input[type=file],input[type=number],select{display:block;width:100%;min-width:0;min-height:44px;padding:.65rem;background:var(--void);color:var(--bone);border:1px solid var(--mist);font:inherit;border-radius:3px;margin:.35rem 0 1rem}input[type=file]{font-size:.85rem}input[type=color]{display:block;width:100%;height:44px;border:1px solid var(--mist);background:var(--void);margin:.35rem 0 1rem;cursor:pointer}input[type=checkbox]{width:18px;height:18px;accent-color:var(--spirit)}label.check{font-size:.95rem;align-items:start;gap:.65rem;margin:1rem 0}label.check input{margin-top:.3rem}
.pane{padding:1.5rem 0 2rem}.make-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:3rem}.workflow-note{border-left:1px solid var(--mist);padding-left:2rem;color:var(--smoke);font-size:.95rem}.workflow-note ol{padding-left:1.25rem;margin:1.5rem 0}.workflow-note li{padding:0 0 1.25rem .25rem}.workflow-note li b{display:block;color:var(--bone)}.workflow-note li span{display:block}.muted{color:var(--smoke);font-size:.95rem}.hint{font-size:.85rem;line-height:1.5}.section-head{justify-content:space-between}.section-head h2{margin:0}.msg:empty{display:none}.msg{overflow-wrap:anywhere}.track-error{display:block;text-transform:none;letter-spacing:0;color:var(--gone);max-width:32ch}
.package-list{margin-top:1.5rem}.package-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--mist);padding:1rem 0}.package-line span{color:var(--smoke)}.package-line b{display:block;color:var(--bone)}
.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem;margin-top:1.5rem}.preview-console{min-width:0}.preview-console audio{display:block;width:100%;margin:.5rem 0 1rem}.preview-console>label{display:block;margin-top:1rem}#lyricPreview{aspect-ratio:4/3;border:1px solid var(--mist);display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:.35em;padding:1.5rem;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:700;text-align:center;overflow-wrap:anywhere}#lyricPreview span.current{text-decoration:underline;text-underline-offset:.25em}
fieldset{border:0;margin:0;padding:0;min-width:0}.word-row{display:grid;grid-template-columns:2rem minmax(5rem,1fr) minmax(4rem,.65fr) minmax(4rem,.65fr);gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--mist);align-items:center}.word-row label{font-size:.8rem;color:var(--smoke)}.word-row input{margin:.2rem 0}.word-row .word-index{font: .8rem var(--mono);color:var(--smoke)}.word-row .word-actions{grid-column:2/-1;display:flex;gap:.4rem;flex-wrap:wrap}.word-actions button{font-size:.8rem;padding:.35rem .6rem;min-height:36px}#wordsEditor{max-height:30rem;overflow:auto;padding-right:.5rem}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--mist);padding-top:1.25rem;margin-top:1.5rem}.save-bar>span{color:var(--smoke);font-size:.9rem}.downloads{margin-top:1rem}.key{display:block;overflow-wrap:anywhere;margin-top:1rem;color:var(--spirit)}details{margin-top:2rem;border-top:1px solid var(--mist);padding-top:1rem}summary{cursor:pointer;min-height:44px}footer{display:flex;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--mist);padding:1.5rem 0;color:var(--smoke);font-size:.8rem}footer span{flex-basis:100%}progress{width:100%;height:12px;margin-top:1rem;accent-color:var(--spirit)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hidden{display:none!important}table{table-layout:fixed}th:first-child{width:32%}th:last-child{width:25%}td{overflow-wrap:anywhere}.countdown{white-space:normal}.steps .total{white-space:normal}
@media(min-width:52rem){.grid.two{grid-template-columns:1fr 1fr}}@media(max-width:52rem){.make-layout,.preview-layout{grid-template-columns:1fr;gap:1.5rem}.workflow-note{border-left:0;border-top:1px solid var(--mist);padding:1.5rem 0 0}.studio-head{align-items:start}.preview-console{max-width:36rem}.balance{max-width:9rem;text-align:right}table,thead,tbody,tr,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--mist);padding:.6rem 0}td{border:0;padding:.3rem 0}td:nth-child(2)::before{content:'Status · ';color:var(--smoke);font-size:.8rem}td:nth-child(3)::before{content:'Time left · ';color:var(--smoke);font-size:.8rem}tr.stepsRow{padding:0 0 1rem}tr.stepsRow td{border:0}.studio-nav button,.workspace-nav button{padding:.6rem .7rem}.save-bar .row{width:100%}#lyricPreview{font-size:1.4rem}.pwForm .pw{min-width:0}}
@media(max-width:360px){.word-row{grid-template-columns:1.5rem minmax(0,1fr) minmax(0,1fr)}.word-row label:first-of-type{grid-column:2/-1}.word-row label:nth-of-type(2){grid-column:2}.studio-head{display:block}.balance{text-align:left;max-width:none}.studio-nav button{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.step.active .bar i{animation:none}}