:root{font-family:'IBM Plex Sans','Anuphan',sans-serif;--ink:#102541;--muted:#6b7481;--line:#dedfdc;--surface:#fffefa;--subtle:#efeee8;--bg:#f5f3ed;--accent:#4675bc;--soft-blue:#e9eef7;--navy:#102541;--white:#fffefa;--lime:#dce8fc;--green:#2d7961;--radius:16px;color:var(--ink);background:var(--bg);color-scheme:light}
:root[data-theme=dark]{--ink:#e5e9f2;--muted:#96a6bc;--line:#2a3c55;--surface:#152b47;--subtle:#11243d;--bg:#0b1b30;--accent:#86aceb;--soft-blue:#223e60;--white:#152b47;--lime:#293f5d;--green:#7bc7ab;color-scheme:dark}
body{background:var(--bg);color:var(--ink);line-height:1.5}button,input,select,textarea{font-family:inherit}h1{font-family:'IBM Plex Sans','Anuphan',sans-serif;font-weight:500;font-size:38px;letter-spacing:-1.2px}h2{font-weight:500}h3{font-weight:500}.eyebrow{font-weight:500;font-size:11px;letter-spacing:1.5px}.small,small,.help,.muted{color:var(--muted)}.btn{font-weight:500;border-color:var(--line);background:var(--surface);color:var(--ink);border-radius:8px;min-height:41px;transition:background .18s,border-color .18s,box-shadow .18s}.btn:hover{background:var(--subtle);transform:none;border-color:#9eaec2}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fffefa}.btn.primary:hover{background:#234269}.btn.lime{background:#e1eaf9;border-color:#e1eaf9;color:#18345a}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{color:#c35753}.btn:focus-visible,a:focus-visible{outline-color:var(--accent)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent)}.shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:30px 18px;background:var(--navy);color:#fffefa}.brand{font-size:21px;letter-spacing:-.7px;gap:10px;font-weight:600}.brand-mark{background:#f5f3ed;color:#102541;border-radius:6px;width:28px;height:29px;font-weight:700}.edition{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1px;color:#8fa0b7;line-height:1.8;margin-top:17px}.sidebar .eyebrow{color:#8097b5;margin-top:37px}.navitem{color:#a4b7d1;font-size:13px;padding:12px 12px;margin-bottom:7px;min-height:44px}.navitem.active{color:#f5f3ed;background:#263e5c}.navitem.active::after{content:'';height:5px;width:5px;border-radius:50%;background:#8db0e7;margin-left:auto}.navitem:hover{background:#203854;color:white}.navcount{border-color:#405773}.side-project{border-color:#385170;font-size:13px}.side-project span{color:#8fa6c2}.sidebar-bottom{border-color:#314763;color:#adbed4;padding-left:6px;padding-right:6px}.sidebar-bottom small{color:#8da4c2}.avatar{background:#263e5b;color:#d6e4f8;border:1px solid #3e5878}.topbar{height:100px;background:var(--surface);padding:0 30px;display:grid;grid-template-columns:1fr auto 1fr;position:relative;border-color:var(--line)}.crumb{display:grid;gap:5px}.crumb>span{font-family:'IBM Plex Mono';font-size:9px;letter-spacing:1.2px;color:var(--muted)}.crumb strong{font-size:13px;font-weight:500}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:11px}.access{font-size:12px}.digital-clock{text-align:center;min-width:300px;line-height:1.1}.digital-clock>div{font-family:'Anuphan';font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:.1px}.digital-clock time{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:2px;display:block}.digital-clock small{font-family:'IBM Plex Mono';font-size:8px;letter-spacing:2px;display:block;margin-top:6px}.main{padding:30px 30px 45px;max-width:1580px}.project-head{margin-bottom:20px;gap:20px}.project-head .eyebrow{font-size:11px;margin-bottom:7px}.project-head .eyebrow span{opacity:.6}.project-head p{font-size:13px;margin-top:8px}.project-head p span{color:var(--muted)}.project-head .actions{margin-top:12px}.count{font-family:'IBM Plex Mono';font-size:11px;border-left:1px solid var(--line);padding-left:8px}.page-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.page-nav button{display:flex;align-items:center;gap:8px;padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;white-space:nowrap;color:var(--muted);font-size:13px}.page-nav button.active{border-bottom-color:var(--accent);color:var(--ink)}.panel{background:var(--surface);border-color:var(--line);box-shadow:0 2px 3px #10254102}.panel-head{border-color:var(--line);padding:17px 20px}.panel-head h2{font-size:16px}.panel-head .eyebrow{color:var(--muted);margin-bottom:4px}.timeline{margin-bottom:24px}.timeline-heading{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.phase-switch{display:flex;gap:18px;align-items:center}.phase-switch span{font-size:12px;color:var(--muted)}.phase-switch .active{color:var(--ink);font-weight:600}.phase-switch span:not(:last-child)::after{content:'›';margin-left:18px;opacity:.4}.timeline-total{display:flex;align-items:center;gap:10px}.timeline-total b{font-family:'IBM Plex Mono';font-size:23px;font-weight:500}.timeline-total small{font-size:11px}.timeline-steps{display:grid;grid-template-columns:repeat(var(--steps),minmax(145px,1fr));overflow-x:auto;padding:23px 22px 15px;gap:0}.timeline-step{position:relative;padding:0 10px 8px;text-align:left;display:grid;gap:3px;background:none;border:0;min-width:0;color:var(--ink)}.timeline-node{position:relative;z-index:1;width:31px;height:31px;border-radius:50%;border:1px solid #cad3df;background:var(--surface);display:grid;place-items:center;font-family:'IBM Plex Mono';font-size:11px;color:var(--muted);margin-bottom:9px;transition:background .3s,box-shadow .3s}.timeline-step.approved .timeline-node{background:#2e7964;color:white;border-color:#2e7964}.timeline-step.in_progress .timeline-node,.timeline-step.changes .timeline-node,.timeline-step.in_review .timeline-node{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 0 0 5px var(--soft-blue)}.timeline-step.current .timeline-node{animation:nodePulse 3s ease-in-out infinite}.timeline-connector{position:absolute;top:15px;left:37px;right:-5px;height:2px;background:var(--line)}.timeline-step:last-child .timeline-connector{display:none}.timeline-connector>span{display:block;height:100%;background:var(--accent);transition:width .6s}.timeline-step.approved .timeline-connector>span{background:#4e9983}.timeline-step.current .timeline-connector>span{background:linear-gradient(90deg,var(--accent),#c3d4f5,var(--accent));background-size:200% 100%;animation:runningLine 2s linear infinite}.timeline-step strong{font-size:15px;font-weight:500}.timeline-step .step-status{font-size:12px;color:var(--muted)}.timeline-step small{font-size:12px}.timeline-step .due{font-size:12px;margin-top:5px}.timeline-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 20px 13px;border-top:1px dashed var(--line)}.current-pill{background:var(--soft-blue);color:var(--ink);font-size:12px;display:inline-flex;align-items:center;gap:7px;border-radius:5px;padding:7px 10px;max-width:75%;overflow-wrap:anywhere}.timeline-caption>.btn{font-size:12px;min-height:32px}.overview-v2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:22px;align-items:start;margin-bottom:28px}.right-rail{display:grid;gap:16px}.preview{background:#09192b;min-height:0}.preview-placeholder{padding:22px;max-width:440px}.preview-placeholder h3{font-family:'IBM Plex Sans','Anuphan';font-size:20px;font-weight:400;color:#edf2fa}.preview-placeholder p{color:#8b9eb8;font-size:13px}.preview-placeholder .muted{color:#93a7c2}.preview-placeholder .play-circle{border-color:#334f71;color:#b7cdec;width:56px;height:56px;margin-bottom:17px}.preview-tag{font-family:'IBM Plex Mono';font-size:9px;color:#6783a6;top:16px;left:20px}.preview-meta{border-top:1px solid var(--line);padding:14px 18px;gap:10px}.preview-meta strong{font-weight:500}.preview-meta .btn{font-size:12px;min-height:34px}.focus-strip{padding:16px 20px;background:var(--subtle);border-top:1px solid var(--line)}.focus-strip .eyebrow{color:var(--muted);font-size:9px}.focus-strip p{font-size:13px;line-height:1.8;margin-top:5px;white-space:pre-wrap}.music-hero{position:relative;overflow:hidden;background:#173557;color:#f5f3ed;border-radius:16px;padding:22px}.music-hero .eyebrow{color:#a3badd;font-size:10px}.music-hero h2{font-size:23px;font-weight:400;margin:19px 0 6px;line-height:1.3;letter-spacing:-.3px}.music-hero p{font-size:13px;line-height:1.7;color:#a2b6d0;max-height:45px;overflow:hidden}.music-hero .btn{margin-top:18px;background:#f2f0e8;color:#183555;border-color:#f2f0e8;font-size:13px}.music-meta{font-family:'IBM Plex Mono';font-size:10px;letter-spacing:1px;color:#9cb2d0;margin-top:17px}.latest-panel .panel-head{padding:12px 17px}.latest-panel .panel-head h2{font-size:15px}.latest-panel .panel-head .btn{font-size:12px;padding:5px 0;min-height:30px}.fresh-link{width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink);display:flex;align-items:center;gap:10px;padding:13px 17px}.fresh-link:last-child{border:0}.fresh-link:hover{background:var(--subtle)}.fresh-link>span:nth-child(2){flex:1;min-width:0}.fresh-link strong{font-size:13px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fresh-link small{font-size:11px;display:block;margin-top:3px}.fresh-link .badge{font-size:10px;padding:4px 6px}.source-dot{width:31px;height:34px;border-radius:6px;display:grid;place-items:center;background:var(--soft-blue);color:var(--accent);flex-shrink:0}.source-dot.changes{background:#fbe6e0;color:#b45947}.source-dot.in_review{background:#f6eccc;color:#967323}.source-dot.approved{background:#e2efe9;color:#36775c}.release-mini{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 5px}.release-mini>div{display:flex;align-items:center;gap:8px;width:100%;font-family:'IBM Plex Mono';font-size:9px;color:var(--muted);letter-spacing:1px}.release-mini strong{font-size:16px;font-weight:400;margin-right:auto}.due{color:var(--green);font-weight:500}.due.late{color:#bf524c}.section-title h2{font-size:20px}.stage-card{background:var(--surface);color:var(--ink);border-color:var(--line);padding:17px;border-top-width:3px}.stage-card.approved{border-top-color:#4e9983}.stage-card.in_progress{border-top-color:#688fcb}.stage-card.changes{border-top-color:#c66e57}.stage-card.in_review{border-top-color:#c7a151}.stage-card:hover{transform:none;border-color:var(--line)}.stage-card .stage-note{color:var(--muted);font-size:13px;height:42px}.stage-symbol,.file-icon{background:var(--soft-blue);color:var(--accent);border-color:var(--line)}.stage-card-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.stage-card-actions .btn{font-size:12px;padding:5px 8px;min-height:30px}.progressbar,.progressbar::-webkit-progress-bar{background:var(--subtle)}.progressbar::-webkit-progress-value{background:#6d92cc}.progressbar::-moz-progress-bar{background:#6d92cc}.approved .progressbar::-webkit-progress-value{background:#4e9983}.changes .progressbar::-webkit-progress-value{background:#bc705c}.in_review .progressbar::-webkit-progress-value{background:#b79a51}.badge{font-weight:500;background:var(--subtle);color:var(--muted);font-size:11px}.badge.approved{background:#e5f0e9;color:#346e53}.badge.in_progress{background:#e5edf8;color:#486b9e}.badge.in_review{background:#f7efda;color:#8c6a29}.badge.changes{background:#f8e7e1;color:#a94f38}.badge.on_hold{background:#e9e6ef;color:#6e5b82}[data-theme=dark] .badge.approved{background:#1d433e;color:#8ed2b4}[data-theme=dark] .badge.in_review{background:#493d26;color:#e7c777}[data-theme=dark] .badge.changes{background:#4a3031;color:#e6a29a}[data-theme=dark] .badge.in_progress{background:#264263;color:#adc9f0}[data-theme=dark] .badge.on_hold{background:#37354f;color:#c9bedf}[data-theme=dark] .source-dot{background:#223e60;color:#aec9f0}.file-library{min-height:540px}.file-modes{border-top:1px solid var(--line);padding-top:10px;padding-bottom:10px}.tab,.filter{color:var(--muted)}.tab.active{background:var(--soft-blue);color:var(--ink)}.filter{border-color:var(--line);background:var(--surface)}.filter.active{background:#234368;border-color:#234368;color:white}.search{border-color:var(--line);background:var(--surface)}.search input{color:var(--ink)}.file-header{background:var(--subtle);border-color:var(--line);color:var(--muted)}.file-row{border-color:var(--line)}.file-row:hover{background:var(--subtle)}.file-name{font-weight:500}.file-sub,.revision-note,.table-foot{color:var(--muted)}.table-foot{border-color:var(--line)}.approved-group{background:var(--soft-blue);color:var(--ink);border-color:var(--line)}.demo-banner{padding:8px 22px;background:#dce5f1;color:#2b4568;font-size:10px;letter-spacing:.4px;display:flex;justify-content:center;align-items:center;gap:22px}.demo-banner button{background:none;border:0;color:#17365f;font-size:11px;font-weight:500;display:flex;align-items:center;gap:8px;min-height:24px}.demo-banner .icon{width:13px;height:13px}.field input,.field select,.field textarea,.inline-select select,.import-fields input,.import-fields select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px 12px;min-height:42px;font-size:14px}.field input[type=checkbox]{padding:0;accent-color:var(--accent)}.field label,.field>span{color:var(--ink)}.check{font-size:13px;line-height:1.6}.check small{display:block;font-size:11px;margin-top:3px}.check input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.form-section-label{font-size:14px;margin:18px 0 12px}.setup-stages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-stage{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.setup-stage:has(input[type=checkbox]:checked){border-color:#8aa5cc;background:var(--soft-blue)}.setup-stage:has(input[type=checkbox]:not(:checked)) .field{display:none}.setup-stage .field{margin-top:14px;margin-bottom:0}.stage-choice{display:flex;gap:11px;align-items:center;cursor:pointer;min-height:42px}.stage-choice input{position:absolute;width:1px;height:1px;opacity:0}.choice-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;border:1px solid var(--line);color:transparent;background:var(--surface)}.stage-choice input:checked+.choice-icon{background:#23466e;color:white;border-color:#23466e}.stage-choice input:focus-visible+.choice-icon{outline:3px solid var(--accent);outline-offset:3px}.stage-choice strong{font-weight:500;font-size:15px;display:block}.stage-choice small{font-size:11px;display:block}.status-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-option input{position:absolute;opacity:0;width:1px;height:1px}.status-option>span{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--line);border-radius:9px;font-size:13px;cursor:pointer;min-height:78px}.status-option input:checked+span{border-color:var(--accent);background:var(--soft-blue);box-shadow:0 0 0 1px var(--accent)}.status-option input:focus-visible+span{outline:3px solid var(--accent)}.status-option small{font-family:'IBM Plex Mono';font-size:11px}.status-option.approved input:checked+span{border-color:#4e9983}.version-builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}.version-builder>.field:last-child{grid-column:1/-1}.presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.presets .filter{min-height:34px}.notice{background:var(--soft-blue);color:var(--ink);border-color:var(--line);font-size:12px}.stage-editor,.share-url{border-color:var(--line);background:var(--subtle)}dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}dialog::backdrop{background:#07152899}.dialog-header{background:var(--surface);border-color:var(--line)}.dialog-header h2{font-weight:500}.dialog-footer{background:var(--subtle);border-color:var(--line)}.detail-notes{background:var(--subtle)}.section-divider,.danger-zone{border-color:var(--line)}details>summary{font-size:13px;margin:18px 0 12px;cursor:pointer}.quick-sheet{position:fixed;inset:14px 14px 14px auto;margin:0;width:460px;max-height:calc(100dvh - 28px)}.quick-sheet .dialog-body{max-height:calc(100dvh - 180px)}.quick-row{width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);display:flex;align-items:center;gap:12px;padding:17px 0;text-align:left}.quick-row>span{flex:1}.quick-row strong{font-size:14px;display:block;font-weight:500}.quick-row small{font-size:12px;display:block}.quick-row .badge{flex:none}.source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.source-card{padding:24px}.source-category{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.source-card h2{font-size:24px;margin:27px 0 9px;overflow-wrap:anywhere}.source-card p{font-size:14px;line-height:1.8;color:var(--muted);min-height:50px;white-space:pre-wrap;margin-bottom:23px}.source-card.audio-source{border-top:3px solid var(--accent)}.source-image{width:100%;height:auto;margin:18px 0;display:block;border-radius:8px}.timeline-thumb{display:block;background:var(--subtle);border:0;padding:0;width:100%;height:170px;margin-top:20px;border-radius:8px;overflow:hidden}.timeline-thumb img{width:100%;height:100%;object-fit:contain}.credit-toolbar,.credit-copybar{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.credit-copybar{padding-top:10px;padding-bottom:10px}.credit-copybar .btn{font-size:12px;min-height:32px;padding:6px 9px}.inline-select{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.inline-select select{font-size:12px;min-height:38px;padding:7px 10px}.credit-warning-summary{background:#f7efda;color:#896728;padding:12px 22px;font-size:13px;display:flex;gap:8px;align-items:center}[data-theme=dark] .credit-warning-summary{background:#403a2d;color:#dec897}.credit-sheet{padding:36px 40px 45px;max-width:1100px;margin:auto}.credit-sheet-title{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:4px;gap:15px}.credit-sheet-title small{font-family:'IBM Plex Mono';font-size:10px;letter-spacing:1.5px}.credit-sheet-title h2{font-size:30px;margin-top:8px;font-weight:400;letter-spacing:-.7px}.credit-sheet-title>span{font-family:'IBM Plex Mono';font-size:10px;color:var(--muted)}.credit-group{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.credit-role small{font-size:11px}.credit-role h3{font-size:15px;margin-top:5px}.credit-role .btn{font-size:11px;min-height:30px;padding:5px;margin-top:8px}.credit-person{padding:0 0 14px}.credit-person:last-child{padding-bottom:0}.credit-person strong{font-family:'IBM Plex Sans','Anuphan';font-weight:400;font-size:22px;letter-spacing:-.3px;overflow-wrap:anywhere}.credit-person .btn{font-size:12px}.name-warnings{font-size:12px;line-height:1.7;background:#faf0d9;color:#866425;padding:9px 12px;border-radius:7px;margin:8px 0}.name-warnings p{margin-bottom:3px}.name-warnings .btn{color:inherit;font-size:11px;min-height:26px;padding:2px 0}[data-theme=dark] .name-warnings{background:#443d2e;color:#dfc594}.wide-dialog{width:min(1000px,calc(100% - 30px))}.import-rows{margin-top:18px}.import-row{display:flex;align-items:flex-start;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.row-number{font-family:'IBM Plex Mono';font-size:11px;color:var(--muted);margin-top:28px}.import-fields{display:grid;grid-template-columns:1.25fr 1fr .7fr;gap:10px;flex:1;min-width:0}.import-fields label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.import-fields input,.import-fields select{width:100%;min-width:0}.import-fields small,.import-warnings{grid-column:1/-1;font-size:11px}.import-warnings{color:#a8772d;line-height:1.7}.people-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.people-stats>div{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.people-stats small{font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.5px;display:block}.people-stats strong{font-family:'IBM Plex Mono';font-size:33px;font-weight:400;display:block;margin-top:12px}.person-card{width:100%;padding:20px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1.4fr 1fr .8fr 55px 20px;gap:15px;text-align:left;align-items:center;background:none;color:var(--ink);font-size:13px}.person-card:hover{background:var(--subtle)}.person-card strong{font-size:15px;font-weight:500;display:block}.person-card small{display:block;font-size:11px;margin-top:3px}.person-avatar{width:35px;height:35px;border-radius:50%;background:var(--soft-blue);color:var(--accent);display:grid;place-items:center}.person-roles{color:var(--muted);font-size:12px}.history-list>div{padding:14px 0;border-bottom:1px solid var(--line)}.history-list strong{font-weight:500;font-size:14px}.history-list small{display:block;line-height:1.7}.copy-fallback{width:100%;min-height:250px;font:14px/1.7 'IBM Plex Sans','Anuphan';background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:15px}.project-tile{background:var(--surface);border-color:var(--line);color:var(--ink)}.project-tile .description{color:var(--muted)}.project-tile:hover{border-color:var(--accent)}.login-brand{background:var(--navy)}.login-brand h1 em{color:#9cb9e3}.login-form{background:var(--bg)}.login-form form{color:var(--ink)}#toast{background:#23466d;color:#fffefa;max-width:min(90%,600px)}
@keyframes runningLine{to{background-position:-200% 0}}@keyframes nodePulse{0%,100%{box-shadow:0 0 0 4px var(--soft-blue)}50%{box-shadow:0 0 0 8px var(--soft-blue)}}
@media(min-width:1550px){.main{padding:35px 45px}.topbar{padding:0 45px}.overview-v2{grid-template-columns:1.8fr 1fr}.timeline-steps{padding-top:27px;padding-bottom:18px}}
@media(max-width:1180px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:26px 13px}.navitem{font-size:12px}.topbar{padding:0 22px}.main{padding:25px 22px}.crumb{display:none}.digital-clock{min-width:240px;grid-column:2}.header-actions{grid-column:3}.topbar{grid-template-columns:1fr auto 1fr}.overview-v2{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:16px}.music-hero{padding:18px}.music-hero h2{font-size:20px}.fresh-link .badge{display:none}.preview-placeholder h3{font-size:17px}.preview-placeholder .play-circle{width:44px;height:44px;margin-bottom:12px}.preview-meta{flex-wrap:wrap}.phase-switch{gap:10px}.phase-switch span:not(:last-child)::after{margin-left:10px}.timeline-total small{display:none}.credit-group{grid-template-columns:180px 1fr;gap:20px}.person-card{grid-template-columns:35px 1.2fr 1fr 55px 20px}.person-card>span:nth-child(4){display:none}.credit-sheet{padding:28px}.project-head .actions{margin-top:0}.demo-banner{font-size:9px}}
@media(max-width:850px){.shell{display:block}.sidebar{display:none}.topbar{height:105px;grid-template-columns:1fr 1.2fr 1fr;gap:10px;padding:0 18px}.mobile-brand{display:flex;font-size:15px;gap:7px}.mobile-brand .brand-mark{width:23px;height:25px;font-size:17px}.digital-clock{min-width:0}.digital-clock time{font-size:25px}.digital-clock>div{font-size:10px}.header-actions{gap:5px}.access{display:none}.main{padding:25px 20px}.overview-v2{grid-template-columns:1.3fr 1fr}.timeline-steps{grid-template-columns:repeat(var(--steps),minmax(150px,1fr))}.timeline-caption{flex-wrap:wrap}.current-pill{max-width:100%}.page-nav{gap:20px}.music-hero h2{font-size:20px}.credit-toolbar .tabs{width:100%}}
@media(max-width:650px){h1{font-size:31px}.main{padding:22px 15px}.topbar{height:125px;grid-template-columns:1fr 1fr;padding:12px 16px;row-gap:8px}.mobile-brand{grid-column:1;grid-row:1;font-size:17px}.header-actions{grid-column:2;grid-row:1}.digital-clock{grid-column:1/-1;grid-row:2}.digital-clock time{font-size:23px;letter-spacing:1.8px}.digital-clock>div{font-size:10px;margin-bottom:5px}.digital-clock small{display:none}.header-actions .btn{min-height:32px;font-size:12px;padding:6px 9px}.demo-banner{padding:5px 12px;gap:10px;font-size:8px;justify-content:space-between}.demo-banner span{max-width:230px;line-height:1.6}.demo-banner button{font-size:10px;white-space:nowrap}.project-head{gap:12px;margin-bottom:10px}.project-head .actions{width:100%;gap:8px}.project-head .actions .btn{font-size:12px;padding:8px 11px;min-height:37px}.page-nav{margin-bottom:18px;gap:20px}.page-nav button{font-size:12px}.page-nav .icon{width:15px}.timeline-heading{padding:12px 15px;gap:10px}.phase-switch{gap:5px}.phase-switch span{font-size:10px}.phase-switch span:not(:last-child)::after{margin-left:5px}.timeline-total b{font-size:19px}.timeline-steps{padding:20px 10px 10px;grid-template-columns:repeat(var(--steps),minmax(140px,1fr))}.timeline-step strong{font-size:14px}.timeline-caption{padding:12px;gap:5px}.current-pill{font-size:11px}.overview-v2{grid-template-columns:1fr;gap:18px}.right-rail{grid-template-columns:1fr}.music-hero{padding:22px}.music-hero h2{font-size:24px}.fresh-link .badge{display:inline-flex}.master-panel .panel-head h2{font-size:15px}.preview{aspect-ratio:16/10}.preview-placeholder{padding:25px 18px}.preview-meta{flex-wrap:nowrap}.preview-meta strong{font-size:13px}.preview-meta small{font-size:11px}.preview-meta .btn{font-size:11px;min-height:32px;padding:7px 9px;white-space:nowrap}.focus-strip p{font-size:12px}.stage-grid{grid-template-columns:1fr 1fr;gap:10px}.stage-card{padding:13px}.stage-card-actions .btn{font-size:11px;padding:4px;min-height:29px}.stage-top .badge{font-size:10px}.stage-card .stage-note{font-size:12px}.file-library{min-height:420px}.file-toolbar{padding:15px}.file-copybar{padding:10px}.source-grid{grid-template-columns:1fr}.source-card{padding:22px}.credit-toolbar,.credit-copybar{padding:13px 16px}.credit-copybar .row{gap:4px;flex-wrap:wrap}.credit-toolbar>.row{width:100%;justify-content:space-between;gap:6px}.inline-select{font-size:11px}.credit-toolbar .btn{font-size:11px;min-height:37px;padding:8px}.credit-sheet{padding:22px 18px}.credit-sheet-title h2{font-size:25px}.credit-sheet-title>span{font-size:8px}.credit-sheet-title small{font-size:8px}.credit-group{grid-template-columns:1fr;gap:12px;padding:20px 0}.credit-role .row{float:right;margin-top:-35px}.credit-role .btn{margin:0;font-size:10px}.credit-person strong{font-size:22px}.credit-warning-summary{font-size:12px;padding:12px 16px}.people-stats{gap:8px}.people-stats>div{padding:13px}.people-stats small{font-size:8px}.people-stats strong{font-size:27px}.person-card{grid-template-columns:30px 1fr 45px 16px;padding:16px 12px;gap:10px}.person-roles{display:none}.person-card strong{font-size:14px}.person-card small{font-size:11px}.people-stats{margin:20px 0}.setup-stages{gap:10px}.setup-stage{padding:12px}.stage-choice{gap:8px}.stage-choice strong{font-size:14px}.stage-choice small{font-size:10px}.setup-stage input[type=date]{padding:7px;font-size:12px;min-width:0}.status-options{grid-template-columns:repeat(2,1fr)}.import-fields{grid-template-columns:1fr 1fr}.import-fields>label:nth-child(3){grid-column:1/-1}.import-fields input{font-size:13px}.import-row{gap:6px}.import-row>.btn{padding:6px;min-width:28px}.quick-sheet{inset:8px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.section-title{flex-wrap:wrap;gap:13px}.section-title>.row{width:100%}.version-builder{gap:10px}.source-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){.timeline-step.current .timeline-node,.timeline-step.current .timeline-connector>span{animation:none}*{transition:none!important}}