/* style.css */
:root{--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--font)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button{border:0;background:none;color:inherit}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:44px;line-height:1.13;letter-spacing:-1.7px;font-weight:550}h2{font-size:24px;letter-spacing:-.6px;font-weight:550}h3{font-size:18px;font-weight:600;letter-spacing:-.3px}p{color:var(--muted)}small{font-size:12px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:30px 19px;background:#eeeee6}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.6px;padding:0 10px}.brand-mark{width:31px;height:31px;border:1.5px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:21px}.brand-sub{margin:8px 10px 42px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:7px}.nav button{display:flex;align-items:center;gap:13px;width:100%;padding:12px 15px;border-radius:7px;text-align:left;color:#697063}.nav button.active{color:var(--ink);background:var(--accent);font-weight:600}.nav svg{width:18px;height:18px}.nav .count{margin-left:auto;font-size:11px}.sidebar-bottom{margin-top:auto}.workspace{border-top:1px solid var(--line);margin-top:20px;padding:20px 8px 0;display:flex;gap:11px;align-items:center;font-size:12px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#d8ddcf;color:#43523e;font-size:11px;flex-shrink:0;font-weight:650}.workspace small{display:block;color:var(--muted);font-size:10px}.sidebar-note{padding:0 9px 18px;color:var(--muted);font-size:11px}.main{min-width:0}.topbar{height:78px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.breadcrumb{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:12px}.breadcrumb strong{color:var(--ink);font-weight:500}.status-dot{width:6px;height:6px;background:#779a4b;border-radius:100%;display:inline-block}.top-right{display:flex;align-items:center;gap:18px;font-size:11px}.mode-badge{background:#ece5d3;padding:5px 10px;border-radius:20px;color:#6f582b}.mode-badge.live{background:#dfebd9;color:#385b31}.page{padding:40px 42px 60px;max-width:1480px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:650;color:#727c67;margin-bottom:14px}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.heading p{margin-top:14px;max-width:620px;font-size:14px}.pill{font-size:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}.pill.green{background:#ebf1dc;border-color:#d8e2bc;color:#496038}.pill.orange{background:#f7eadb;border-color:#ecd9c1;color:#855d36}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px}.icon-btn:hover{background:#e9ecdf}.icon-btn svg{width:17px;height:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:10px 16px;text-decoration:none;line-height:1.4;font-weight:500;font-size:12px;min-height:39px}.button svg{width:16px;height:16px}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.accent{background:var(--accent);border-color:var(--accent)}.button:hover{filter:brightness(.96)}.button.quiet{background:transparent}.button.small{font-size:11px;padding:7px 11px;min-height:31px}.button.danger{color:#9a4037}.create-grid{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:25px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel.pad{padding:24px}.section{padding:24px;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:17px;font-size:13px;font-weight:600}.step{display:grid;place-items:center;border:1px solid #d3d8cb;border-radius:50%;width:22px;height:22px;font-size:10px;color:#7a836c}.optional{color:var(--muted);font-size:11px;font-weight:400;margin-left:auto}.profile-select{display:flex;gap:13px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px}.profile-select .avatar{background:#e3e8d5;width:42px;height:42px}.profile-select select{flex:1;min-width:0;border:0;padding:3px 0;background:transparent;font-weight:600}.profile-select small{font-weight:400}.format-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.format{border:1px solid var(--line);border-radius:6px;padding:14px 5px 12px;text-align:center;background:#fffefa;position:relative}.format svg{width:23px;height:23px;display:block;margin:0 auto 10px;stroke-width:1.3}.format strong{font-size:11px;display:block;font-weight:550}.format small{font-size:9px;display:block;margin-top:3px;color:var(--muted)}.format.active{border-color:#708644;background:#f1f5e4;box-shadow:inset 0 0 0 1px #708644}.format:hover{background:#f0f3e7}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.field>label{font-size:11px;color:#5c6558;font-weight:500}.field input,.field select,.field textarea,textarea,input[type=search]{border:1px solid var(--line);border-radius:5px;background:#fffefa;padding:10px 11px;width:100%;color:var(--ink);font-size:12px}.field textarea{resize:vertical;min-height:85px}.field input:focus,.field textarea:focus,.field select:focus,textarea:focus{border-color:#7f9656;outline:2px solid #e5eecb}.brief-input{min-height:126px;resize:vertical;font-size:14px;line-height:1.65;padding:15px;background:#fafbf5}.input-hint{margin-top:8px;color:var(--muted);font-size:10px}.examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.example{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:5px 8px;color:#637056}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields.four{grid-template-columns:repeat(4,minmax(0,1fr))}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:11px}.chip.active{background:#e8efd6;border-color:#9aae71;color:#3e512a}.explore-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}input[type=range]{width:100%;accent-color:#6f8543;margin:16px 0 7px}.disclosure{border-top:1px solid var(--line)}.disclosure summary{cursor:pointer;padding:20px 24px;font-size:12px;font-weight:550;list-style:none;display:flex;justify-content:space-between}.disclosure summary:after{content:'+';color:#818a75}.disclosure[open] summary:after{content:'−'}.disclosure .inside{padding:0 24px 22px}.disclosure .fields{margin-top:0}.submit-row{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f6f7ee;gap:15px}.submit-row p{font-size:10px;max-width:255px}.submit-row .button{min-width:180px}.right-stack{display:flex;flex-direction:column;gap:18px}.aside-title{font-size:11px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px;color:#65725a}.profile-card{background:#e8ecdd}.profile-card h3{margin:13px 0 8px}.profile-card p{font-size:12px;line-height:1.7}.rule{height:1px;background:#d4dbc8;margin:19px 0}.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#737c67;margin-bottom:7px}.summary-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:9px 0;border-bottom:1px solid #e6e7dd}.summary-line:last-child{border:0}.summary-line span:first-child{color:var(--muted)}.summary-line strong{font-weight:550;text-align:right}.aside-note{font-size:11px;line-height:1.8;padding:0 7px}.sparkle-art{height:71px;position:relative;margin-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;color:#929e75;font-size:10px}.sparkle-art svg{width:40px;height:40px;stroke-width:1}.notice{background:#f1ecdf;border:1px solid #e3d9c6;padding:11px 15px;border-radius:6px;color:#77633f;font-size:11px;margin-bottom:23px;display:flex;align-items:center;gap:9px}.notice svg{width:16px;height:16px;flex-shrink:0}.notice a,.notice button{text-decoration:underline;color:inherit;font-size:inherit;padding:0}.results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 18px}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.concept-card{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.concept-art{height:115px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;background:#e5e9d8;color:#768757}.concept-art.v1{background:#ece3d6;color:#ad825c}.concept-art.v2{background:#dce7e5;color:#61877f}.concept-art svg{width:63px;height:63px;stroke-width:.8}.concept-art .art-number{font-size:45px;font-weight:300;letter-spacing:-2px;opacity:.65}.concept-body{padding:22px;flex:1}.concept-body h3{margin:10px 0;font-size:20px}.concept-body p{font-size:12px;line-height:1.7}.concept-footer{display:flex;padding:0 22px 20px;align-items:center;justify-content:space-between;gap:8px}.concept-meta{font-size:10px;color:var(--muted);margin-top:17px}.toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:22px;align-items:center}.toolbar input{max-width:280px}.empty{padding:65px 25px;text-align:center;border:1px dashed #cbd1c0;border-radius:8px;background:#f0f2e8}.empty svg{width:43px;height:43px;color:#829362;margin-bottom:17px}.empty p{margin:10px auto 22px;max-width:480px;font-size:13px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.profile-tile{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.profile-tile p{font-size:12px;flex:1}.profile-tile .avatar{width:46px;height:46px;font-size:14px}.profile-form{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:23px}.profile-form .field{margin-bottom:15px}.source{padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.source:first-of-type{padding-top:0}.source h3{font-size:13px}.source p{white-space:pre-wrap;margin-top:8px;font-size:11px;max-height:160px;overflow:auto}.source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.source-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;color:var(--muted);font-size:10px}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:22px}.detail-heading h1{font-size:38px;max-width:700px}.detail-heading p{margin-top:14px;max-width:720px;font-size:16px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:30px 0 24px}.tab{padding:12px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--green);border-color:var(--green);font-weight:650}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.text-block{margin-bottom:24px}.text-block:last-child{margin:0}.text-block h3{font-size:13px;margin-bottom:8px}.text-block p{font-size:13px;line-height:1.8;white-space:pre-wrap}.text-block ul{padding-left:18px;color:var(--muted);font-size:12px}.text-block li+li{margin-top:7px}.develop-box{background:#e9eddd}.develop-box textarea{min-height:100px;resize:vertical;font-size:12px}.develop-box h3{margin-bottom:12px}.check{display:flex;gap:8px;align-items:center;font-size:11px;margin:7px 0}.check input{accent-color:#567340}.develop-box .button{margin-top:14px;width:100%}.develop-box .input-hint{margin-bottom:12px}.part{border:1px solid var(--line);border-radius:7px;margin-bottom:12px;background:var(--paper);overflow:hidden}.part summary{display:flex;align-items:center;gap:16px;padding:17px 20px;cursor:pointer;list-style:none;font-size:13px}.part summary:after{content:'+';margin-left:auto;color:var(--muted)}.part[open] summary:after{content:'−'}.part-num{font-size:12px;color:#849365;font-variant-numeric:tabular-nums}.part .part-inner{padding:0 20px 20px 53px}.part-inner .text-block{margin-bottom:14px}.part-inner .text-block h3{font-size:11px;color:#697b50}.part-inner .text-block p{font-size:12px}.delivery{padding:20px;border:1px solid var(--line);border-radius:7px;margin-bottom:12px;background:var(--paper)}.delivery h3{font-size:15px;margin:10px 0}.delivery p{font-size:12px;margin:8px 0}.version{padding:20px;border-left:2px solid #bdce95;margin-left:8px;margin-bottom:16px;background:var(--paper)}.version p{font-size:12px;margin-top:8px}.version summary{cursor:pointer;font-size:12px;margin-top:12px}.version pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:400px;overflow:auto}.feedback{margin-top:16px}.feedback textarea{min-height:76px;font-size:11px;resize:vertical}.feedback select{font-size:11px;width:100%;margin-bottom:10px;border:1px solid var(--line);border-radius:5px;padding:9px;background:var(--paper)}.saved-meta{font-size:10px;color:var(--muted);margin-top:18px;line-height:1.8}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;background:var(--paper);color:var(--ink);max-width:600px;width:calc(100% - 32px);max-height:90vh;overflow:auto;box-shadow:0 20px 90px #18211925}dialog::backdrop{background:#1d291a60;backdrop-filter:blur(3px)}dialog h2{margin-bottom:10px}dialog p{font-size:12px;margin-bottom:18px}dialog .field{margin-bottom:15px}.modal-head{display:flex;justify-content:space-between;gap:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;transition:all .2s;padding:13px 22px;border-radius:8px;background:#293b2d;color:white;box-shadow:0 5px 25px #0002;z-index:20;max-width:min(600px,90vw);font-size:12px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.loading{display:flex;align-items:center;gap:15px;margin:25px 0;padding:25px;background:#eef2e3;border:1px solid var(--line);border-radius:8px}.spinner{width:22px;height:22px;border:2px solid #ccd7b6;border-top-color:#506734;border-radius:50%;animation:spin 1s linear infinite}.loading p{font-size:12px}.loading strong{display:block;font-size:13px;margin-bottom:4px}@keyframes spin{to{transform:rotate(360deg)}}.initial{padding:80px;text-align:center;color:var(--muted)}.muted{color:var(--muted)}.spacer{height:18px}.full{width:100%}.hide{display:none}.error-box{background:#fbe9e5;color:#8c3e33;padding:12px 16px;border:1px solid #eec4bd;border-radius:6px;margin:16px 0;font-size:12px}.mobile-brand{display:none}.version-mode{font-size:10px;color:#7a6e51}.audit-note{font-size:11px;line-height:1.7;padding:14px;background:#f1f3e9;border-radius:6px;color:#687457}.card-actions{display:flex;gap:7px}.source-empty{padding:22px 0;font-size:12px;color:var(--muted)}
@media(min-width:1500px){.page{padding-top:49px}.section{padding:27px}.format{padding:20px 7px}.format strong{font-size:12px}.create-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1150px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 12px}.brand{font-size:16px;padding:0 4px}.brand-sub{font-size:9px;margin-left:5px}.page{padding:30px 25px}.topbar{padding:0 25px}.create-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.section{padding:20px}.panel.pad{padding:20px}.format-grid{gap:5px}.format small{display:none}.concept-grid{gap:12px}.concept-body{padding:17px}.concept-footer{padding:0 17px 17px}.detail-grid{grid-template-columns:minmax(0,1fr) 255px}}
@media(max-width:950px){.create-grid,.detail-grid{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:1fr 1fr}.right-stack .aside-note{display:none}.concept-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form{grid-template-columns:1fr}.heading h1{font-size:36px}.detail-grid>aside{order:-1}.develop-box .check{display:inline-flex;margin-right:10px}.profile-card{display:none}.right-stack{display:block}.right-stack>.panel{margin-bottom:16px}.create-grid>.right-stack{display:none}}
@media(max-width:650px){.shell{display:block}.sidebar{height:auto;position:relative;padding:15px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:17px}.brand-sub,.sidebar-bottom{display:none}.nav{flex-direction:row;margin-top:18px;gap:4px}.nav button{padding:10px 8px;font-size:11px;gap:6px;justify-content:center}.nav svg{width:15px;height:15px}.nav .count{display:none}.topbar{height:49px;padding:0 20px}.top-right .local{display:none}.page{padding:27px 18px 45px}.heading{margin-bottom:23px}.heading h1{font-size:33px}.heading p{font-size:12px}.heading .button{padding:8px 10px}.format-grid{grid-template-columns:repeat(5,1fr);gap:4px}.format{padding:12px 2px}.format strong{font-size:9px}.format svg{width:20px;height:20px}.section{padding:19px 16px}.fields,.fields.four{grid-template-columns:repeat(2,minmax(0,1fr))}.section-label{font-size:12px}.submit-row{padding:18px 16px;flex-direction:column;align-items:stretch}.submit-row p{max-width:100%}.concept-grid,.profile-grid{grid-template-columns:1fr}.concept-art{height:85px}.concept-art svg{width:48px;height:48px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.detail-heading{flex-direction:column}.detail-heading h1{font-size:31px}.tabs{gap:17px}.tab{font-size:11px}.detail-heading p{font-size:14px}.heading .eyebrow{font-size:9px}.fields.two{grid-template-columns:1fr}.disclosure summary{padding:18px 16px}.disclosure .inside{padding:0 16px 20px}.notice{font-size:10px}.button{font-size:11px}.top-right{gap:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.pill svg{width:12px;height:12px;flex-shrink:0}.brief-data{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{font-size:16px;gap:8px;white-space:nowrap}.brand-mark{flex-shrink:0}.brand-sub{font-size:9px;letter-spacing:1.3px}

@media(max-width:650px){.heading>.pill{display:none}}

/* Shared application shell. Appearance roles are defined in design/palettes.css. */
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-size:14px}
a{color:#065fd4}
h1{font-size:40px;line-height:1.18;letter-spacing:-1.25px;font-weight:600}
h2{font-weight:600}
.shell{grid-template-columns:240px 1fr}
.sidebar{background:var(--paper);border-right:0;padding:24px 16px}
.brand{font-size:17px;letter-spacing:-.55px;padding:0 8px}
.brand-mark{color:#324638;border-color:#324638;background:transparent}
.brand-sub{margin:7px 8px 36px;color:var(--muted)}
.nav{gap:2px}
.nav button{min-height:44px;padding:0 14px;border-radius:10px;color:var(--ink);font-size:14px}
.nav button:hover,.nav button.active{background:var(--hover);color:var(--ink)}
.nav button.active{font-weight:600}
.nav button.active svg{stroke-width:2.2}
.nav .count{background:var(--surface-2);border-radius:999px;min-width:22px;padding:2px 6px;text-align:center}
.sidebar-note{font-size:12px}
.workspace{border-color:var(--line)}
.avatar{background:var(--surface-2);color:var(--ink)}
.topbar{height:64px;padding:0 34px;background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}
.page{padding:38px 34px 64px;max-width:1440px}
.mode-badge{background:var(--surface-2);color:var(--ink);font-weight:500;border-radius:999px;padding:8px 13px}
.mode-badge.live{background:#e6f4ea;color:#137333}
.icon-btn{width:40px;height:40px;border-radius:50%}
.icon-btn:hover{background:var(--hover)}
.icon-btn svg{width:20px;height:20px}
.theme-toggle{border:1px solid var(--line)}
.status-dot{background:#2ba640}
.eyebrow{color:var(--muted);font-weight:600}
.button{border-color:var(--line);background:var(--paper);border-radius:18px;font-weight:600;padding:9px 16px}
.button.primary{background:#ff0033;color:#fff;border-color:#ff0033}
.button.primary:hover{background:#d9002b;border-color:#d9002b;filter:none}
.button.quiet:hover,.button:hover{background:var(--hover);filter:none}
.button.danger{color:#cc0000}
.panel,.profile-tile,.concept-card,.part,.delivery{border-color:var(--line);border-radius:12px;background:var(--paper)}
.panel,.profile-tile,.concept-card{box-shadow:0 1px 2px #0000000d}
.section{border-color:var(--line)}
.step{border:0;background:var(--surface-2);color:var(--ink);font-weight:600}
.profile-select{border-color:var(--line);border-radius:12px;background:var(--paper)}
.profile-select .avatar{background:#e8e8e8}
.profile-own-name{flex:1;min-width:0;font-size:16px}
.fit-rating{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}
.fit-choice{min-height:54px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;color:var(--ink)}
.fit-choice span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:17px}
.fit-choice:hover{background:var(--hover)}
.fit-choice.active{border-color:#2e7d32;background:#edf7ed;box-shadow:inset 0 0 0 1px #2e7d32;color:#225d26}
.fit-choice.active.negative{border-color:#b3261e;background:#fcebea;box-shadow:inset 0 0 0 1px #b3261e;color:#8f1d17}
.privacy-note{font-size:11px;line-height:1.55;margin:-2px 0 14px;padding-left:25px}
.consent.disabled{opacity:.55}
.icon-btn{min-width:40px;min-height:40px}
.icon-btn.danger{color:#b3261e}
.concept-footer{gap:6px}
@media(max-width:640px){.fit-rating{grid-template-columns:1fr}.detail-heading>.row{flex-wrap:wrap}.concept-footer .button{flex:1}.icon-btn{min-width:44px;min-height:44px}}
html[data-theme="dark"] .fit-choice.active{background:#17371d;color:#b8e9bd}
html[data-theme="dark"] .fit-choice.active.negative{background:#451d1b;color:#ffc7c2}
.bank-review{margin-bottom:30px}.heading.compact{margin-bottom:16px}.heading.compact p{margin-top:7px}.review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.review-list h3{margin:14px 0 7px}.review-list details{margin:14px 0}.review-actions{justify-content:flex-end;margin-top:16px}.bank-divider{margin:30px 0}
.format{border-color:var(--line);border-radius:12px;background:var(--paper);min-height:96px}
.format:hover{background:var(--hover)}
.format.active{border-color:#ff0033;background:var(--soft-accent);box-shadow:inset 0 0 0 1px #ff0033;color:#b90028}
.field>span,.field>label{color:var(--muted);font-size:12px}
.field input,.field select,.field textarea,textarea,input[type=search],.feedback select{border-color:#c6c6c6;border-radius:10px;background:var(--input);color:var(--ink);padding:11px 12px}
.field input:focus,.field textarea:focus,.field select:focus,textarea:focus,input[type=search]:focus{border-color:var(--focus);outline:1px solid var(--focus)}
.brief-input{background:var(--input);border-color:#c6c6c6!important;border-radius:12px!important}
.example,.chip{border-color:var(--line);border-radius:18px;background:var(--surface-2);color:var(--ink);font-weight:500}
.chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}
input[type=range]{accent-color:#ff0033}
.submit-row{background:var(--surface-2)}
.submit-row select{background:var(--input);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.profile-card,.develop-box{background:var(--surface-2)}
.rule,.summary-line,.sparkle-art{border-color:var(--line);background:transparent}
.notice{background:var(--surface-2);border-color:var(--line);color:var(--ink);border-radius:10px}
.pill{background:var(--surface-2);border-color:transparent;color:var(--muted);font-weight:500}
.pill.green{background:#e6f4ea;border-color:transparent;color:#137333}
.pill.orange{background:#fff4e5;border-color:transparent;color:#8a4b00}
.concept-art{background:#fce8e6;color:#d93025}
.concept-art.v1{background:#fff0e5;color:#e8710a}
.concept-art.v2{background:#e8f0fe;color:#1967d2}
.concept-art .art-number{font-weight:500}
.empty{background:var(--surface-2);border-color:var(--line)}
.empty svg{color:#ff0033}
.tab.active{color:#ff0033;border-color:#ff0033}
.part-num,.part-inner .text-block h3{color:#cc002d}
.version{border-color:#ff0033;background:var(--paper)}
.audit-note{background:var(--surface-2);color:var(--muted)}
dialog{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:16px;box-shadow:0 8px 30px #0004}
dialog::backdrop{background:#0009;backdrop-filter:blur(2px)}
#toast{background:#323232;color:#fff;border-radius:4px}
.loading{background:var(--surface-2);border-color:var(--line)}
.spinner{border-color:var(--surface-3);border-top-color:#ff0033}
.error-box{background:#fce8e6;color:#b3261e;border-color:#f5c2bd}


html[data-theme="dark"] a{color:#3ea6ff}
html[data-theme="dark"] .brand-mark{color:#f1f1f1;border-color:#f1f1f1}
html[data-theme="dark"] .topbar{background:color-mix(in srgb,#0f0f0f 94%,transparent)}
html[data-theme="dark"] .mode-badge.live{background:#13351f;color:#81c995}
html[data-theme="dark"] .profile-select .avatar{background:#333}
html[data-theme="dark"] .format.active{color:#ff8aa2}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type=search],
html[data-theme="dark"] .feedback select{border-color:#555}
html[data-theme="dark"] .pill.green{background:#13351f;color:#81c995}
html[data-theme="dark"] .pill.orange{background:#3d2911;color:#f9c36b}
html[data-theme="dark"] .concept-art{background:#3d1714;color:#ff8a80}
html[data-theme="dark"] .concept-art.v1{background:#3b2615;color:#ffb86c}
html[data-theme="dark"] .concept-art.v2{background:#16233a;color:#8ab4f8}
html[data-theme="dark"] .error-box{background:#3b1514;color:#f2b8b5;border-color:#7d2d29}
html[data-theme="dark"] select option{background:#212121;color:#f1f1f1}

@media(max-width:1150px){.shell{grid-template-columns:200px 1fr}}
@media(max-width:650px){
  .sidebar{background:var(--paper);padding:12px 12px}
  .nav button{min-height:40px;border-radius:8px}
  .topbar{padding:0 14px}
  .page{padding:25px 16px 48px}
  .theme-toggle{display:flex}
  .mode-badge{padding:6px 9px}
}

/* Public product surface and SaaS modules */
.pill.red{background:var(--soft-accent);color:#d9002b}
.public{min-height:100vh;background:var(--paper);color:var(--ink)}
.public-nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px);z-index:5}
.public-nav .brand{margin:0}.public main{max-width:1200px;margin:auto;padding:72px 24px}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:78px;align-items:center;min-height:570px}
.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:24px 0}.hero>div>p{font-size:20px;line-height:1.55;max-width:700px;color:var(--muted)}
.button.large{font-size:16px;padding:14px 22px;border-radius:24px}
.hero-card{background:var(--surface-2);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 20px 70px #00000012;display:grid;gap:10px;transform:rotate(1deg)}
.signal{display:flex;align-items:center;gap:16px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.signal>span{display:grid;place-items:center;width:42px;height:42px;background:var(--surface-2);border-radius:50%;font-weight:700}.signal b,.signal small{display:block}.signal small{color:var(--muted);margin-top:4px}.signal.hot{background:#ff0033;color:white;border-color:#ff0033;transform:translateX(18px)}.signal.hot span{background:#fff;color:#ff0033}.signal.hot small{color:#ffe1e8}
.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}.public-grid article{padding:28px;border-top:3px solid #ff0033;background:var(--surface-2);border-radius:0 0 14px 14px}.public-grid h2{font-size:20px}.public-grid p{color:var(--muted);line-height:1.6}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--surface-2)}.auth-card{width:min(460px,100%);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:0 20px 60px #0002}.auth-card .brand{margin-bottom:48px}.auth-card h1{font-size:38px}
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.trend-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px}.trend-card h2{font-size:32px;margin:20px 0 4px}.trend-video{display:flex;gap:12px;padding:10px 0;color:var(--ink);text-decoration:none}.trend-video img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.trend-video span,.trend-video b,.trend-video small{display:block}.trend-video small{color:var(--muted);margin-top:5px}.trend-video:hover b{color:#ff0033}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-grid>div{background:var(--surface-2);border-radius:12px;padding:20px}.role-grid p{color:var(--muted);line-height:1.5}
.user-list>div{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.user-list>div:last-child{border:0}.user-list small{display:block;color:var(--muted);margin-top:3px}
.youtube-connect{display:flex;justify-content:space-between;align-items:center;gap:15px}.youtube-connect p{margin:5px 0}.consent{margin:14px 0;padding:12px;background:var(--surface-2);border-radius:10px;line-height:1.4}.bank-card details{margin-top:16px}.bank-card details p{white-space:pre-line}
.trend-controls{display:flex;align-items:end;gap:12px}.trend-controls .field{min-width:170px}.finish-box{border:2px solid #1e8e3e;background:color-mix(in srgb,var(--paper) 92%,#1e8e3e)}.finish-box h3{font-size:20px;margin:16px 0 6px}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.share-grid .button{justify-content:center;text-align:center}.concept-footer .icon-btn:last-child{margin-left:2px}
html[data-theme="dark"] .pill.red{color:#ff8aa2}html[data-theme="dark"] .hero-card{box-shadow:0 20px 70px #0008}html[data-theme="dark"] .signal.hot{background:#ff0033}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:36px}.hero-card{transform:none}.signal.hot{transform:none}.public-grid,.role-grid{grid-template-columns:1fr}.trend-grid{grid-template-columns:1fr}}
@media(max-width:650px){.public-nav{padding:0 16px}.public main{padding:40px 16px}.hero{min-height:auto}.hero h1{font-size:44px}.hero>div>p{font-size:17px}.trend-video img{width:92px}.user-list>div{grid-template-columns:40px 1fr}.user-list .pill{grid-column:auto}.trend-controls{align-items:stretch;flex-direction:column}.share-grid{grid-template-columns:1fr}}

.workspace-user{min-width:0;flex:1}.workspace-user b{display:block;overflow:hidden;text-overflow:ellipsis}.workspace-user select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--ink);font-size:10px;padding:6px}
.workspace-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace-overview h2{margin:6px 0}
.google{margin:20px 0 12px;background:var(--paper);font-size:14px}.google-g{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#4285f4;font-weight:800;font-size:18px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:12px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}
.public-footer{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);margin-top:70px;padding:30px 0;color:var(--muted);font-size:12px}.public-footer a{color:var(--muted)}
.youtube-private{padding:18px;border-radius:12px;background:var(--surface-2);margin-bottom:18px}.youtube-private h2{font-size:19px;margin:12px 0 4px}.youtube-private>.row:last-child{margin-top:18px}.analytics-tabs{display:grid;gap:18px;margin:18px 0}.analytics-tabs>div{padding:14px;background:var(--paper);border-radius:10px}.analytics-tabs h3{font-size:12px;margin-bottom:10px}.analytics-row{position:relative;padding:7px 0 9px;border-bottom:1px solid var(--line);overflow:hidden}.analytics-row:last-child{border:0}.analytics-row b,.analytics-row small{display:block;position:relative;z-index:1}.analytics-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-row small{color:var(--muted);font-size:10px}.analytics-row i{position:absolute;left:0;bottom:3px;height:3px;background:#ff0033;border-radius:3px}
@media(max-width:650px){.workspace-overview{grid-template-columns:1fr}.public-footer{flex-wrap:wrap}.youtube-private .row{align-items:stretch}}
/* Commercial SaaS layer */
.language-button{border:0;background:transparent;color:var(--muted);font-weight:700;cursor:pointer;padding:10px}.public-links{display:flex;gap:24px}.public-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:650}.saas-public main{overflow:hidden}.saas-hero{min-height:680px;align-items:center}.saas-hero h1{max-width:780px}.hero-trust{display:block;margin-top:22px;color:var(--muted)}.hero-product{position:relative}.hero-product:before{content:"";position:absolute;inset:-70px;background:radial-gradient(circle,#d9ed8440,transparent 65%)}.product-window{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.16);overflow:hidden}.product-window-head{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px}.product-window-head i{width:8px;height:8px;border-radius:50%;background:var(--line)}.product-window-head span{margin-left:auto;color:var(--muted);font-size:12px}.product-flow{display:grid;padding:18px}.product-flow>div{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;padding:16px;border-bottom:1px solid var(--line)}.product-flow>div:last-child{border:0}.product-flow>div>span{grid-row:1/3;color:var(--accent);font:700 13px ui-monospace}.product-flow b,.product-flow small{display:block}.product-flow small{color:var(--muted);margin-top:3px;line-height:1.45}.public-section{max-width:1200px;margin:0 auto;padding:96px 32px}.public-section.tint{max-width:none;padding-inline:max(32px,calc((100vw - 1136px)/2));background:var(--surface-2)}.public-section-heading{max-width:720px;margin-bottom:36px}.public-section-heading h2,.security-story h2,.public-final h2{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:8px 0}.workflow-cards,.feature-bento,.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workflow-cards article,.feature-bento article,.saas-plan{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:24px}.workflow-cards article>span{font:700 12px ui-monospace;color:var(--accent)}.workflow-cards h3,.feature-bento h3{margin:24px 0 8px}.workflow-cards p,.feature-bento p,.saas-plan p{color:var(--muted);line-height:1.55}.feature-bento{grid-template-columns:repeat(3,1fr)}.security-story{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.security-story>div>p{font-size:18px;color:var(--muted);line-height:1.65}.security-points{display:grid;gap:12px}.security-points span{padding:16px 18px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.pricing-grid{align-items:stretch}.pricing-grid.compact{margin-top:20px}.saas-plan{position:relative;display:flex;flex-direction:column}.saas-plan.featured{border-color:var(--accent);box-shadow:0 18px 55px #d9ed8440}.plan-recommended{position:absolute;right:14px;top:14px;color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase}.plan-price{display:flex;align-items:baseline;gap:5px;margin:22px 0 2px}.plan-price strong{font-size:34px}.plan-price span,.saas-plan>small{color:var(--muted)}.saas-plan ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:9px;color:var(--muted);font-size:13px}.saas-plan li:before{content:"✓";color:var(--green);margin-right:8px}.saas-plan .button{margin-top:auto}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{color:var(--muted);line-height:1.65}.public-final{text-align:center;padding:100px 24px;background:var(--surface-2)}.public-final h2{max-width:850px;margin:0 auto 28px}.billing-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-bottom:18px}.billing-summary article>span:first-child{color:var(--muted);font-size:12px}.billing-summary h2{font-size:30px;margin:10px 0}.usage-track{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.usage-track i{display:block;height:100%;background:var(--accent);border-radius:inherit}.onboarding-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.onboarding-list{display:grid;gap:9px}.onboarding-list article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px}.onboarding-list article>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:800}.onboarding-list article.complete>span{background:#ebf1dc;color:var(--green)}.onboarding-list h3{margin:0}.onboarding-list small{color:var(--muted)}.onboarding-guide p{color:var(--muted);line-height:1.6}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.help-grid article{position:relative}.help-grid p{color:var(--muted);line-height:1.6}.help-icon,.context-help{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);color:var(--accent);font-weight:800}.context-help{display:inline-grid;margin:10px 0 0;cursor:pointer}.help-flow{margin-top:18px}.help-flow ol{line-height:1.9;color:var(--muted)}.nav-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:auto}.commercial-users>div{grid-template-columns:auto minmax(160px,1fr) 150px 120px auto!important}.commercial-users select{min-width:0}.pending-invites{display:grid;gap:8px}.pending-invites>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:10px}.pending-invites b,.pending-invites small{display:block}.pending-invites small{color:var(--muted);margin-top:3px}
@media(max-width:1000px){.public-links{display:none}.workflow-cards,.pricing-grid{grid-template-columns:repeat(2,1fr)}.feature-bento{grid-template-columns:repeat(2,1fr)}.security-story{grid-template-columns:1fr;gap:30px}.billing-summary{grid-template-columns:1fr 1fr}.onboarding-layout{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.public-section{padding:66px 20px}.workflow-cards,.feature-bento,.pricing-grid,.billing-summary,.help-grid{grid-template-columns:1fr}.saas-hero{min-height:auto}.product-window{margin-top:30px}.commercial-users>div{grid-template-columns:auto 1fr!important}.commercial-users select,.commercial-users button{grid-column:2;width:100%}}
/* Account center, notifications and admin CRM */
.account-trigger{position:relative;cursor:pointer;border-radius:12px;padding:8px;transition:background .15s}.account-trigger:hover,.account-trigger:focus-visible{background:var(--surface-2);outline:0}.avatar-popover{display:none;position:absolute;left:16px;right:16px;bottom:82px;z-index:40;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px #0003}.avatar-popover.open{display:block}.avatar-popover-head{padding:10px 11px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.avatar-popover-head b,.avatar-popover-head small{display:block;overflow:hidden;text-overflow:ellipsis}.avatar-popover-head small{color:var(--muted);margin-top:3px}.avatar-popover button{display:flex;width:100%;align-items:center;gap:9px;padding:10px 11px;border-radius:8px;text-align:left;color:var(--ink)}.avatar-popover button:hover{background:var(--surface-2)}.avatar-popover button svg{width:17px}.avatar-popover button span{margin-left:auto;min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:white;font-size:10px}.avatar-popover .rule{margin:6px 0}.notification-bell{position:relative}.notification-bell>span{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;border-radius:9px;padding:0 4px;background:#ff0033;color:white;display:grid;place-items:center;font-size:9px;font-weight:800}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.settings-nav{display:grid;gap:5px;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:14px;position:sticky;top:84px}.settings-nav button{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:9px;text-align:left;color:var(--muted)}.settings-nav button.active,.settings-nav button:hover{background:var(--surface-2);color:var(--ink);font-weight:750}.settings-nav button span{background:var(--accent);color:white;border-radius:10px;padding:2px 7px;font-size:10px}.settings-section>h2{margin-bottom:20px}.settings-section .panel-heading p{color:var(--muted);margin-top:5px}.identity-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface-2);border-radius:12px;margin-bottom:8px}.avatar.large{width:54px;height:54px;font-size:18px}.identity-card b,.identity-card small{display:block}.identity-card small{color:var(--muted);margin-top:3px}.account-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.account-facts>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);min-width:0}.account-facts span,.account-facts b{display:block;overflow:hidden;text-overflow:ellipsis}.account-facts span{font-size:10px;color:var(--muted);margin-bottom:5px}.account-facts b{font-size:12px}.preference-checks{display:grid;gap:7px;margin:22px 0}.preference-checks .check{padding:11px;border:1px solid var(--line);border-radius:9px}.billing-actions{display:flex;align-items:center;gap:12px;margin:18px 0}.button.danger{color:#b3261e;border-color:#e9b8b4}.notification-list{display:grid;gap:9px}.notification-list article{display:flex;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:11px}.notification-list article.unread{border-left:3px solid var(--accent);background:var(--surface-2)}.notification-list p{margin:7px 0;line-height:1.55}.notification-list small{color:var(--muted)}.crm-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}.crm-head,.crm-row{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr .8fr;gap:14px;align-items:center;padding:13px 16px}.crm-head{background:var(--surface-2);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.crm-row{width:100%;text-align:left;color:var(--ink);border-top:1px solid var(--line)}.crm-row:hover{background:var(--surface-2)}.crm-row span,.crm-row b,.crm-row small{min-width:0}.crm-row b,.crm-row small{display:block;overflow:hidden;text-overflow:ellipsis}.crm-row small{color:var(--muted);margin-top:4px}.trend-filter-bar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:22px}.trend-filter-bar .button{height:39px}.youtube-guide>p{line-height:1.6;margin:9px 0 17px}.youtube-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.youtube-steps>div{padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.youtube-steps b,.youtube-steps small{display:block}.youtube-steps small{color:var(--muted);line-height:1.5;margin-top:5px}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.account-facts{grid-template-columns:1fr 1fr}.trend-filter-bar{grid-template-columns:1fr 1fr}.crm-head{display:none}.crm-row{grid-template-columns:1fr 1fr}.youtube-steps{grid-template-columns:1fr}}
@media(max-width:640px){.account-facts,.trend-filter-bar{grid-template-columns:1fr}.notification-list article{flex-direction:column}.crm-row{grid-template-columns:1fr}.avatar-popover{position:fixed;left:12px;right:12px;bottom:12px}.billing-actions{align-items:flex-start;flex-direction:column}}

/* Interpreted YouTube evidence */
.youtube-source{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);margin-top:12px}.youtube-source .source-head{align-items:flex-start}.youtube-source .source-head h3{font-size:18px;margin:8px 0 2px}.youtube-source .source-head small{color:var(--muted)}.channel-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0}.channel-kpis>div,.private-proof-grid>div{padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);min-width:0}.channel-kpis span,.channel-kpis strong,.private-proof-grid span,.private-proof-grid strong{display:block}.channel-kpis span,.private-proof-grid span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.channel-kpis strong{font-size:16px;margin-top:3px}.channel-reading{padding:14px;background:color-mix(in srgb,var(--accent) 14%,var(--paper));border-left:3px solid var(--accent);border-radius:0 10px 10px 0;margin:14px 0}.channel-reading>b,.youtube-ranking>b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.channel-reading p{font-size:11px;line-height:1.55;margin-top:5px}.private-proof{padding:13px;border:1px solid var(--line);border-radius:10px;margin:14px 0}.private-proof>.row{justify-content:space-between}.private-proof>.row small{color:var(--muted)}.private-proof-grid{display:grid;gap:7px;margin-top:10px}.private-proof-grid strong{font-size:10px;line-height:1.4;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.youtube-ranking{margin:17px 0}.youtube-ranking>a{display:grid;grid-template-columns:20px 54px minmax(0,1fr);gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.youtube-ranking>a:last-child{border-bottom:0}.youtube-ranking img{width:54px;height:34px;object-fit:cover;border-radius:5px;background:var(--surface-2)}.youtube-ranking .rank{font-size:11px;color:var(--muted);text-align:center}.youtube-ranking strong,.youtube-ranking small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.youtube-ranking strong{font-size:10px}.youtube-ranking small{color:var(--muted);font-size:9px;margin-top:2px}.source-links{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;font-size:10px}.source-links details{text-align:right;max-width:100%}.source-links summary{cursor:pointer;color:var(--muted)}.source-links pre{max-width:380px;max-height:220px;overflow:auto;text-align:left;white-space:pre-wrap;word-break:break-word;padding:10px;background:var(--surface-2);border-radius:8px;font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);opacity:1}
.source-body-details{margin-top:9px}.source-body-details summary{cursor:pointer;color:var(--green);font-size:10px;font-weight:650}.source-body-details p{margin-top:10px;padding:11px;max-height:280px;overflow:auto;background:var(--surface-2);border-radius:8px}
@media(max-width:640px){.channel-kpis{grid-template-columns:1fr}.source-links{flex-direction:column}.source-links details{text-align:left}.source-links pre{max-width:calc(100vw - 86px)}}

/* Production calendar */
.calendar-connect{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.calendar-connect p{margin-top:5px;color:var(--muted)}.calendar-connect .google-g{display:inline-grid}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.calendar-panel>header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.calendar-panel>header h2{text-transform:capitalize}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{border-bottom:1px solid var(--line);background:var(--surface-2)}.calendar-weekdays span{padding:9px;text-align:center;color:var(--muted);font-size:10px;text-transform:uppercase}.calendar-day{min-height:116px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day>span{width:24px;height:24px;display:grid;place-items:center;font-size:11px;color:var(--muted);margin-bottom:5px}.calendar-day.today>span{border-radius:50%;background:#ff0033;color:#fff;font-weight:800}.calendar-day.outside{background:var(--surface-2);opacity:.45}.shoot-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 6px;width:100%;padding:6px 7px;margin-top:4px;border-left:3px solid var(--accent);border-radius:6px;background:color-mix(in srgb,var(--accent) 11%,var(--paper));text-align:left;color:var(--ink)}.shoot-card:hover{filter:brightness(.97)}.shoot-card>span{font-size:8px;color:var(--muted)}.shoot-card strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shoot-card small{grid-column:1/-1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shoot-card.status-confirmed{border-left-color:#1e8e3e}.shoot-card.status-completed{border-left-color:#6d7480;opacity:.72}.shoot-card.status-cancelled{text-decoration:line-through;opacity:.55}.upcoming h2{margin-bottom:16px}.upcoming-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.upcoming-row:last-child{border:0}.upcoming-row time{font-size:10px;text-transform:capitalize}.upcoming-row time small{display:block;color:var(--muted);margin-top:3px}.upcoming-row .shoot-card{margin:0}.empty.compact{padding:26px 12px}.calendar-help{background:color-mix(in srgb,var(--accent) 10%,var(--paper))}.calendar-help p{margin-top:8px;line-height:1.6}.calendar-next{margin-top:10px}.shoot-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.shoot-progress{height:7px;border-radius:9px;background:var(--surface-2);overflow:hidden}.shoot-progress i{display:block;height:100%;background:#1e8e3e}.shoot-checks{display:grid;gap:7px;margin:12px 0 20px;max-height:340px;overflow:auto}.shoot-checks label{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:8px}.shoot-checks input{margin-top:3px;accent-color:#1e8e3e}.shoot-checks input:checked+span{text-decoration:line-through;color:var(--muted)}.modal-actions.wrap{flex-wrap:wrap}.modal-actions.wrap .button.primary{margin-left:auto}
@media(max-width:1100px){.calendar-layout{grid-template-columns:1fr}.calendar-layout aside{display:grid;grid-template-columns:1fr 1fr}.calendar-day{min-height:96px}}
@media(max-width:720px){.calendar-connect{align-items:flex-start;flex-direction:column}.calendar-panel{overflow:auto}.calendar-weekdays,.calendar-grid{min-width:700px}.calendar-layout aside{grid-template-columns:1fr}.shoot-dialog-head{align-items:flex-start;flex-direction:column}}

/* Scalable team directory and platform control plane */
.seat-meter{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:18px;margin-bottom:16px}.seat-meter>div:first-child{display:flex;align-items:baseline;gap:12px}.seat-meter strong{font-size:24px}.seat-meter small{color:var(--muted)}
.directory-panel{overflow:hidden}.directory-toolbar{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,.7fr));gap:10px;padding:14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.directory-toolbar input,.directory-toolbar select,.directory-row select{min-width:0;border:1px solid var(--line);background:var(--input);color:var(--ink);border-radius:9px;padding:10px 11px;font:inherit}.control-filterbar{margin-bottom:14px;border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,.6fr))}.bulk-bar{display:none;align-items:center;gap:8px;padding:9px 14px;background:color-mix(in srgb,var(--accent) 13%,var(--paper));border-bottom:1px solid var(--line)}.bulk-bar.visible{display:flex}.bulk-bar b{margin-right:auto}.directory-table{min-width:900px}.directory-head,.directory-row{display:grid;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}.directory-head{background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.team-table .directory-head,.team-table .directory-row{grid-template-columns:28px minmax(220px,1.5fr) minmax(140px,.8fr) minmax(130px,.7fr) minmax(120px,.65fr) 110px 72px}.workspace-table .directory-head,.workspace-table .directory-row{grid-template-columns:minmax(230px,1.4fr) 180px 100px 160px 75px}.platform-user-table .directory-head,.platform-user-table .directory-row{grid-template-columns:minmax(230px,1.4fr) 190px 130px 95px 120px 72px}.audit-table .directory-head,.audit-table .directory-row{grid-template-columns:120px 200px 180px 160px minmax(220px,1fr)}.directory-row:last-child{border-bottom:0}.directory-row>span b,.directory-row>span small{display:block}.directory-row small{color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis}.directory-identity{display:flex!important;align-items:center;gap:10px;min-width:0}.directory-identity .avatar{flex:0 0 auto}.row-check{display:grid;place-items:center}.row-check input{width:17px;height:17px;accent-color:var(--accent)}.directory-empty{padding:60px 20px;text-align:center;color:var(--muted)}.directory-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.directory-panel{overflow-x:auto}.role-explainer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.role-explainer article{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.role-explainer p{color:var(--muted);font-size:12px;line-height:1.55;margin-top:7px}.control-tabs{margin-bottom:16px}.control-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.control-kpis article span,.control-kpis article strong{display:block}.control-kpis article span{font-size:11px;color:var(--muted)}.control-kpis article strong{font-size:30px;margin-top:8px}.operations-guide h2{margin-bottom:18px}.audit-table code{font-size:10px;color:var(--ink);background:var(--surface-2);padding:4px 6px;border-radius:5px}
@media(max-width:1050px){.control-kpis{grid-template-columns:repeat(3,1fr)}.role-explainer{grid-template-columns:repeat(2,1fr)}.directory-toolbar,.control-filterbar{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.seat-meter{grid-template-columns:1fr}.seat-meter>div:first-child{justify-content:space-between}.directory-toolbar,.control-filterbar{grid-template-columns:1fr}.control-kpis{grid-template-columns:1fr 1fr}.role-explainer{grid-template-columns:1fr}.bulk-bar{overflow:auto}.directory-pagination{position:sticky;left:0}.control-tabs{overflow:auto}}


/* discount-codes.css */
#modal:has(#discount-create){width:min(760px,calc(100% - 24px));max-width:760px}
#discount-create .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:18px 0}
#discount-create .field{min-width:0;margin:0}
#discount-create input,#discount-create select{width:100%;box-sizing:border-box}
#discount-create [data-discount-months][hidden]{display:none!important}
#discount-created .notice{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px}
#discount-created .notice .field{display:grid;gap:5px;margin:0;min-width:0}
#discount-created .notice .button{justify-self:start}
#discount-created input{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace}
#discount-list{display:grid;gap:10px;margin-top:12px}
#discount-list .panel{padding:14px}
#discount-list p{margin:5px 0}
@media(max-width:620px){#discount-create .form-grid{grid-template-columns:minmax(0,1fr)}}


/* workspace.css */
:root{--accent:#5b4fd5;--brand:#5b4fd5;--focus:#6557df}
html[data-theme="dark"]{--accent:#aba2ff;--brand:#8574f5;--focus:#c0b7ff}
.sidebar{width:240px}.shell{grid-template-columns:240px minmax(0,1fr)}.sidebar .brand{margin-bottom:34px}.sidebar .nav svg,.topbar svg,.actions-menu svg{width:20px;height:20px;flex:none}.sidebar .nav button{min-height:44px;padding:10px 12px}.secondary-nav{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.page{padding:28px 36px}.heading h1{font-size:32px;line-height:1.2;letter-spacing:-.025em}.heading{margin-bottom:24px}.heading p{font-size:15px;max-width:760px}.eyebrow{font-size:10px}.button.primary{background:var(--brand);color:white}.button.primary:hover{filter:brightness(1.1)}.context-help{color:var(--ink);font-size:16px;margin:6px 0}.topbar{min-height:72px}.creator-context label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.creator-context select{max-width:260px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--ink)}.workspace{cursor:pointer}.workspace small{display:block;font-size:11px}.avatar-popover{z-index:50}.avatar-popover select{max-width:200px}.workflow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.workflow-strip button{padding:16px;border:1px solid var(--line);border-radius:12px;text-align:left}.workflow-strip strong{display:block;font-size:28px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.overview-grid h2,.schedule-queue h2{font-size:18px;margin-bottom:16px}.idea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.idea-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:flex;flex-direction:column;gap:12px;min-width:0}.idea-card h3{font-size:19px;line-height:1.35}.idea-card p{font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.idea-card small{color:var(--muted)}.idea-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.idea-list{grid-template-columns:1fr}.idea-list .idea-card{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(200px,1.5fr) 120px 190px;align-items:center}.actions-menu{position:relative}.actions-menu summary{cursor:pointer;list-style:none;padding:8px;display:flex;border-radius:8px}.actions-menu>div{position:absolute;right:0;bottom:100%;min-width:170px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:6px;box-shadow:0 8px 30px #0003;z-index:10}.actions-menu button{display:block;text-align:left;padding:10px;width:100%}.queue-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.queue-row small{display:block}.calendar-disclosure{margin-bottom:18px}.calendar-disclosure summary{cursor:pointer}.calendar-disclosure .calendar-connect{border:0;margin:0;padding:12px 0}.schedule-queue{margin-bottom:18px}.agenda{grid-column:1/-1}.agenda .shoot-card{max-width:500px}.format-grid{display:block}.format-grid .fields{display:grid;grid-template-columns:repeat(3,1fr)}.concept-art{height:72px!important;min-height:72px!important}.concept-art>span{font-size:26px!important}.concept-art svg{width:36px!important;height:36px!important}.concept-card h3{font-size:20px}.concept-body{padding:18px}.concept-footer{padding:12px 18px}.calendar-grid .shoot-card strong{font-size:12px}.calendar-grid .shoot-card>span{font-size:11px}.calendar-day>span{font-size:13px}.calendar-weekdays span{font-size:12px}#ux-tooltip{position:fixed;max-width:280px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--ink);color:var(--paper);box-shadow:0 3px 15px #0003;z-index:10000;font-size:13px;pointer-events:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed}[data-save-status]{font-size:12px;color:var(--muted)}[data-save-status][data-status="failed"]{color:#df5656}.sidebar-bottom .sidebar-note{display:none}.page>.chips{margin-bottom:18px}
@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}.idea-list .idea-card{display:flex}.page{padding:24px}.sidebar{width:210px}.shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:14px}.sidebar .brand{margin-bottom:12px}.sidebar>.nav{display:flex;overflow:auto;gap:6px}.sidebar>.nav button{white-space:nowrap}.secondary-nav{display:flex;flex-wrap:wrap;margin-top:10px;padding-top:8px}.sidebar-bottom{margin-top:12px}.page{padding:18px}.topbar{padding:12px;flex-wrap:wrap;gap:10px}.heading h1{font-size:27px}.workflow-strip{grid-template-columns:repeat(2,1fr)}.creator-context label{flex-wrap:wrap}.format-grid .fields{grid-template-columns:1fr}.calendar-layout{grid-template-columns:1fr}.queue-row{flex-wrap:wrap}.avatar-popover{bottom:auto;top:100%}.idea-grid{grid-template-columns:1fr}}
.onboarding-prompt{margin-bottom:24px}.onboarding-prompt p{margin:8px 0 12px}.actions-menu summary svg{min-width:20px;min-height:20px}.button.primary{border-color:var(--brand)}
@media(max-width:760px){.sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.sidebar .brand{grid-column:1;margin:0}.sidebar-bottom{grid-column:2;grid-row:1;display:block!important;margin:0!important;padding:0!important;position:relative}.workspace{padding:4px!important;border:0!important}.workspace>span:not(.avatar){display:none}.sidebar>.nav{grid-column:1/-1}.secondary-nav{grid-column:1/-1;display:flex;flex-direction:row!important;justify-content:flex-start;margin:0;padding:4px 0;gap:6px}.secondary-nav button{font-size:11px;min-height:36px;padding:6px}.secondary-nav svg{width:16px!important;height:16px!important}.topbar{height:auto;min-height:64px;position:relative;align-items:center}.page .heading{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.heading>.row{flex-direction:row}.avatar-popover{right:0;left:auto;min-width:240px}.top-right{flex-wrap:wrap}.calendar-connect{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.secondary-nav button{width:auto!important;flex:0 0 auto}.secondary-nav{flex-wrap:wrap}.sidebar>.nav button{width:auto!important;flex:none}.sidebar{padding:12px}.sidebar>.nav{margin:4px 0}}


/* tool-access.css */
.production-core-tools{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.production-core-tools .button{min-height:44px;flex:0 1 auto;font-weight:650}.production-core-tools small{font-weight:400}.role-department-tools{margin:12px 0}.studio-tools [data-role-readonly]{opacity:.85}@media(max-width:600px){.production-core-tools .button{flex:1 1 130px;justify-content:center}}
[data-route][hidden],[data-production-tool][hidden],[data-nav][hidden]{display:none!important}


/* workflow/creator-flow.css */
/* Semantic surfaces; mobile is a working environment, not a shrunk desktop. */
:root{--bg:#f1f0ec;--paper:#f8f7f3;--ink:#333431;--muted:#646560;--line:#d5d5cf;--surface-2:#e9e9e3;--input:#f5f4f0;--hover:#e7e7e1;--soft-accent:#eeebf3;--brand:#65528b;--accent:#65528b;--focus:#65528b;--success-ink:#28695d;--danger-ink:#a33e37;--detail-teal:#28736a;--detail-amber:#8c5b15;--detail-blue:#435d87;--on-brand:#faf8f4;--card-radius:12px;--control-radius:8px}
html[data-theme="dark"]{--bg:#232422;--paper:#2b2c29;--ink:#e3e2dc;--muted:#b6b7ae;--line:#4b4d46;--surface-2:#353731;--input:#30312d;--hover:#3b3d36;--soft-accent:#3d3746;--brand:#725d99;--accent:#c4b5df;--focus:#c4b5df;--success-ink:#9dcebb;--danger-ink:#e6aaa1;--detail-teal:#96cbbd;--detail-amber:#daba80;--detail-blue:#aabedb;--on-brand:#faf8f4}
body{background:var(--bg);color:var(--ink)}.button{min-height:40px;border-radius:var(--control-radius)}.button.primary{color:var(--on-brand)}.button.danger,.danger{color:var(--danger-ink)}.page{max-width:1680px;padding-top:28px}.heading .button{flex-shrink:0}.heading p{line-height:1.65}.field>span{text-transform:none;letter-spacing:normal;font-size:14px}.field input,.field select,.field textarea{font-size:16px;border-radius:var(--control-radius)}.field textarea::placeholder,.field input::placeholder{color:var(--muted);opacity:1}.start-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 32px}.start-choice{display:flex;gap:20px;align-items:center;padding:28px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--card-radius)}.start-choice>svg{width:28px;height:28px;flex-shrink:0;color:var(--accent)}.start-choice span{flex:1}.start-choice strong{font-size:22px;display:block;margin-bottom:8px}.start-choice small{font-size:15px;line-height:1.6;color:var(--muted)}.start-choice:hover{border-color:var(--accent)}.overview-details>summary{font-size:18px;font-weight:600;cursor:pointer;padding:16px 0}.overview-details>.heading{display:none}.workflow-strip{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.workflow-strip button{border:0;border-radius:0;background:var(--paper)}.workflow-strip button+button{border-left:1px solid var(--line)}
.guided-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(220px,320px);gap:32px;align-items:start}.guided-form{overflow:hidden}.guided-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:12px;border-bottom:1px solid var(--line);margin:0}.guided-steps li{font-size:13px;display:flex;align-items:center;gap:8px;color:var(--muted)}.guided-steps li[aria-current]{color:var(--ink);font-weight:700}.guided-steps li>span{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;flex:none}.guided-steps li[aria-current]>span{background:var(--brand);color:var(--on-brand)}.guided-steps svg{width:16px;height:16px}.guided-body{padding:28px}.guided-body[hidden]{display:none}.guided-body h2{font-size:24px;margin-bottom:12px}.guided-body>p{margin-bottom:20px;color:var(--muted)}.guided-body textarea{min-height:130px}.guided-body details>summary,.catalog-toolbar summary,.profile-extra>summary{padding:14px 0;cursor:pointer;font-weight:600}.guided-body details>.fields{padding-top:12px}.guided-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.guided-actions .primary{min-width:130px}.guided-summary{padding:20px 0;color:var(--muted);font-size:14px;line-height:1.7}.guided-summary h2{font-size:16px;color:var(--ink)}.guided-summary p{margin:14px 0;overflow-wrap:anywhere}.guided-summary details{margin-top:24px}.guided-summary details summary{cursor:pointer}.draft-footer{border-top:1px solid var(--line);padding:12px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.format-picks{border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:16px 0 22px}.format-picks legend{margin-bottom:10px}.format-pick{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;align-items:center;gap:8px;cursor:pointer;flex-wrap:wrap}.format-pick svg{width:24px;height:24px}.format-pick:has(input:checked){border:2px solid var(--accent);padding:13px;background:var(--surface-2)}.format-pick input{accent-color:var(--brand)}.run-note{margin-top:20px;font-size:13px}.guided-results{margin-top:32px;scroll-margin-top:90px}.guided-results>p{margin:12px 0 20px;color:var(--muted)}
.format-illustration{height:130px;margin:-20px -20px 4px;position:relative;overflow:hidden;background:var(--surface-2);border-radius:12px 12px 0 0;color:var(--accent);display:grid;place-items:center}.art-frame{position:relative;z-index:1;transform:rotate(-8deg);display:block}.art-frame svg{width:62px;height:62px;stroke-width:1.2}.art-dot{width:86px;height:86px;border:1px solid currentColor;border-radius:50%;position:absolute;right:16%;bottom:-27px;opacity:.2}.art-line{height:1px;width:180px;transform:rotate(-28deg);background:currentColor;position:absolute;left:8%;top:25%;opacity:.25}.art-series .art-frame{transform:rotate(8deg)}.art-microdrama .art-frame{transform:rotate(-12deg)}.format-catalog h2{font-size:20px;line-height:1.35}.format-catalog details{margin-top:8px}.format-catalog details summary{cursor:pointer;font-weight:600;font-size:14px}.format-catalog details p{display:block;margin:12px 0;overflow:visible}.format-catalog details h3{font-size:15px}.catalog-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);gap:24px;margin:24px 0}.catalog-toolbar>.field{margin:0}.catalog-toolbar .fields{grid-template-columns:1fr}.bulk-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:var(--paper);padding:12px 16px;margin:16px 0;border:1px solid var(--line);border-radius:8px}.bulk-toolbar label{display:flex;align-items:center;gap:8px}.bulk-toolbar small{width:100%;color:var(--muted)}.idea-selection{display:flex;padding:4px}.idea-selection input,.bulk-toolbar input{width:19px;height:19px;accent-color:var(--brand)}.toolbar .field{margin:0}.toolbar{align-items:flex-end}.toolbar>.chips{width:100%;flex-wrap:wrap}.idea-list .idea-card{grid-template-columns:170px minmax(120px,1fr) minmax(150px,1.3fr) 110px 135px}.idea-list .idea-card footer{padding:0}.profile-extra{margin:12px 0 24px}.profile-extra>summary{margin-bottom:12px}
.guide-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;padding:28px;background:var(--paper);color:var(--ink);box-shadow:-12px 0 40px #0002;overflow:auto}.guide-drawer::backdrop{background:#0005}.guide-drawer header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:28px}.guide-drawer h2{font-size:24px}.guide-drawer h3{font-size:16px;margin-top:28px}.guide-drawer p{font-size:16px;line-height:1.8;margin:14px 0 26px}.guide-drawer .button svg{width:20px;height:20px}.mobile-bottom-nav{display:none}.mobile-more{display:grid;gap:12px}.mobile-more .button{justify-content:space-between}
@media(max-width:1100px){.guided-layout{grid-template-columns:minmax(0,1fr)}.guided-summary{display:none}.start-choice{padding:22px}.start-choice strong{font-size:19px}.idea-list .idea-card{display:flex}}
@media(max-width:760px){.sidebar>.nav,.sidebar>.secondary-nav{display:none!important}.start-options{grid-template-columns:1fr;gap:12px}.start-choice{padding:20px;gap:14px}.start-choice strong{font-size:20px}.page{padding:20px 16px calc(95px + env(safe-area-inset-bottom))}.topbar .top-right>.button[data-route=create]{display:none}.topbar .creator-context select{max-width:210px}.guided-body{padding:20px}.guided-steps{padding:16px 12px;gap:8px}.guided-steps li{font-size:11px;flex-direction:column;align-items:flex-start}.format-picks{gap:6px}.format-pick{padding:12px 8px;font-size:13px;display:grid;grid-template-columns:16px 1fr}.format-pick:has(input:checked){padding:11px 7px}.format-pick span{grid-column:1/-1}.guided-actions .button{min-height:46px}.catalog-toolbar{grid-template-columns:1fr;gap:8px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--paper);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-bottom-nav button{min-width:52px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;color:var(--muted);font-size:10px;border-radius:8px}.mobile-bottom-nav svg{width:21px;height:21px}.mobile-bottom-nav [aria-current]{color:var(--accent);background:var(--surface-2)}.guide-drawer{padding:24px 20px}.bulk-toolbar{gap:10px}.heading h1{font-size:27px}.workflow-strip strong{font-size:24px}.workflow-strip button{padding:12px}.format-illustration{height:115px}.draft-footer{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.development-disclosure{margin:14px 0}.development-disclosure>summary{font-weight:600;font-size:14px;cursor:pointer;padding:12px 0}.development-disclosure>p{font-size:15px;line-height:1.75;margin:10px 0}.development-disclosure .check{display:flex}.detail-grid>aside{order:initial}.detail-heading h1{font-size:30px}.detail-heading p{font-size:16px}

.library-refine{width:100%}.library-refine>summary{cursor:pointer;padding:12px 0;font-size:14px}.library-refine .fields{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.library-refine .fields{grid-template-columns:1fr}}

.shoot-details{margin:20px 0}.shoot-details>summary{padding:12px 0;cursor:pointer;font-weight:600}.shoot-checks input{min-width:22px;min-height:22px}.shoot-checks label{min-height:48px;align-items:flex-start}.shoot-dialog-head{line-height:1.6}

.next-action{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;margin:24px 0}.next-action small{color:var(--muted)}.next-action h2{font-size:20px;margin:8px 0}.next-action p{font-size:14px;color:var(--muted)}@media(max-width:760px){.next-action{align-items:flex-start;flex-direction:column;padding:20px}}

.catalog-toolbar{grid-template-columns:auto minmax(180px,1fr) auto}.catalog-list{grid-template-columns:1fr}.catalog-list .idea-card{display:grid;grid-template-columns:140px 1fr;gap:12px 24px}.catalog-list .format-illustration{grid-row:1/6;height:130px;margin:0}.catalog-list .idea-card h2,.catalog-list .idea-card p{margin:0}.catalog-list .idea-card footer{margin-top:0}@media(max-width:760px){.catalog-toolbar{grid-template-columns:1fr}.catalog-list .idea-card{grid-template-columns:1fr}.catalog-list .format-illustration{grid-row:auto;height:80px}}
.profile-question{font-size:22px;margin:18px 0}.profile-question-fields{display:grid;gap:18px}.profile-question-fields[hidden]{display:none}.profile-extra{margin:18px 0}.profile-extra>summary{padding:12px 0;cursor:pointer;font-weight:600}.profile-extra[open]{display:grid;gap:16px}#profile-form>.button{margin:8px 8px 0 0}

/* Secondary accents belong to small illustrations, never to whole work surfaces. */
.start-choice:nth-child(2)>svg,.art-short .art-frame{color:var(--detail-teal)}.art-series .art-frame{color:var(--detail-blue)}.art-microdrama .art-frame{color:var(--detail-amber)}

/* Bridge legacy components to the same neutral surface system. */
html[data-theme] .topbar{background:color-mix(in srgb,var(--paper) 96%,transparent)}
html[data-theme] .brand-mark{color:var(--ink);border-color:var(--ink)}
html[data-theme="dark"] .brand-mark{color:#f1f1f1;border-color:#f1f1f1}
html[data-theme] a{color:var(--detail-blue)}
html[data-theme] select option{background:var(--input);color:var(--ink)}
html[data-theme] .concept-art{background:var(--surface-2);color:var(--detail-teal)}
html[data-theme] .concept-art.v1{background:var(--surface-2);color:var(--detail-amber)}
html[data-theme] .concept-art.v2{background:var(--surface-2);color:var(--detail-blue)}

.source-usage{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}
.source-usage .input-hint{flex-basis:100%;margin:0}

/* Keep library controls on intentional rows; never shrink search to fit filters. */
.ideas-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,240px) auto;gap:16px;align-items:end}
.ideas-toolbar>.chips,.ideas-toolbar>.library-refine{grid-column:1/-1;min-width:0}
.ideas-toolbar>.chips{gap:8px}
.ideas-toolbar>.field{min-width:0;margin:0}
.ideas-toolbar input,.ideas-toolbar select{width:100%;max-width:none;min-width:0;min-height:44px;box-sizing:border-box}
.ideas-toolbar>.button{min-height:44px;white-space:nowrap}
.ideas-toolbar .library-refine .fields{gap:16px;align-items:end;padding-top:8px}
.ideas-toolbar .library-refine .field{min-width:0}
.page:has(.ideas-toolbar)>.heading{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:12px;align-items:center}
.page:has(.ideas-toolbar)>.heading>div:first-child{flex:1;min-width:120px}
@media(max-width:1000px){.ideas-toolbar{grid-template-columns:minmax(0,1fr) auto}.ideas-toolbar>.field:first-of-type{grid-column:1/-1}}
@media(max-width:760px){.ideas-toolbar{gap:12px}.ideas-toolbar .library-refine .fields{grid-template-columns:1fr}.ideas-toolbar>.chips{gap:6px}.ideas-toolbar .chip{min-height:40px}}

/* Text-free editorial covers; fixed geometry prevents layout shifts. */
.catalog-cover,.idea-cover{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;overflow:hidden;margin-bottom:18px}
.idea-cover{background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0;text-align:center;color:var(--muted)}
.idea-cover>span:not(.brand-mark){padding:12px;font-size:14px}.idea-cover img{width:100%;height:100%;object-fit:cover}
.catalog-list .catalog-cover{width:140px;max-width:100%}

/* Expanded filters occupy their own row, never stretch the layout switch. */
.catalog-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:start}
.catalog-toolbar>.button{align-self:start}
.catalog-toolbar>details{grid-column:1/-1;min-width:0}
.catalog-toolbar>details>.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.catalog-toolbar>details>summary{padding:10px 0}
@media(max-width:600px){.catalog-toolbar{grid-template-columns:1fr}.catalog-toolbar>details>.fields{grid-template-columns:1fr}}

.format-example { padding: 1rem; border-inline-start: 3px solid var(--primary); font-size: .95rem; }
.guided-summary dd { margin: .25rem 0 1rem; overflow-wrap: anywhere; }

/* Four short guided stages; keep labels readable on narrow screens. */
.guided-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.guided-steps li{min-width:0;overflow-wrap:anywhere}.format-picks button.format-pick{white-space:normal;min-height:64px}.format-picks button.format-pick[aria-pressed="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px currentColor}
@media(max-width:640px){.guided-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

.early-format-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.early-format-picks button.format-pick{display:flex;justify-content:flex-start}


/* marketing/landing.css */
/* Public-page-only layout. Uses the same warm semantic theme as the workspace. */
.story-public{--story-lavender:#e8e2f2;--story-sage:#e0e8de;--story-peach:#f2e3d7;--story-accent:#6552aa}
html[data-theme=dark] .story-public{--story-lavender:#383142;--story-sage:#2d3830;--story-peach:#42372f;--story-accent:#b9a6ee}
.story-public .public-nav{padding:20px max(24px,calc((100vw - 1240px)/2));height:auto;min-height:84px;background:var(--bg);gap:24px}
.story-public .public-nav .brand{white-space:nowrap;font-size:21px;padding:0}
.story-public .public-nav .brand-mark{color:#f1f1f1;border-color:#f1f1f1}
@media(max-width:700px){.story-public .public-nav .brand{font-size:19px}.story-public .public-nav .brand-mark{width:28px;height:28px;font-size:19px}}
.story-public .public-links{gap:22px;font-size:14px}
.story-public .public-nav .row{gap:8px}
.story-public .story-site-nav{display:flex;align-items:center;gap:8px;max-width:1288px;margin:0 auto;padding:10px 24px 18px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.story-public .story-site-nav a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:14px}
.story-public .story-site-nav a[aria-current="page"],.story-public .story-site-nav a:hover{background:var(--surface-2);color:var(--ink)}
.story-public main{max-width:1288px;padding:0 24px;margin:auto}
.story-public a.button{color:var(--ink);text-decoration:none}
.story-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:80px 0 60px}
.story-intro .eyebrow{color:var(--story-accent);font-size:12px;letter-spacing:1.4px}
.story-intro h1{font-size:clamp(38px,4.1vw,62px);font-weight:650;line-height:1.08;letter-spacing:-2px;margin:18px 0 24px;text-wrap:balance}
.story-intro>p{font-size:19px;line-height:1.65;max-width:540px}
.story-intro>.row{margin:28px 0 16px;gap:10px}
.story-intro>small{display:block;max-width:470px;color:var(--muted);font-size:13px}
.story-intro>.button{margin-top:12px}
.story-art{margin:0;border-radius:24px;overflow:hidden;background:#f3efe8;border:1px solid var(--line);transform:rotate(1deg)}
.story-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.story-art figcaption{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--paper);color:var(--ink);padding:18px;font-size:13px}
.story-dot{height:8px;width:8px;border-radius:50%;background:var(--detail-teal,#477866)}
.story-assurances{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:13px}
.story-assurances span{display:flex;gap:8px;align-items:center}.story-assurances svg{width:16px;height:16px;color:var(--story-accent)}
.story-section{padding:76px 0;scroll-margin-top:24px}
.story-section h2,.story-final h2{font-size:clamp(28px,3.1vw,42px);line-height:1.18;letter-spacing:-1.2px;font-weight:600;max-width:800px;text-wrap:balance}
.story-section>.eyebrow{display:block;margin-bottom:16px;color:var(--story-accent)}
.story-section p{line-height:1.7}
.story-three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px}.story-three h3{font-size:21px;margin:18px 0 10px}.story-three p{font-size:16px}
.story-icon{display:inline-flex;width:44px;height:44px;border-radius:13px;align-items:center;justify-content:center;background:var(--story-lavender);color:var(--ink)}.story-icon svg{width:23px;height:23px}.story-three article:nth-child(2) .story-icon{background:var(--story-peach)}.story-three article:nth-child(3) .story-icon{background:var(--story-sage)}
.story-relief{border-bottom:1px solid var(--line)}
.story-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:36px 0 0;counter-reset:steps}.story-steps li{position:relative}.step-number{display:grid;place-items:center;background:var(--story-lavender);border:1px solid var(--line);border-radius:50%;width:40px;height:40px;font-weight:600;margin-bottom:20px}.story-steps li:nth-child(2) .step-number{background:var(--story-peach)}.story-steps li:nth-child(3) .step-number{background:var(--story-sage)}.story-steps li:not(:last-child):after{content:'';position:absolute;top:20px;left:56px;right:0;height:1px;background:var(--line)}.story-steps h3{font-size:18px;margin-bottom:10px}.story-steps p{font-size:15px}
.story-example{padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.story-example-heading .eyebrow{color:var(--story-accent)}.story-example-heading h2{margin:14px 0}.story-example-heading>p{max-width:650px;font-size:16px}.story-example blockquote{margin:28px 0;padding:22px 26px;border-left:3px solid var(--story-accent);background:var(--surface-2);border-radius:0 12px 12px 0}.story-example blockquote span{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}.story-example blockquote p{font-size:18px;color:var(--ink)}
.story-output{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg)}.story-output article{padding:25px}.story-output article+article{border-left:1px solid var(--line)}.story-label{display:flex;align-items:center;gap:8px;color:var(--story-accent);font-size:13px;font-weight:600}.story-label svg{width:18px;height:18px}.story-output h3{margin:17px 0 12px;font-size:21px}.story-output p,.story-output li{font-size:14px}.story-output ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.story-output li{display:flex;align-items:flex-start;gap:8px;color:var(--muted)}.story-output li svg{width:17px;height:17px;flex-shrink:0;margin-top:3px}.story-fineprint{font-size:12px;margin-top:20px;max-width:760px}
.story-feature-heading>.eyebrow{display:block;margin-bottom:16px}.story-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 60px;margin-top:36px}.story-feature-grid article{display:flex;gap:18px}.story-feature-grid article>svg{width:22px;height:22px;flex-shrink:0;color:var(--story-accent);margin-top:3px}.story-feature-grid h3{margin-bottom:8px;font-size:19px}.story-feature-grid p{font-size:15px}
.story-platform{display:flex;gap:28px;align-items:center;justify-content:space-between;background:var(--story-sage);padding:28px 32px;border-radius:16px;margin-top:40px}.story-platform p{max-width:780px;margin-top:10px;color:var(--ink);font-size:15px}.story-platform-tags{display:flex;gap:8px;align-items:center}.story-platform-tags span{display:grid;place-items:center;border:1px solid currentColor;border-radius:6px;font-size:11px;width:43px;height:65px;color:var(--ink)}.story-platform-tags span:nth-child(2){width:70px;height:44px}.story-platform-tags span:nth-child(3){height:44px}
.story-security{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;border-top:1px solid var(--line)}.story-security h2{font-size:32px;margin:14px 0}.story-security ul{list-style:none;padding:0;margin:auto 0;display:grid;gap:18px}.story-security li{display:flex;gap:12px;align-items:flex-start}.story-security svg{width:19px;height:19px;color:var(--story-accent);flex-shrink:0}
.story-public #pricing{border-top:1px solid var(--line)}.story-public #pricing>h2{margin-bottom:28px}.story-public #pricing>p{margin-top:15px}.story-public .pricing-grid{margin-top:28px}.story-public .saas-plan{background:var(--paper)}
.story-public .prerelease-box{max-width:760px;padding:28px 30px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.story-public .prerelease-box h2{margin:0 0 10px}.story-public .prerelease-box p{max-width:66ch;line-height:1.55}
.story-public .prerelease-form-row{display:flex;gap:10px;margin:8px 0 14px}.story-public .prerelease-form-row input{flex:1;min-width:0;max-width:420px}
.story-public .prerelease-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4}.story-public .prerelease-consent input{width:auto;margin-top:3px}
.story-public .prerelease-plans-title{margin:42px 0 4px}.story-public .prerelease-unavailable{opacity:.72;filter:grayscale(1);border-color:var(--line)}
.story-public .prerelease-unavailable.featured{box-shadow:none}
@media(max-width:540px){.story-public .prerelease-box{padding:22px 18px}.story-public .prerelease-form-row{flex-direction:column}.story-public .prerelease-form-row input,.story-public .prerelease-form-row button{width:100%;max-width:none}}
.story-public .faq{max-width:850px;margin:auto}.story-public .faq h2{margin-bottom:26px}.story-public .faq summary{padding:20px 0;cursor:pointer;font-size:17px}.story-public .faq p{padding-bottom:22px}
.story-final{padding:52px 24px;text-align:center;border:1px solid var(--line);background:var(--story-lavender);border-radius:24px}.story-final h2{margin:20px auto 16px}.story-final p{color:var(--ink);font-size:17px;margin-bottom:24px}.story-public .public-footer{padding:32px 0;gap:20px;flex-wrap:wrap}
@media(max-width:1050px){.story-public .public-links{display:none}.story-hero{gap:24px;padding-top:52px}.story-intro h1{font-size:43px}.story-three{gap:24px}.story-example{padding:28px}.story-platform{align-items:flex-start}.story-output article{padding:20px}}
@media(max-width:760px){.story-public .public-nav{padding:14px 18px;gap:10px;flex-wrap:wrap}.story-public .public-nav .brand{font-size:19px}.story-public .public-nav>.row{margin-left:auto}.story-public .public-nav .button{padding:9px 12px}.story-public main{padding:0 20px}.story-hero{grid-template-columns:1fr;padding:38px 0;gap:30px}.story-intro h1{font-size:42px;letter-spacing:-1.5px}.story-intro>p{font-size:17px}.story-art{max-width:570px;transform:none}.story-section{padding:48px 0}.story-three,.story-output,.story-feature-grid,.story-security{grid-template-columns:1fr}.story-three{gap:28px}.story-three article{padding-left:60px;position:relative}.story-three .story-icon{position:absolute;left:0;top:0}.story-three h3{margin-top:0}.story-steps{grid-template-columns:1fr 1fr;gap:30px 20px}.story-steps li:nth-child(2):after{display:none}.story-example{padding:24px 18px}.story-output article+article{border-left:0;border-top:1px solid var(--line)}.story-platform{padding:24px;display:block}.story-platform-tags{margin-top:22px}.story-security{gap:25px}.story-assurances{justify-content:flex-start;gap:12px}.story-assurances span{width:100%}.story-final{padding:32px 18px}.story-public .public-footer{font-size:12px}.story-public .pricing-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.story-public *{scroll-behavior:auto;transition:none;animation:none}}

.story-format-preview{border-bottom:1px solid var(--line)}
.story-format-preview .story-three{gap:24px}.story-format-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}.story-format-preview h3{font-size:19px}
@media(max-width:760px){.story-format-preview .story-three article{padding:0}}

/* Audience-led presentation, 2026-10-03. */
.story-intro .eyebrow{display:block;text-transform:none;font-size:15px;letter-spacing:.1px;line-height:1.5;max-width:520px}
.story-art{transform:none}.story-audiences>.story-three{gap:24px}.story-audiences>.story-three article{min-width:0;padding:0}.story-audiences img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}.story-audiences article>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--story-accent)}.story-audiences article>a svg{width:18px;height:18px}.story-photo-note{display:block;margin-top:20px;color:var(--muted);font-size:12px}
.story-ai{display:flex;align-items:flex-start;gap:24px;padding:32px;background:var(--story-sage);border:1px solid var(--line);border-radius:20px}.story-ai>.story-icon{flex-shrink:0}.story-ai h2{font-size:clamp(24px,2.6vw,34px);margin:0 0 16px}.story-ai p{max-width:900px;color:var(--ink)}
@media(max-width:760px){.story-ai{padding:24px;display:block}.story-ai>.story-icon{margin-bottom:16px}.story-audiences .story-three h3{margin-top:20px}.story-public .plan-price strong{overflow-wrap:anywhere}}
@media(max-width:760px){.story-public .story-site-nav{padding-inline:18px;gap:4px}.story-public .story-site-nav a{font-size:12px;padding-inline:9px}}

/* Shared public navigation, visible on desktop and mobile. */
.story-public .public-product-nav{display:flex;flex-wrap:wrap;gap:6px;max-width:1280px;margin:auto;padding:14px 20px;border-bottom:1px solid var(--line)}
.story-public .public-product-nav a{padding:7px 10px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:14px}
.story-public .public-product-nav a:hover,.story-public .public-product-nav a[aria-current]{background:var(--surface-2);color:var(--ink)}
@media(max-width:700px){.story-public .public-product-nav{gap:4px;padding:10px 16px}.story-public .public-product-nav a{font-size:12px;padding:7px 8px}}

@media(max-width:760px){.story-public .public-nav>.row{flex-wrap:wrap;max-width:100%;margin-left:0}.story-public .public-nav>.row>.button,.story-public .public-nav>.row>.language-button{flex-shrink:0}}


/* design/public-navigation.css */
/* Scoped to enhanced public headers; logged-in application chrome is untouched. */
.public-site-header.public-site-header {display:flex;align-items:center;gap:24px;position:relative;z-index:20;flex-wrap:nowrap;min-height:80px;max-width:1288px;margin-inline:auto;padding:18px 24px;border-bottom:1px solid var(--line)}
.public-site-header.public-site-header .brand {flex:none;text-decoration:none;color:var(--ink)}
/* Global link accent must not recolour the wordmark or navigation labels. */
html[data-theme][data-palette] .public-site-header :is(.brand,.public-nav-items a,.public-site-actions a) {color:var(--ink)}
.public-site-header .public-site-menu {display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1;min-width:0;max-width:none;margin:0;padding:0;border:0;overflow:visible}
.public-site-header .public-nav-links {display:flex;align-items:center;gap:6px;flex:none}
.public-site-header .public-nav-group {position:relative}
.public-site-header .public-nav-group>summary {display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border-radius:8px;font-size:14px;white-space:nowrap;list-style:none;cursor:pointer;color:var(--muted)}
.public-site-header summary::-webkit-details-marker {display:none}
.public-site-header .public-nav-group>summary::after {content:'⌄';font-size:14px}
.public-site-header .public-nav-group[open]>summary::after {content:'⌃'}
.public-site-header .public-nav-group>summary:is(:hover,.is-current),.public-site-header .public-nav-group[open]>summary {background:var(--surface-2);color:var(--ink)}
.public-site-header .public-nav-items {position:absolute;top:calc(100% + 6px);left:0;min-width:230px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0002}
.public-site-header .public-nav-items a {display:flex;align-items:center;min-height:44px;margin:0;padding:9px 12px;border-radius:6px;font-size:14px;white-space:normal;color:var(--ink);text-decoration:none}
.public-site-header .public-nav-items a:hover,.public-site-header .public-nav-items a[aria-current] {background:var(--surface-2);color:var(--ink)}
.public-site-header .public-site-actions {display:flex;align-items:center;gap:10px;margin:0;flex-wrap:nowrap;font-size:14px;white-space:nowrap}
.public-site-header .public-site-actions :is(a,button) {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;margin:0;text-decoration:none;border-radius:8px}
.public-site-header .public-header-cta {order:4;flex:none;min-height:44px;white-space:nowrap;font-size:14px}
.public-site-header .public-menu-toggle {display:none}
.public-site-header :is(button,a,summary):focus-visible {outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1100px) {
 .public-site-header.public-site-header {gap:12px;padding:14px 20px;flex-wrap:wrap;min-height:72px}
 .public-site-header .brand {margin-right:auto}
 .public-site-header .public-menu-toggle {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;color:var(--ink);background:transparent;border:1px solid var(--control-line);border-radius:8px;font-size:14px;order:3}
 .public-site-header .public-header-cta {order:2;margin-left:auto;padding:10px 12px}
 .public-site-header .public-site-menu {display:none;order:5;flex-basis:100%;flex-direction:column;align-items:stretch;gap:12px;padding:10px 0 4px;max-height:min(65dvh,560px);overflow-y:auto;overscroll-behavior:contain}
 .public-site-header.public-menu-open .public-site-menu {display:flex}
 .public-site-header .public-nav-links {display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .public-site-header .public-nav-group>summary {justify-content:space-between;font-size:16px;padding-inline:10px}
 .public-site-header .public-nav-items {position:static;min-width:0;border:0;box-shadow:none;background:var(--surface-2);padding:4px 8px;margin:3px 0 8px}
 .public-site-header .public-nav-items a {font-size:16px}
 .public-site-header .public-site-actions {justify-content:flex-start;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
}
@media(max-width:400px) {
 .public-site-header.public-site-header {padding-inline:14px;gap:8px}
 .public-site-header .brand {font-size:19px;gap:8px}
 .public-site-header .brand-mark {width:28px;height:28px;font-size:19px}
 .public-site-header .public-header-cta {font-size:12px;padding-inline:9px}
 .public-site-header .public-menu-toggle {font-size:13px;padding-inline:9px;gap:5px}
}
@media(max-width:360px) {
 .public-site-header .public-site-actions .public-header-cta {order:0;width:100%;margin:0}
}
@media print {.public-site-header.public-site-header {display:none}}


/* scene-media.css */
.scene-media{max-width:1200px;margin:auto}.scene-media header{margin-bottom:20px}.media-filters,.media-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-filters{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.media-filters label,.media-form label{display:grid;gap:6px;min-width:0}.media-filters select,.media-form select,.media-form input,.media-form textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;min-height:44px;padding:10px;border:1px solid var(--border,#605968);border-radius:10px;background:var(--panel,#302c37);color:inherit}.media-form textarea{min-height:90px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;margin-top:24px}.media-card{overflow:hidden;min-width:0}.media-card img{width:100%;height:220px;object-fit:contain;background:#19171d;display:block}.media-caption{padding:16px}.media-caption h2{font-size:20px;overflow-wrap:anywhere}.media-caption p{white-space:pre-wrap;overflow-wrap:anywhere}.media-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.media-actions .button{min-height:44px}.media-file{padding:40px 18px;overflow-wrap:anywhere}.scene-media small{line-height:1.5;display:block}#media-form details{margin:16px 0}#media-form summary{padding:12px 0;cursor:pointer}@media(max-width:600px){.media-filters,.media-form{grid-template-columns:1fr}.scene-media h1{font-size:26px}.media-grid{grid-template-columns:1fr}.media-card img{height:240px}.media-actions{gap:8px}.media-actions .button{font-size:14px}}

.media-preview{display:block;width:100%;padding:0;border:0;cursor:zoom-in;background:transparent}.media-large{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto}

.media-filter-options summary,.media-tools summary{min-height:44px;display:flex;align-items:center;cursor:pointer;gap:8px}.media-filter-options summary::before,.media-tools summary::before{content:"▸"}.media-filter-options[open] summary::before,.media-tools[open] summary::before{content:"▾"}.media-tools{flex:1;min-width:160px}.scene-media> .media-filters{grid-template-columns:1fr;margin:16px 0 4px}.media-filter-options .media-filters{margin:8px 0}.media-tools small{padding:8px 0}


/* production-intelligence.css */
.production-checks{margin-block:1.25rem;min-width:0}
.pi-heading{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}
.pi-heading h2{font-size:1.2rem;margin:0 0 .4rem}.pi-heading p{max-width:65ch;color:var(--muted);margin:0 0 1rem}
.pi-heading>.button{flex:none}.pi-finding{padding:1rem 0;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}
.pi-finding h3{font-size:1.05rem;margin:0}.pi-finding p{margin:.35rem 0 0;max-width:64ch;overflow-wrap:anywhere}
.pi-kind{font-size:.8rem;font-weight:600;color:var(--muted)}.pi-finding summary,.pi-coverage summary,.pi-more summary{padding:.6rem 0;cursor:pointer;min-height:44px}
.pi-actions{display:flex;flex-wrap:wrap;gap:.75rem}.pi-coverage{color:var(--muted);font-size:.9rem;border-top:1px solid var(--border)}
.pi-handled{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;border-top:1px solid var(--border)}
.pi-finding li{overflow-wrap:anywhere}.pi-more{margin-block:.5rem}.pi-coverage p{max-width:72ch}
@media(max-width:600px){.pi-heading{display:block}.pi-finding{grid-template-columns:1fr}.pi-actions>.button{flex:1 1 150px}.pi-handled{align-items:flex-start;flex-direction:column}.production-checks{padding:1rem}}


/* growth/entry.css */
.growth-nav-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;font:inherit;color:inherit}.growth-nav-entry:hover{background:var(--surface-hover,#e4e9df)}.growth-nav-entry:focus-visible{outline:2px solid currentColor;outline-offset:2px}


/* workflow/production.css */
.prod-entry{display:flex;justify-content:flex-end;margin-bottom:1rem}.prod-tabs{display:flex;gap:.5rem;overflow-x:auto;margin:1rem 0}.prod-tabs button{white-space:nowrap}.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.prod-field{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.prod-field input,.prod-field select,.prod-field textarea{width:100%;min-width:0;box-sizing:border-box}.prod-field small{font-weight:normal;line-height:1.5}.prod-checks{display:grid;gap:1rem;margin:1rem 0}.prod-checks label{display:flex;align-items:center;gap:.75rem}.prod-checks input{width:auto}.prod-save{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.prod-save [role=alert]{color:var(--danger,#cf695e)}#production-form fieldset,#prod-comment fieldset,#prod-published fieldset,.page>.panel>fieldset{border:0;padding:0;margin:0;min-width:0}.prod-comment{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.prod-comment small{display:block}.prod-comment p{white-space:pre-wrap}.prod-queue-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.prod-queue-row p{margin:.3rem 0}.prod-setup{margin-bottom:1.5rem}.prod-setup summary{font-weight:600;cursor:pointer}.prod-setup li{margin:1rem 0;line-height:1.7}.prod-status{margin:1rem 0}#production-form+section{margin-top:1.5rem}@media(max-width:600px){.prod-queue-row{align-items:flex-start;flex-direction:column}.prod-tabs{padding-bottom:.5rem}}


/* legal.css */
.legal-page{font:16px/1.7 system-ui;max-width:780px;margin:3rem auto;padding:0 1.5rem;color:#252c25}.legal-page h2{margin-top:2rem}#legal-dialog{width:min(820px,94vw);max-height:94vh;padding:1.5rem;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}#legal-dialog[open]{display:flex;flex-direction:column;gap:.75rem}#legal-dialog>p{margin:0;font-size:.85rem}.legal-scroll{min-height:100px;overflow:auto;max-height:55vh;line-height:1.65;border-block:1px solid var(--line);padding:1rem}.legal-scroll h3{margin:1rem 0}.legal-scroll p{white-space:pre-line}.legal-scroll:focus-visible{outline:2px solid var(--focus)}#privacy-footer{padding:1rem 2rem 6rem;font-size:12px;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;color:var(--muted)}#privacy-footer button{font:inherit;color:inherit;text-decoration:underline}#cookie-panel{position:fixed;bottom:1rem;left:1rem;max-width:520px;width:calc(100% - 2rem);padding:1.2rem;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);z-index:100;box-shadow:0 8px 32px #0003}#cookie-panel[hidden]{display:none}#cookie-panel h2{font-size:18px}#cookie-panel p{font-size:14px;line-height:1.6}.privacy-row{margin:1rem 0}#privacy-process pre,#modal pre{white-space:pre-wrap;overflow-wrap:anywhere}#erasure-request,#close-account{display:grid;gap:1rem;margin:1.5rem 0}


/* design/studio.css */
/* Studio layout; neutral colour roles are shared across all modules. */
body{background:var(--bg)}.sidebar,.topbar{background:var(--paper)}.sidebar{border-right:1px solid var(--line)}.sidebar .nav button{border-radius:12px;color:var(--muted);font-weight:500}.sidebar .nav button.active{background:var(--studio-lilac);color:var(--studio-lilac-ink);font-weight:700}.sidebar .secondary-nav{border-top:0}.sidebar .secondary-nav button{font-size:12px}.topbar{border-bottom:1px solid var(--line)}.page{padding:32px 36px;max-width:1500px}.heading{align-items:center;gap:18px}.heading h1{font-size:34px;font-weight:700;letter-spacing:-1px}.heading p{margin-top:10px}.button{border-radius:10px;min-height:42px;font-weight:600;transition:background .16s,box-shadow .16s,transform .16s}.button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:0 3px 9px #6943a820}.button:not(:disabled):hover{box-shadow:var(--studio-shadow)}.button:disabled{cursor:not-allowed}.panel{border-color:var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--studio-shadow)}.field input,.field select,.field textarea{border-color:var(--line);background:var(--input)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
.studio-home-head{position:relative;padding:12px 0 4px}.studio-home-head .eyebrow{color:var(--accent);margin-bottom:12px;letter-spacing:.13em}.studio-home-head h1{font-size:clamp(28px,3.1vw,42px);letter-spacing:-1.3px}.studio-home-head .heading{margin-bottom:0}.start-options{gap:20px;margin:26px 0}.start-choice{position:relative;overflow:hidden;min-height:205px;border:0;padding:26px;gap:20px;box-shadow:var(--studio-shadow);transition:transform .18s,box-shadow .18s;align-items:center}.start-choice:first-child{background:var(--studio-lilac);color:var(--studio-lilac-ink)}.start-choice:nth-child(2){background:var(--studio-mint);color:var(--studio-mint-ink)}.start-choice small{color:inherit;opacity:1;display:block;max-width:280px}.start-choice strong{font-size:23px;line-height:1.25}.start-choice>svg{color:inherit!important;width:22px}.start-choice>img{width:112px;height:136px;object-fit:cover;border-radius:42px 42px 16px 16px;flex:none;box-shadow:0 6px 16px #28202a16}.start-choice:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 26px #32213e16}.start-choice:not(:disabled):hover>svg{transform:translateX(3px)}
.next-action{background:var(--studio-peach);border:0;box-shadow:none;margin:24px 0 30px;padding:22px 26px;border-radius:16px}.next-action>div{flex:1}.next-action small,.next-action p{color:var(--studio-peach-ink)}.next-action h2{font-size:21px}.next-action>.idea-cover{flex:0 0 100px;width:100px;height:88px;margin:0;border-radius:12px;min-height:0}.next-action>.idea-cover img{height:88px;object-fit:cover}.prod-dashboard{margin:28px 0}.prod-dashboard>.row{justify-content:space-between;margin-bottom:10px}.prod-dashboard h2{font-size:21px}.prod-dashboard[hidden]{display:none}.prod-setup{margin:28px 0 10px;background:var(--studio-mint);border:0;box-shadow:none;color:var(--studio-mint-ink)}.prod-setup summary{font-size:15px}.prod-setup p{color:inherit}.prod-setup .pill{background:var(--paper);color:var(--ink)}.prod-queue-row:last-of-type{border-bottom:0}.overview-details{margin-top:26px}.overview-details>summary{font-size:16px;color:var(--muted)}
.idea-card,.concept-card,.catalog-card,.profile-card{border-radius:16px;border-color:var(--line);box-shadow:var(--studio-shadow);overflow:hidden}.idea-card:hover,.catalog-card:hover{border-color:var(--accent)}.idea-card .idea-cover{border-radius:12px}.studio-status{background:var(--studio-lilac);color:var(--studio-lilac-ink)}.chip{border-color:transparent;background:var(--surface-2)}.chip.active{background:var(--studio-lilac);color:var(--studio-lilac-ink);box-shadow:inset 0 0 0 1px var(--accent)}.bulk-toolbar{background:var(--surface-2);border:0;border-radius:12px}.guided-steps{background:var(--studio-lilac);border-bottom:0}.guided-steps li,.guided-steps li[aria-current]{color:var(--studio-lilac-ink)}.guided-summary{padding:22px;background:var(--studio-mint);border-radius:16px;color:var(--studio-mint-ink)}.guided-summary h2{color:inherit}.format-pick:has(input:checked){background:var(--studio-lilac)}.prod-tabs{padding:8px;background:var(--surface-2);border-radius:14px}.prod-tabs .button:not(.primary){border-color:transparent}.guide-drawer{border-left:0}.guide-drawer header{background:var(--studio-lilac);margin:-28px -28px 24px;padding:28px;color:var(--studio-lilac-ink)}.guide-drawer h3{color:var(--accent)}.guide-drawer [data-guide-next]{background:var(--studio-mint);color:var(--studio-mint-ink);border:0}.calendar-day.today{background:var(--studio-peach)}.calendar-weekdays{background:var(--studio-peach);color:var(--studio-peach-ink)}.shoot-card{border-left:3px solid var(--detail-amber)}.workflow-strip{border:0}.workflow-strip button{background:var(--studio-lilac)}.workflow-strip button:nth-child(2){background:var(--studio-mint)}.workflow-strip button:nth-child(3){background:var(--studio-peach)}.workflow-strip button:nth-child(4){background:var(--surface-2)}.workflow-strip button+button{border-left:0}.story-relief .story-three>article:nth-child(1){background:var(--studio-lilac)}.story-relief .story-three>article:nth-child(2){background:var(--studio-mint)}.story-relief .story-three>article:nth-child(3){background:var(--studio-peach)}.story-relief .story-three>article{padding:24px;border-radius:18px}.story-relief .story-three h3{margin-top:14px}
@media(max-width:1100px){.start-choice>img{width:88px;height:112px}.start-choice{padding:22px;gap:14px}.start-choice strong{font-size:20px}.page{padding:26px}}
@media(max-width:760px){.page{padding:24px 16px calc(100px + env(safe-area-inset-bottom))}.studio-home-head h1{font-size:30px}.start-choice{min-height:166px;padding:20px;gap:16px}.start-options{gap:14px;margin:20px 0}.start-choice>img{width:82px;height:112px}.next-action{flex-direction:row;flex-wrap:wrap;padding:20px;gap:14px}.next-action>.idea-cover{flex-basis:72px;width:72px;height:72px}.next-action>div{min-width:160px}.next-action>.button{width:100%}.heading h1{font-size:28px}.prod-dashboard>.row{align-items:flex-start}.guide-drawer header{margin:-24px -20px 24px;padding:24px 20px}.mobile-bottom-nav [aria-current]{background:var(--studio-lilac);color:var(--studio-lilac-ink)}}
@media(prefers-reduced-motion:reduce){.start-choice,.button{transition:none}.start-choice:not(:disabled):hover{transform:none}}
.idea-cover .cover-brand{color:var(--accent);border-color:currentColor;background:transparent;flex:none}.next-action .cover-brand{color:var(--studio-peach-ink);border-color:currentColor}
.directory-pagination:has(>button:first-child:disabled):has(>button:last-child:disabled)>button{display:none}
html[data-studio-view="formats"] .catalog-toolbar,html[data-studio-view="bank"] .catalog-toolbar{background:var(--studio-mint);border:0;border-radius:16px;padding:20px}
html[data-studio-view="calendar"] .schedule-queue{background:var(--studio-peach);border:0;border-radius:16px;padding:22px}
/* Public welcome: same visual roles, with more room for the story and photography. */
html[data-theme] .story-public{--story-lavender:var(--studio-lilac);--story-sage:var(--studio-mint);--story-peach:var(--studio-peach);--story-accent:var(--accent)}
.story-public .public-nav{background:var(--paper);border-bottom:1px solid var(--line)}
.story-art{border:0;box-shadow:var(--studio-shadow);transform:none}
.story-art figcaption{background:var(--studio-mint);color:var(--studio-mint-ink)}
.story-intro .eyebrow{display:inline-block;padding:8px 12px;border-radius:100px;background:var(--studio-lilac);color:var(--studio-lilac-ink)}
.story-assurances{border:0;background:var(--paper);border-radius:16px;padding:20px 24px}
.story-relief .story-icon{position:static;background:var(--paper);color:var(--accent)}
.story-relief .story-three article{padding:26px}
.story-example{border:0;box-shadow:var(--studio-shadow)}
.story-example blockquote{background:var(--studio-lilac)}
.story-output{border:0;background:var(--paper)}
.story-output article:nth-child(1){background:var(--studio-lilac)}
.story-output article:nth-child(2){background:var(--studio-mint)}
.story-output article:nth-child(3){background:var(--studio-peach)}
.story-output article+article{border:0}
.story-steps li:nth-child(2) .step-number{background:var(--studio-mint)}
.story-steps li:nth-child(3) .step-number,.story-steps li:nth-child(4) .step-number{background:var(--studio-peach)}
.story-public .saas-plan{border-radius:20px;box-shadow:var(--studio-shadow)}
.story-public .faq details{background:var(--paper);padding:0 22px;margin-bottom:10px;border:1px solid var(--line);border-radius:14px}
.story-public .faq details[open]{border-color:var(--accent)}
.story-final{border:0;background:var(--studio-lilac)}
.story-final>.story-icon{background:var(--paper)}
@media(max-width:760px){.story-assurances{padding:18px}.story-relief .story-three{gap:16px}.story-relief .story-three article{padding:24px}.story-relief .story-three .story-icon{position:static}.story-relief .story-three h3{margin-top:14px}}


/* workflow/collaboration.css */
.collab-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:24px}.collab-people p{white-space:pre-wrap;overflow-wrap:anywhere}.collab-roster-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.collab-roster-row input,.collab-roster-row select{width:100%}.collab-roster-row label{min-width:0;display:grid;gap:8px}.collab-team{display:grid;gap:12px}.collab-team .row>label{flex:1}.collab-team .row>input{width:45%}.collab-personal-entry{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#shoot-team-form h2,#shoot-team-form details{margin:20px 0}#shoot-team-form .row{margin-bottom:20px}.prod-comment[data-resolved=true]{opacity:.7}.prod-comment p{white-space:pre-wrap}.collab-people .panel{background:var(--studio-mint)}@media(max-width:760px){.collab-roster-row{grid-template-columns:1fr 1fr}.collab-roster-row>label:first-child{grid-column:1/-1}.collab-roster-row>button{grid-column:1/-1}.collab-team .row{flex-wrap:wrap}.collab-team .row>input{width:100%}}

.collab-day-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.collab-day-summary p{white-space:pre-wrap;overflow-wrap:anywhere}.collab-day-summary article:first-child{background:var(--studio-mint)}.collab-day-summary article:nth-child(2){background:var(--studio-peach)}.collab-day-summary h3{margin-top:20px}@media(max-width:760px){.collab-day-summary{grid-template-columns:1fr}}

.collab-avatar{position:relative;overflow:hidden}.collab-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Manual authoring: two required fields; detail appears only on request. */
#manual-idea-form{margin-top:16px;margin-bottom:20px}
#manual-idea-form fieldset{display:grid;gap:20px;min-width:0}
#manual-idea-form .field{display:flex;flex-direction:column;gap:8px;min-width:0}
#manual-idea-form details>summary{padding:8px 0;cursor:pointer}
#manual-idea-form details[open]>.field,#manual-idea-form details[open]>.fields,#manual-idea-form details[open]>details{margin:16px 0}
#manual-idea-form textarea{min-height:100px}
#manual-idea-form [name="premise"]{min-height:160px}

.place-suggestions:not(:empty){padding:10px;border:1px solid var(--border);border-radius:8px;display:grid;gap:6px}.maps-attribution{font:400 12px/1.5 sans-serif;white-space:nowrap;color:inherit}

.idea-cover{position:relative}.cover-upload{position:absolute;bottom:8px;right:8px;max-width:90%;background:var(--surface,#fff)}.cover-upload input{max-width:150px}#person-card-form img,.collab-people img{border-radius:50%;object-fit:cover}#person-card-form details{margin:20px 0}#person-card-form .fields{gap:16px}

/* Compact, keyboard-accessible cover upload; native picker stays operable. */
.cover-upload{width:40px;height:40px;min-width:40px;padding:8px!important;display:grid;place-items:center;overflow:hidden;cursor:pointer}.cover-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;max-width:none}.cover-upload:focus-within{outline:3px solid var(--primary,#8766bd);outline-offset:3px}
/* Shoot leader: one orientation point, explicit next actions, details on demand. */
.shoot-workspace{max-width:1200px;margin-inline:auto;min-width:0}.shoot-workspace .ux-heading{align-items:start}.shoot-workspace h1{font-size:clamp(1.7rem,3.3vw,2.6rem);overflow-wrap:anywhere}.shoot-workspace h2{font-size:1.35rem}.shoot-scope{color:var(--muted)}.shoot-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:start;margin:18px 0}.shoot-actions>details{padding:10px;min-height:44px}.shoot-more{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.shoot-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:20px;color:var(--muted)}.shoot-facts strong{color:var(--text)}.shoot-readiness ul{list-style:none;padding:0;margin:12px 0}.shoot-check{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.shoot-check>div{min-width:0}.shoot-check p{margin:.35rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.shoot-check>.button{flex-shrink:0}.shoot-automation{margin-top:16px}.shoot-workspace>.panel,.shoot-workspace>.collab-day-summary{margin-bottom:20px}.shoot-workspace .button{min-height:44px;white-space:normal;max-width:100%}.shoot-workspace fieldset{min-width:0;border:0;padding:0}.shoot-workspace .fields>*{min-width:0}.shoot-workspace input,.shoot-workspace select,.shoot-workspace textarea{min-width:0;max-width:100%;box-sizing:border-box}.shoot-workspace .collab-roster-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.shoot-workspace .collab-roster-row>details{min-width:0}.shoot-workspace .prod-queue-row{flex-wrap:wrap;gap:12px}.shoot-workspace .prod-queue-row>span{min-width:0;overflow-wrap:anywhere}.shoot-workspace .prod-queue-row>span:last-child{display:flex;flex-wrap:wrap;gap:8px}.shoot-workspace summary{cursor:pointer;padding:8px 0}.shoot-workspace :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shoot-workspace p{overflow-wrap:anywhere}
@media(max-width:600px){.shoot-check{flex-direction:column;gap:8px}.shoot-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shoot-actions>.button{width:100%;height:100%;padding:10px;font-size:.9rem}.shoot-actions>details{grid-column:1/-1}.shoot-workspace .collab-roster-row{grid-template-columns:minmax(0,1fr)}.shoot-workspace .fields.two{grid-template-columns:minmax(0,1fr)}.shoot-facts{display:grid;gap:8px}.shoot-workspace .panel.pad{padding:18px}.shoot-workspace .row{flex-wrap:wrap}.shoot-workspace [data-duty-row]{grid-template-columns:minmax(0,1fr)}}

/* Callsheet: orient once, scan the day, disclose details in place. */
.shoot-workspace .ux-heading{margin:0 0 8px}.shoot-workspace h1{font-size:1.7rem;margin:0 0 6px;line-height:1.25}.shoot-scope:empty{display:none}.shoot-scope{font-size:.85rem;margin:6px 0}.shoot-actions{gap:8px;margin:12px 0;position:sticky;top:var(--topbar-height,64px);z-index:12;background:var(--bg);padding:8px 0;border-bottom:1px solid var(--line)}.shoot-actions .button{min-height:36px;padding:8px 12px;font-size:.85rem}.shoot-actions>details{padding:7px 10px;min-height:36px}.shoot-more{padding:12px;max-width:600px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.shoot-facts{font-size:.85rem;margin:8px 0 14px;gap:8px 16px}.shoot-workspace .panel.pad{padding:16px 18px}.shoot-workspace>.panel,.shoot-workspace>.collab-day-summary{margin-bottom:14px}.shoot-workspace h2{font-size:1.1rem;margin:0 0 10px}.shoot-workspace p{margin:8px 0;font-size:.9rem}.shoot-check{padding:8px 0}.shoot-automation{margin-top:8px;font-size:.85rem}.collab-day-summary{gap:14px;margin-top:14px}.shoot-notes-scroll{max-height:140px;overflow:auto}.shoot-sharing>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.95rem}.shoot-sharing>summary>span{font-size:.85rem;color:var(--muted)}.shoot-sharing-body{margin-top:10px}.shoot-share-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.shoot-share-bar p{flex:1}.shoot-share-bar .button{min-height:36px;font-size:.85rem}.shoot-delivery-help{font-size:.85rem;margin:6px 0}.shoot-roster-tools{display:grid;grid-template-columns:minmax(160px,2fr) minmax(130px,1fr) minmax(120px,1fr) auto;align-items:end;gap:10px;margin:10px 0}.shoot-roster-tools label{display:grid;gap:5px;font-size:.8rem}.shoot-roster-tools input,.shoot-roster-tools select{padding:8px 10px;min-height:36px;width:100%;font-size:.85rem}.shoot-roster-tools output{font-size:.8rem;padding:8px}.shoot-roster-scroll{max-height:330px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--line);border-radius:8px}.shoot-roster-columns,.shoot-response-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 120px;gap:12px;align-items:start;padding:9px 12px;font-size:.85rem}.shoot-roster-columns{position:sticky;top:0;z-index:1;background:var(--surface);color:var(--muted);font-size:.75rem;border-bottom:1px solid var(--line)}.shoot-response-row{border-bottom:1px solid var(--line)}.shoot-response-row[hidden]{display:none!important}.shoot-response-row>details{min-width:0}.shoot-response-row summary{padding:0;display:grid;gap:3px}.shoot-response-row summary strong{overflow-wrap:anywhere;font-size:.85rem}.shoot-response-row summary small{font-size:.75rem;color:var(--muted)}.shoot-person-details{padding:8px 0;font-size:.8rem;overflow-wrap:anywhere}.shoot-response-status{font-size:.78rem;font-weight:600}.shoot-response-status[data-status=accepted]{color:var(--success,#18734c)}.shoot-response-status[data-status=declined]{color:var(--danger,#b03038)}.shoot-own-response{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.shoot-editor #collab-roster{max-height:400px;overflow:auto;scrollbar-gutter:stable}.shoot-workspace>details:not(.shoot-sharing){font-size:.85rem}
@media(max-width:700px){.shoot-actions{position:static;display:flex}.shoot-roster-tools{grid-template-columns:1fr 1fr}.shoot-roster-tools>label:first-child{grid-column:1/-1}.shoot-roster-columns,.shoot-response-row{grid-template-columns:minmax(0,1fr) 50px 90px;gap:6px;padding:9px 8px}.shoot-roster-scroll{max-height:390px}.shoot-workspace .panel.pad{padding:14px}.shoot-sharing>summary{align-items:start}.shoot-workspace h1{font-size:1.5rem}}

/* A disclosure must remain recognisable when its summary uses flex/grid. */
.shoot-sharing>summary,.shoot-response-row summary{position:relative;padding-left:20px;list-style:none}
.shoot-sharing>summary::-webkit-details-marker,.shoot-response-row summary::-webkit-details-marker{display:none}
.shoot-sharing>summary::before,.shoot-response-row summary::before{content:"›";position:absolute;left:0;top:0;font-size:1.1rem;line-height:1.25;transform:rotate(0deg)}
.shoot-sharing[open]>summary::before,.shoot-response-row details[open]>summary::before{transform:rotate(90deg)}
.shoot-workspace .shoot-calendar.panel.pad,.shoot-transfer.panel.pad{padding:10px 16px;margin-top:12px}
.shoot-workspace .shoot-calendar:not([open])>summary,.shoot-transfer:not([open])>summary{margin:0;line-height:1.5}
.shoot-person-details>span{display:block;margin-bottom:6px}

html[data-ui="harmonized"] .page .shoot-workspace>details.panel.pad:not([open]),html[data-ui="harmonized"] .page .shoot-transfer.panel.pad:not([open]){padding:6px 14px;margin-block:12px}


/* chat.css */
.chat-app{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);height:calc(100dvh - 165px);min-height:430px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}
.chat-sidebar{overflow:auto;border-right:1px solid var(--border);padding:16px;min-width:0}.chat-sidebar h2{font-size:14px;margin:20px 0 8px}.chat-list-tools label{display:grid;gap:8px}.chat-list-tools input{width:100%;min-width:0}.chat-list-tools>.button{margin-top:10px}.chat-conversation{display:flex;align-items:center;gap:10px;width:100%;padding:12px 8px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.chat-conversation:hover,.chat-conversation.selected{background:color-mix(in srgb,var(--primary,#8056bb) 18%,transparent)}.chat-conversation>span:nth-child(2){min-width:0;flex:1}.chat-conversation strong,.chat-conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#7750ac;color:#fff}.chat-unread{background:#7750ac;color:white;border-radius:14px;padding:2px 7px}.chat-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:18px;margin:0;overflow-wrap:anywhere}.chat-header #chat-typing{font-size:12px;display:block;min-height:18px}.chat-header details{position:relative}.chat-header details .chat-actions{position:absolute;right:0;z-index:3;background:var(--surface,#302b35);padding:12px;border:1px solid var(--border);min-width:180px}.chat-search{display:flex;align-items:end;gap:8px;padding:10px 16px;flex-wrap:wrap}.chat-search label{display:grid;gap:4px;font-size:12px;flex:1;min-width:100px}.chat-search input,.chat-search select{width:100%;min-width:0;height:40px}.chat-log{overflow:auto;overscroll-behavior:contain;padding:16px;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;scroll-behavior:auto}.chat-message{align-self:flex-start;max-width:85%;min-width:140px;padding:12px 14px;background:color-mix(in srgb,var(--primary,#8056bb) 10%,transparent);border:1px solid var(--border);border-radius:16px 16px 16px 4px;overflow-wrap:anywhere}.chat-message.own{align-self:flex-end;background:color-mix(in srgb,#8c67c9 24%,transparent);border-radius:16px 16px 4px 16px}.chat-message p{white-space:pre-wrap;margin:7px 0;line-height:1.5}.chat-message header,.chat-message footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.chat-message time{opacity:.7}.chat-message blockquote{border-left:3px solid #9774c4;margin:4px 0;padding:6px 10px;font-size:13px}.chat-message footer{justify-content:flex-end}.chat-actions{display:flex;gap:5px;flex-wrap:wrap}.chat-actions .button{min-height:36px}.chat-file{display:block;padding:8px}.chat-reactions{display:flex;gap:4px}.chat-poll{display:grid;gap:6px;border:0;padding:8px 0}.chat-poll button{text-align:left;justify-content:space-between;white-space:normal}.chat-composer{border-top:1px solid var(--border);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex:none}.chat-composer textarea{width:100%;min-height:65px;max-height:150px;resize:vertical;font:inherit}.chat-compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.chat-compose-actions>button[type=submit]{margin-left:auto}.chat-attach{cursor:pointer}.chat-compose-actions [role=status]{font-size:12px;flex:1}.chat-empty{padding:24px}.chat-archived{padding:16px}.chat-pin{display:block;border:0;padding:6px 16px;background:transparent;color:inherit;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-search .button{min-height:40px}#chat-context:empty{display:none}.chat-header>button[data-chat=back]{display:none}
@media(max-width:1000px){.chat-app{grid-template-columns:220px minmax(0,1fr)}.chat-search label{min-width:90px}}

.chat-image{display:block;max-width:100%;max-height:260px;border-radius:10px;object-fit:contain;margin:8px 0}
.chat-search-wrap>summary{padding:8px 16px;font-size:13px;cursor:pointer}.chat-composer .button.primary{background:var(--brand);color:var(--on-brand)}.chat-compose-actions{min-width:0}


/* Predictable filter rows, including Safari's intrinsic date-input sizing. */
.chat-search{display:grid;grid-template-columns:minmax(160px,2fr) minmax(120px,1fr) minmax(140px,1fr);gap:12px;align-items:start}
.chat-search label{display:grid;grid-template-rows:20px 44px;gap:6px;min-width:0;font-size:14px;line-height:20px;margin:0}
.chat-search input,.chat-search select{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;margin:0;padding:8px 10px;font:inherit;font-size:16px;line-height:24px}
.chat-search input[type=date]{appearance:none;-webkit-appearance:none}
.chat-search input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:24px}
.chat-search-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.chat-search-actions .button{min-height:44px;margin:0}
.chat-search-wrap{flex-shrink:0}.chat-search-wrap>summary{min-height:44px;box-sizing:border-box;display:list-item;align-content:center;font-size:14px}

@media(min-width:761px) and (max-width:1100px){.chat-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chat-search label:first-child{grid-column:1/-1}}

/* Keep the conversation inside the visible area when a phone keyboard pans Safari. */


/* A stable conversation rail and a focused, centered start state. */
.chat-app{grid-template-columns:clamp(260px,26%,320px) minmax(0,1fr);height:calc(100dvh - 205px);min-height:360px;border-radius:var(--ui-radius-lg,18px)}
.chat-sidebar{padding:16px}.chat-list-tools{display:grid;gap:8px}.chat-list-tools>label{display:block;font-size:13px;font-weight:650;line-height:1.5}.chat-list-search{display:flex;align-items:center;gap:8px;min-width:0}.chat-list-search input{flex:1;width:0;margin:0;height:40px}.chat-list-search .button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:8px}.chat-list-search svg{width:18px;height:18px}.chat-list-actions{display:flex}.chat-list-actions .button{width:100%;margin:0;justify-content:center}
.chat-sidebar h2{margin:22px 0 8px;font-size:13px;color:var(--muted)}.chat-list-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.chat-start{display:grid;place-items:center;flex:1;min-height:0;overflow:auto;padding:32px}.chat-start-content{max-width:42ch;text-align:center}.chat-start-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--muted)}.chat-start-icon svg{width:26px;height:26px}.chat-start h2{margin:0 0 10px;font-size:24px;line-height:1.3}.chat-start p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.6}.chat-start .chat-start-hint{margin:20px auto 0;max-width:38ch;font-size:12px}.chat-start .button{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.chat-avatar,.chat-unread{background:var(--brand);color:var(--on-brand)}
@media(min-width:761px) and (max-width:1000px){.chat-app{grid-template-columns:250px minmax(0,1fr)}.chat-start{padding:24px}.chat-start h2{font-size:20px}}

html[data-ui="harmonized"] .chat-list-search .button,html[data-ui="harmonized"] .chat-list-actions .button,html[data-ui="harmonized"] .chat-start .button{min-height:44px}
html[data-ui="harmonized"] .chat-list-search .button{margin:0}

/* Balanced conversation layout and theme-aware message surfaces. */
.chat-app,.chat-app *{box-sizing:border-box}
.chat-sidebar{background:var(--surface-2);border-color:var(--line)}
.chat-pane{background:var(--surface)}
.chat-conversation{min-height:64px;padding:12px;gap:12px;margin:4px 0;border:1px solid transparent;border-radius:10px}
.chat-conversation:hover{background:var(--surface-3)}
.chat-conversation.selected{background:color-mix(in srgb,var(--brand) 12%,var(--surface));border-color:color-mix(in srgb,var(--brand) 55%,var(--line))}
.chat-conversation.selected .chat-avatar{background:var(--brand);color:var(--on-brand)}
.chat-conversation small{margin-top:4px;color:var(--muted);line-height:1.4}
.chat-avatar{background:var(--surface-3);color:var(--ink);border:1px solid var(--line)}
.chat-header,.chat-composer{padding:16px 24px;border-color:var(--line)}
.chat-log{padding:24px;gap:16px;scrollbar-gutter:stable}
.chat-message{width:fit-content;min-width:0;max-width:min(78%,680px);background:var(--surface-2);border-color:var(--line);border-radius:12px;padding:14px 16px}
.chat-message.own{background:color-mix(in srgb,var(--brand) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:12px}
.chat-message header{justify-content:space-between;gap:8px 24px}
.chat-message blockquote{border-color:var(--brand);color:var(--muted)}
.chat-message footer{min-height:32px;gap:8px}
.chat-message footer summary{display:grid;place-items:center;min-width:44px;min-height:36px;cursor:pointer;border-radius:6px}
.chat-message footer details[open]{flex-basis:100%;padding-top:8px;border-top:1px solid var(--line)}
.chat-message footer details[open] summary{margin-left:auto}
.chat-actions .button{min-height:44px}
.chat-message.deleted{background:transparent;border-style:dashed;color:var(--muted);font-size:13px;padding:8px 12px}
.chat-message.deleted p{margin:0}
.chat-compose-actions{gap:10px}
.chat-composer textarea{box-sizing:border-box;display:block;margin:0;border-radius:10px}


/* Count badges are independent of the account's accent colour. */
.chat-unread{display:inline-grid;place-items:center;background:#c62828;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font:700 11px/1 system-ui}
.chat-unread[hidden]{display:none!important}
[data-route="messages"],[data-nav="messages"],[data-route="inbox"]{position:relative}
.chat-nav-badge{position:absolute;top:3px;right:calc(50% - 25px);border:2px solid var(--surface);height:22px;min-width:22px;pointer-events:none}
.sidebar .chat-nav-badge{right:12px;top:50%;transform:translateY(-50%)}
.chat-heading{min-width:0}
.chat-header #chat-typing:empty{display:none}
.chat-compose-row{display:flex;align-items:flex-end;gap:8px;min-width:0}
.chat-compose-row textarea{flex:1;min-width:0;width:0;min-height:44px;max-height:108px;resize:none;line-height:22px;padding:10px 12px}
.chat-compose-tools{position:relative;flex:none}
.chat-compose-tools>summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;font-size:24px}
.chat-compose-tools>summary::-webkit-details-marker{display:none}
.chat-compose-tools .chat-actions{position:absolute;left:0;bottom:calc(100% + 8px);z-index:15;min-width:230px;max-width:calc(100vw - 32px);padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px #0003;display:grid;gap:4px}
.chat-compose-tools .chat-actions .button{margin:0;justify-content:flex-start}
.chat-send-button{flex:none;min-height:44px;gap:6px}
.chat-send-button svg{width:20px;height:20px}
#chat-send-status{display:block;font-size:13px;line-height:1.4;margin-top:8px}
#chat-send-status:empty{display:none}
#chat-context{max-height:100px;overflow:auto}
#chat-pins{max-height:90px;overflow:auto}
/* Mobile chat owns a viewport frame. Only the list and message log scroll. */
@media(max-width:760px){
 html.chat-mobile-viewport{height:100%;overflow:hidden;overscroll-behavior:none}
 html.chat-mobile-viewport body{position:absolute;inset:auto 0 auto;top:var(--chat-vtop,0px);height:var(--chat-vh,100dvh);min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;overscroll-behavior:none;margin:0}
 html.chat-mobile-viewport #app{grid-row:1;min-height:0;height:100%;overflow:hidden}
 html.chat-mobile-viewport .shell{height:100%;min-height:0;display:block;overflow:hidden}
 html.chat-mobile-viewport .shell>.sidebar,html.chat-mobile-viewport body.in-chat .main>.topbar,html.chat-mobile-viewport #privacy-footer{display:none!important}
 html.chat-mobile-viewport .main{height:100%;min-height:0;overflow:hidden;padding:0!important;margin:0!important}
 html.chat-mobile-viewport .main>.page{position:static;inset:auto;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;padding:0!important;margin:0!important;max-width:none}
 html.chat-mobile-viewport body>.mobile-bottom-nav{grid-row:2;position:static!important;inset:auto!important;transform:none!important;width:100%;margin:0!important}
 html.chat-mobile-viewport body.chat-keyboard>.mobile-bottom-nav{display:none!important}
 .in-chat .chat-page-head{display:none!important}
 .in-chat .chat-app{display:block;height:100%;min-height:0;border:0;border-radius:0;overflow:hidden}
 .in-chat .chat-sidebar,.in-chat .chat-pane{height:100%;min-height:0}
 .in-chat .chat-sidebar .chat-list-tools{position:sticky;top:-12px;padding:12px 0;background:var(--surface-2);z-index:2}
 .in-chat .chat-sidebar{padding:12px;padding-top:max(12px,env(safe-area-inset-top));overscroll-behavior:contain}
 .in-chat .chat-pane{display:none;overflow:hidden}
 .in-chat .chat-open .chat-sidebar{display:none}
 .in-chat .chat-open .chat-pane{display:flex}
 .in-chat .chat-header{display:grid;grid-template-columns:44px minmax(0,1fr) 64px;gap:8px;flex:none;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));min-width:0}
 .in-chat .chat-header>button[data-chat=back]{display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0}
 .in-chat .chat-header h2{font-size:17px;line-height:1.35;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:normal;word-break:normal}
 .in-chat .chat-header>details>summary{padding:10px 6px;min-height:44px;font-size:14px;justify-content:center;margin:0}
 .in-chat .chat-header .chat-actions{width:240px;max-width:calc(100vw - 24px);display:grid;gap:4px;padding:8px;max-height:60dvh;overflow:auto;z-index:20;background:var(--surface)}
 .in-chat .chat-header .chat-actions .button{width:100%;margin:0;justify-content:flex-start;font-size:14px}
 .in-chat .chat-search-wrap{flex:none}
 .in-chat .chat-search-wrap>summary{padding:6px 12px;min-height:36px}
 .in-chat .chat-search-wrap[open]{max-height:min(35dvh,260px);overflow:auto}
 .in-chat .chat-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px 12px 12px;gap:10px}
 .in-chat .chat-search label:first-child{grid-column:1/-1}
 .in-chat .chat-search-actions>.button{flex:1}
 .in-chat .chat-log{padding:12px;gap:10px;scrollbar-gutter:auto;min-height:0;overscroll-behavior:contain;overflow-x:hidden}
 .in-chat .chat-message{max-width:92%;padding:10px 12px;flex-shrink:0}
 .in-chat .chat-message p{font-size:16px;line-height:1.45;margin:6px 0}
 .in-chat .chat-message header{gap:4px 10px;font-size:11px}
 .in-chat .chat-message footer{min-height:24px;font-size:11px}
 .in-chat .chat-message footer summary{min-height:32px}
 .in-chat .chat-composer{padding:8px 10px;flex:none;border-top:1px solid var(--line)}
 /* Outrank the shared font:inherit rule: 14px triggers iPhone focus zoom. */
 html.chat-mobile-viewport body.in-chat .chat-app :is(input,select,textarea){font-size:max(16px,1em);line-height:1.4}
 .in-chat .chat-send-button{width:44px;height:44px;padding:0;margin:0;display:grid;place-items:center}
 .in-chat .chat-send-button span{display:none}
 .in-chat .chat-composer .button,.in-chat .chat-compose-tools>summary{min-height:44px}
 .in-chat .chat-list-search input,.in-chat .chat-list-search .button,.in-chat .chat-list-actions .button{height:44px;min-height:44px}
 .in-chat .chat-app input,.in-chat .chat-app select{font-size:16px}
 .in-chat #chat-context{max-height:72px}
 .chat-keyboard.in-chat #chat-context,.chat-keyboard.in-chat #chat-pins{max-height:44px}
 .chat-keyboard.in-chat .chat-search-wrap[open]{max-height:25%;overflow:auto}
 .chat-keyboard.in-chat .chat-composer{padding-bottom:8px}
}

body.in-chat>.mobile-update{display:none}
.in-chat .chat-actions>.mobile-update{position:static;inset:auto;display:flex;width:100%;max-width:none;margin:0;font-size:14px}

/* Conversation colours are stable across account themes. Identity belongs to
   the named avatar, not to a different bubble colour for every colleague. */
.chat-app{--chat-sent-bg:#0866ff;--chat-sent-ink:#fff;--chat-received-bg:#e8f1ff;--chat-received-ink:#172f4f;--chat-received-line:#9bbce8}
.chat-app .chat-message:not(.deleted){background:var(--chat-received-bg);color:var(--chat-received-ink);border-color:var(--chat-received-line)}
.chat-app .chat-message.own:not(.deleted){background:var(--chat-sent-bg);color:var(--chat-sent-ink);border-color:var(--chat-sent-bg)}
.chat-app .chat-message:not(.deleted) :is(p,strong,time,small,blockquote,legend){color:inherit}
.chat-app .chat-message time{opacity:1}
.chat-app .chat-message a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.chat-app .chat-message blockquote{border-color:currentColor;background:rgb(255 255 255/.12)}
.chat-app .chat-message .button{background:transparent;color:inherit;border-color:currentColor}
.chat-app .chat-message .button:not(:disabled):hover{background:color-mix(in srgb,currentColor 10%,transparent);color:inherit}
.chat-app .chat-message header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px}
.chat-app .chat-sender{display:flex;align-items:center;gap:7px;min-width:0}
.chat-app .chat-person-name{display:grid;min-width:0;gap:2px}
.chat-app .chat-name-detail{font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.chat-app .chat-sender strong{min-width:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.chat-app .chat-avatar.chat-person-avatar{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin:0;border:1px solid rgb(255 255 255/.7);border-radius:50%;background:var(--chat-person-bg);color:var(--chat-person-ink);font:700 11px/1 system-ui}
.chat-person-color-0{--chat-person-bg:#dbeafe;--chat-person-ink:#153e75}
.chat-person-color-1{--chat-person-bg:#ede9fe;--chat-person-ink:#4c277c}
.chat-person-color-2{--chat-person-bg:#dcfce7;--chat-person-ink:#14532d}
.chat-person-color-3{--chat-person-bg:#ffedd5;--chat-person-ink:#7c2d12}
.chat-person-color-4{--chat-person-bg:#fce7f3;--chat-person-ink:#831843}
.chat-person-color-5{--chat-person-bg:#cffafe;--chat-person-ink:#164e63}
.chat-person-color-6{--chat-person-bg:#fef9c3;--chat-person-ink:#713f12}
.chat-person-color-7{--chat-person-bg:#e2e8f0;--chat-person-ink:#334155}
@media(max-width:760px){
 .chat-app .chat-message header{gap:5px 8px}
 .chat-app .chat-message time{font-size:10px;white-space:nowrap}
 .chat-app .chat-sender strong{font-size:12px}
 .chat-app .chat-sender .chat-person-avatar{flex-basis:24px;width:24px;height:24px;font-size:10px}
}


/* workflow/screenplay.css */
.sp-room{max-width:1400px}.sp-room>.panel{margin-block:1.2rem}.sp-entry{display:flex;justify-content:flex-end;margin-bottom:.75rem}.sp-tabs,.sp-actions,.sp-episode-nav{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.2rem 0}.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.sp-field{display:flex;flex-direction:column;gap:.45rem;margin:1rem 0}.sp-field input,.sp-field select,.sp-field textarea,.sp-room>section>textarea{width:100%;min-width:0;box-sizing:border-box}.sp-field small{font-weight:400;line-height:1.5}.sp-room fieldset{border:0;padding:0;margin:0;min-width:0}.sp-outline article{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:1.2rem 0}.sp-outline h3{margin:.6rem 0}.sp-outline p{margin:0}.sp-scene{padding:1.25rem;border:1px solid var(--line);border-radius:14px;margin-block:1.2rem;background:var(--surface-alt,var(--panel))}.sp-dialogue{display:grid;grid-template-columns:minmax(100px,1fr) minmax(180px,3fr) auto;gap:.7rem;align-items:center}.sp-dialogue textarea{min-height:80px}.sp-error:not(:empty){padding:1rem;border:1px solid var(--danger);border-radius:12px;margin:1rem 0}.sp-room details>summary{cursor:pointer;font-weight:600}.sp-history{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto}.sp-direction{border-left:4px solid var(--primary,var(--accent))}.sp-room textarea:read-only{width:100%;box-sizing:border-box}@media(max-width:650px){.sp-dialogue{grid-template-columns:1fr}.sp-dialogue .sp-field{margin:.35rem 0}.sp-outline article{align-items:flex-start;flex-direction:column}.sp-scene{padding:.85rem}}
.sp-export-settings{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.sp-export-settings input[type=checkbox]{width:auto}.sp-adaptation{display:flex;gap:.7rem;align-items:flex-start}.sp-adaptation input{width:auto;margin-top:.3rem}

.sp-editor-tools{border:1px solid var(--line);padding:1rem;border-radius:12px;margin:1rem 0;min-width:0}.sp-editor-tools label{display:flex;flex-direction:column;gap:.3rem;min-width:0}.sp-tag-controls{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap}.sp-tag-controls small{overflow-wrap:anywhere}.sp-catalog{margin-bottom:1rem}.sp-catalog ul{padding-left:1.2rem}.sp-catalog li{overflow-wrap:anywhere}#sp-scenes [data-element-text]{font-family:ui-monospace,'Courier New',monospace;line-height:1.6;width:100%;box-sizing:border-box;min-height:5rem}#sp-scenes [data-script-element]{margin:1rem 0;min-width:0}#sp-scenes [data-style="Character"] [data-element-text]{text-transform:uppercase;margin-left:30%;width:70%;min-height:3rem}#sp-scenes [data-style="Dialogue"] [data-element-text],#sp-scenes [data-style="Parenthetical"] [data-element-text]{margin-left:15%;width:70%}#sp-scenes [data-style="Transition"] [data-element-text]{text-align:right}.sp-scene{scroll-margin-top:1rem}.sp-catalog section{min-width:0}@media(max-width:650px){.sp-editor-tools{padding:.75rem}.sp-editor-tools .sp-actions>*{width:100%}.sp-tag-controls>*{max-width:100%}#sp-scenes [data-style="Character"] [data-element-text]{margin-left:15%;width:85%}#sp-scenes [data-style="Dialogue"] [data-element-text],#sp-scenes [data-style="Parenthetical"] [data-element-text]{margin-left:5%;width:90%}.sp-room textarea{font-size:16px}}

#manual-idea-form [hidden]{display:none!important}

/* The writing surface is a screenplay; controls live around it, never between every paragraph. */
.sp-room{max-width:none}.sp-editor-form{min-width:0}.sp-editor-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;gap:14px;align-items:start}.sp-writing-column{min-width:0}.sp-editor-tools{position:sticky;top:0;z-index:5;background:var(--panel,#20242b);display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:10px;margin:12px 0}.sp-editor-tools .button,.sp-editor-tools select{min-height:40px;padding:8px 12px;font-size:14px}.sp-editor-tools label{font-size:12px}.sp-editor-tools [role=status]{font-size:12px;align-self:center;margin-left:auto}.sp-scene-sidebar,.sp-production-sidebar{position:sticky;top:100px;min-width:0;background:var(--panel,#20242b);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:13px;max-height:75vh;overflow:auto}.sp-scene-sidebar nav{display:grid;margin:12px 0;gap:4px}.sp-scene-sidebar nav button{display:flex;align-items:start;gap:8px;text-align:left;line-height:1.4;overflow-wrap:anywhere;background:transparent;border:0;color:inherit;padding:10px 4px;min-height:44px}.sp-scene-sidebar nav button:hover{background:var(--surface-alt,#333)}.sp-scene-sidebar nav span{opacity:.6}.sp-production-sidebar p{font-size:12px;line-height:1.5;color:var(--muted)}.sp-production-sidebar .button{white-space:normal;font-size:12px;padding:8px;min-height:36px;margin:5px 0}.sp-production-sidebar ul{list-style:none;padding:0}.sp-production-sidebar li{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.sp-production-sidebar li small{display:block;font-size:11px}.sp-catalog-group{margin:12px 0}.sp-production-sidebar .sp-tag-controls{display:block;margin-top:12px}.sp-production-sidebar select{width:100%;min-width:0}.sp-production-sidebar [data-sp-selection]{display:block;margin:8px 0}.sp-episode-notes{padding:16px;margin:14px 0;border:1px solid var(--line);border-radius:8px}.sp-paper{background:#fff;color:#181818;padding:55px 7%;min-height:950px;box-shadow:0 4px 20px #0004;font-family:'Courier New',Courier,monospace;font-size:16px;line-height:1.45;border-radius:2px}.sp-paper-title{display:block;text-align:center;margin-bottom:45px}.sp-paper-title>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sp-paper-title input{background:transparent!important;color:#181818!important;border:0!important;font-family:inherit;text-align:center;text-transform:uppercase;border-radius:0!important;font-size:18px!important;padding:5px!important;width:100%;font-weight:bold}.sp-paper-empty{font-family:system-ui,sans-serif;text-align:center;padding:40px 0}.sp-paper-empty h2{font-size:22px;color:#181818}.sp-paper-empty p{font-size:15px;color:#555}.sp-paper #sp-scenes .sp-scene{border:0;padding:0;background:transparent;margin:26px 0;border-radius:0;scroll-margin-top:110px}.sp-scene-heading{display:flex;position:relative}.sp-scene-number{position:absolute;left:-28px;font-size:13px;padding-top:4px;color:#777}.sp-paper .sp-scene-heading input{border:0!important;border-radius:0!important;color:#111!important;background:transparent!important;font-family:inherit;font-weight:bold;text-transform:uppercase;font-size:16px!important;line-height:1.45;padding:3px 0!important;min-height:28px;width:100%}.sp-paper #sp-scenes [data-script-element]{margin:7px 0;min-width:0}.sp-paper #sp-scenes [data-element-text]{background:transparent;color:#181818;border:0;border-radius:0;box-shadow:none;font-size:16px;font-family:inherit;line-height:1.45;min-height:24px;height:auto;resize:none;overflow:hidden;padding:0;width:100%;display:block;field-sizing:content}.sp-paper #sp-scenes [data-element-text]:focus,.sp-paper .sp-scene-heading input:focus{outline:2px solid var(--document-focus);outline-offset:3px}.sp-paper #sp-scenes [data-style=Character] [data-element-text]{margin-left:38%;width:62%;min-height:24px;text-transform:uppercase}.sp-paper #sp-scenes [data-style=Dialogue] [data-element-text]{margin-left:20%;width:60%;min-height:24px}.sp-paper #sp-scenes [data-style=Parenthetical] [data-element-text]{margin-left:27%;width:49%;min-height:24px}.sp-paper #sp-scenes [data-style=Transition] [data-element-text]{text-align:right;text-transform:uppercase}.sp-paper .sp-scene-options{font-family:system-ui,sans-serif;font-size:11px;color:#646464;margin:10px 0}.sp-paper .sp-scene-options:not([open]){opacity:.45}.sp-paper .sp-scene-options:hover,.sp-paper .sp-scene-options[open]{opacity:1}.sp-paper .sp-scene-options textarea{background:#f4f4f4!important;color:#181818!important}.sp-paper .sp-scene-options .button{color:var(--document-ink);border:1px solid #bbb;font-size:12px;min-height:36px;padding:6px;background:var(--document-surface)}.sp-paper input:disabled,.sp-paper textarea:disabled{opacity:1;-webkit-text-fill-color:#181818}.sp-editor-form .sp-episode-nav{margin:8px 0}.sp-editor-form .sp-episode-nav .button{font-size:13px;padding:8px 12px;min-height:36px}
@media(max-width:1350px){.sp-editor-layout{grid-template-columns:minmax(0,1fr) 220px}.sp-scene-sidebar{position:static;grid-column:1/-1;max-height:none}.sp-scene-sidebar nav{display:flex;overflow:auto}.sp-scene-sidebar nav button{min-width:150px;max-width:220px}.sp-scene-sidebar>details>button{margin:0}.sp-paper{padding:45px 8%}}
@media(max-width:760px){.sp-editor-layout{display:flex;flex-direction:column}.sp-scene-sidebar,.sp-production-sidebar{position:static;width:100%;box-sizing:border-box;max-height:none}.sp-writing-column{width:100%}.sp-production-sidebar{order:3}.sp-editor-tools{position:relative;top:auto}.sp-editor-tools .button,.sp-editor-tools select{min-height:44px}.sp-editor-tools>*{max-width:100%}.sp-paper{padding:30px 24px;min-height:650px}.sp-scene-number{left:-19px;font-size:11px}.sp-paper #sp-scenes [data-style=Character] [data-element-text]{margin-left:27%;width:73%}.sp-paper #sp-scenes [data-style=Dialogue] [data-element-text]{margin-left:10%;width:80%}.sp-paper #sp-scenes [data-style=Parenthetical] [data-element-text]{margin-left:17%;width:66%}.sp-paper-title{margin-bottom:26px}.sp-production-sidebar .button{min-height:44px}.sp-editor-tools [role=status]{margin-left:0;width:100%}}
/* Writing is the primary task: keep the manuscript above the fold. */
.page:has(.sp-room){padding-top:16px}.page:has(.sp-room) .production-quick-nav{padding:8px 12px!important;margin:0 0 10px!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page:has(.sp-room) .production-quick-nav>.row{gap:6px;margin:0}.page:has(.sp-room) .production-quick-nav .button{padding:7px 12px;font-size:13px;min-height:36px}.page:has(.sp-room) .production-quick-nav>small{font-size:11px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page:has(.sp-room) .production-quick-nav>details{font-size:12px;margin-left:auto}.sp-compact-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.sp-compact-heading h1{font-size:22px;line-height:1.2;margin:0!important}.sp-compact-heading>span{font-size:12px;color:var(--muted)}.sp-compact-heading .button{margin-left:auto;padding:7px 12px;min-height:36px;font-size:12px}.sp-room .production-tools{margin:4px 0!important;padding:0!important;font-size:12px}.sp-room .sp-tabs{margin:8px 0;gap:6px}.sp-room .sp-tabs .button{min-height:36px;padding:7px 12px;font-size:13px}.sp-room .sp-editor-tools{margin:8px 0;padding:8px}.sp-room .sp-episode-nav{margin:4px 0}.sp-room .sp-key-hint{font-size:11px;color:var(--muted)}.page:has(.sp-room) #context-back{display:none}.sp-room .sp-scene-sidebar{padding:8px 12px}.sp-room .sp-scene-sidebar nav{margin:6px 0}.sp-room .sp-scene-sidebar nav button{padding:6px 4px;min-height:32px}.sp-room .sp-scene-sidebar>details>summary{font-size:12px}
@media(max-width:760px){.page:has(.sp-room){padding-top:10px}.sp-compact-heading h1{font-size:20px}.sp-compact-heading>span{display:none}.sp-compact-heading .button{min-height:44px}.page:has(.sp-room) .production-quick-nav .button,.sp-room .sp-tabs .button{min-height:44px}.page:has(.sp-room) .production-quick-nav>small{display:none}.page:has(.sp-room) .production-quick-nav>details{margin-left:0}.sp-room .sp-key-hint{display:none}.sp-room .sp-scene-sidebar nav button{min-height:44px}.sp-room .sp-editor-tools [data-sp-editor-status]{width:auto}.sp-room .sp-editor-tools{gap:6px}}
.sp-editor-tools .sp-secondary-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-editor-tools .sp-more-toggle{display:none}
@media(max-width:760px){.sp-editor-tools .sp-secondary-tools{display:none;width:100%}.sp-editor-tools .sp-secondary-tools.is-open{display:flex}.sp-editor-tools .sp-more-toggle{display:inline-flex}.sp-room .sp-editor-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.sp-room .sp-editor-tools>label{min-width:0}.sp-room .sp-editor-tools>label select{width:100%}.sp-room .sp-editor-tools>.sp-more-toggle{min-height:30px;padding:3px 7px;font-size:12px;justify-self:start}.sp-room .sp-editor-tools>.sp-secondary-tools{grid-column:1/-1}.sp-room .sp-editor-tools>[data-sp-editor-status]{font-size:11px;justify-self:end}.sp-room .sp-episode-nav:has(>.button:only-child){display:none}.sp-room .sp-compact-heading{margin:5px 0}.sp-room .sp-compact-heading h1{font-size:18px}.sp-room .sp-compact-heading .button{font-size:11px;min-height:36px;padding:6px 8px}.sp-room .sp-tabs{margin:5px 0}.sp-room .sp-tabs .button{font-size:12px;padding:6px 8px}.sp-room .sp-paper-title{margin-bottom:18px}.sp-room .sp-paper{padding-top:20px}}
@media(max-width:760px){.sp-room .sp-editor-tools>.sp-more-toggle,.sp-room .sp-compact-heading .button{min-height:44px}}

/* Keep the writing surface calm: secondary editing commands open on demand. */
.sp-room .sp-editor-tools{flex-wrap:wrap;overflow:visible}
.sp-room .sp-editor-tools .sp-more-toggle{display:inline-flex}
.sp-room .sp-editor-tools .sp-secondary-tools{display:none;width:100%;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line)}
.sp-room .sp-editor-tools .sp-secondary-tools.is-open{display:flex}
.sp-workspace-dock .sp-catalog-group[hidden]{display:none!important}

/* Scene jumps must never strand a mobile writer below the navigation. */
.sp-history-controls{display:flex;align-items:center;gap:6px}
.sp-scene-sidebar nav button[aria-current=true]{background:color-mix(in srgb,var(--accent,var(--document-focus)) 22%,transparent);box-shadow:inset 3px 0 0 var(--accent,var(--document-focus))}
@media(max-width:920px){
 .sp-control-center{position:sticky;top:0;z-index:27;background:var(--panel,#20242b);box-shadow:0 5px 16px #0005}
 .sp-room .sp-editor-tools{position:sticky;top:54px;z-index:26;background:var(--panel,#20242b);box-shadow:0 5px 16px #0004}
 .sp-paper #sp-scenes .sp-scene{scroll-margin-top:128px}
}
@media(max-width:760px){
 .sp-history-controls{flex:1 1 auto}
 .sp-history-controls .button{flex:1 1 auto;min-width:92px}
}
/* Resources remain beside the script on desktop and can be opened directly on mobile. */
.sp-resource-filter{display:grid;gap:8px;margin:16px 0}.sp-resource-filter :is(input,select){min-width:0;width:100%;box-sizing:border-box}
.sp-resource-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.sp-resource-actions .button{width:100%;white-space:normal;text-align:left}
.sp-catalog-group li{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}.sp-catalog-group li[hidden]{display:none}.sp-catalog-group li strong{overflow-wrap:anywhere}.sp-catalog-group .button{min-height:44px;white-space:normal}
#modal .sp-production-sidebar{position:static;width:100%;max-height:none;padding:0;box-sizing:border-box}#modal .sp-production-sidebar>details>summary{display:none}
.sp-editor-tools>[data-sp-resources]{min-height:44px}@media(max-width:760px){.sp-editor-tools>[data-sp-resources]{grid-column:1/-1;width:100%}}

/* Screenplay control centre: the page stays put while contextual tools change. */
.page:has(.sp-room)>.production-quick-nav{display:none!important}
.sp-control-center{min-height:54px;box-sizing:border-box;display:flex;align-items:center;gap:14px;margin:8px 0;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel,#20242b);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;white-space:nowrap}
.sp-control-center>strong{font-size:12px;letter-spacing:.03em;color:var(--muted);flex:0 0 auto}.sp-control-center>[role=tablist]{display:flex;gap:5px;flex:0 0 auto}.sp-control-center>span{font-size:11px;color:var(--muted);margin-left:auto;flex:0 0 auto}
.sp-control-tab{appearance:none;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);min-height:38px;padding:7px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.sp-control-tab:hover{background:var(--surface-alt,#333)}.sp-control-tab[aria-selected=true]{background:color-mix(in srgb,var(--accent,var(--document-focus)) 26%,var(--panel));border-color:color-mix(in srgb,var(--accent,var(--document-focus)) 68%,var(--line));color:var(--text)}
.sp-editor-layout{grid-template-columns:170px minmax(520px,1fr) minmax(280px,330px)}
.sp-editor-tools{min-height:58px;box-sizing:border-box;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.sp-editor-tools>*{flex:0 0 auto}.sp-editor-tools [role=status]{white-space:nowrap}.sp-editor-tools .sp-secondary-tools{flex-wrap:nowrap}
.sp-workspace-dock{top:72px;max-height:calc(100dvh - 92px);padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--panel,#20242b);box-shadow:0 12px 32px #0002}
.sp-dock-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel,#20242b) 92%,var(--accent,var(--document-focus)))}.sp-dock-head small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sp-dock-head h2{font-size:17px;line-height:1.2;margin:3px 0}.sp-dock-head p{margin:4px 0 0;font-size:11px;line-height:1.35}.sp-dock-close{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.sp-dock-body{padding:12px 14px 18px;overflow:auto;overscroll-behavior:contain}.sp-dock-body .button{width:auto;max-width:100%;margin:0}.sp-dock-actions,.sp-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.sp-row-actions .button{min-height:34px;padding:6px 8px}.sp-add-resource{width:100%!important;margin-bottom:8px!important}.sp-resource-check{display:flex;align-items:flex-start;gap:9px;font-weight:700}.sp-resource-check input{width:18px;height:18px;margin-top:1px;flex:0 0 auto}.sp-catalog-group li:not(.is-linked){opacity:.72}.sp-catalog-group li:not(.is-linked):hover{opacity:1}.sp-catalog-group li.is-linked{border-left:3px solid color-mix(in srgb,var(--accent,var(--document-focus)) 68%,white);padding-left:9px}.sp-dock-section{margin:16px 0}.sp-dock-section>summary{font-weight:700}.sp-dock-section ul{margin:8px 0}.sp-dock-section li button{appearance:none;border:0;background:transparent;color:var(--text);padding:7px 0;text-align:left;cursor:pointer}.sp-dock-empty{padding:16px;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}
.sp-mini-card{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--line)}.sp-mini-card strong{line-height:1.35}.sp-mini-card p,.sp-mini-card small{margin:0;color:var(--muted);font-size:12px}.sp-mini-card .button{justify-self:start;margin-top:5px}.sp-dock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.sp-dock-stats>div{padding:9px 6px;border:1px solid var(--line);border-radius:8px;text-align:center}.sp-dock-stats dt{font-size:10px;color:var(--muted)}.sp-dock-stats dd{margin:3px 0 0;font-size:18px;font-weight:800}.sp-advanced-link{margin-top:14px!important;width:100%!important}.sp-workspace-dock .notice{font-size:12px;padding:10px}
#sp-resource-form,#sp-location-form,#sp-revision-form{display:grid;gap:14px}#sp-resource-form .field,#sp-location-form .field,#sp-revision-form .field{display:grid;gap:7px}
@media(max-width:1450px){.sp-editor-layout{grid-template-columns:minmax(0,1fr) minmax(270px,310px)}.sp-scene-sidebar{position:static;grid-column:1/-1;max-height:none}.sp-scene-sidebar nav{display:flex;overflow:auto}.sp-scene-sidebar nav button{min-width:150px;max-width:220px}}
@media(max-width:920px){.sp-control-center>strong,.sp-control-center>span{display:none}.sp-control-center{padding:6px;min-height:52px}.sp-editor-layout{display:block}.sp-scene-sidebar{margin-bottom:10px}.sp-workspace-dock{position:fixed;z-index:110;inset:auto 8px calc(var(--mobile-dock-height,76px) + env(safe-area-inset-bottom) + 8px) 8px;width:auto;max-height:min(72dvh,720px);border-radius:16px;transform:translateY(calc(100% + 110px));visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s;box-shadow:0 18px 60px #0009}.sp-workspace-dock.is-open{transform:translateY(0);visibility:visible;transition:transform .22s ease}.sp-dock-close{display:grid;place-items:center}.sp-dock-body{padding-bottom:24px}.sp-editor-tools{position:relative;top:auto}.sp-writing-column{width:100%}}
@media(max-width:760px){.sp-control-center{margin:5px 0;overflow-x:auto}.sp-control-center>[role=tablist]{width:max-content}.sp-control-tab{min-height:44px;padding:8px 11px}.sp-editor-tools{display:flex!important;align-items:end!important;flex-wrap:wrap;overflow:visible}.sp-editor-tools>label{flex:1 1 150px}.sp-editor-tools>[data-sp-dock]{flex:1 1 auto}.sp-editor-tools>.sp-more-toggle{order:3}.sp-editor-tools>.sp-secondary-tools{order:4}.sp-editor-tools>[data-sp-editor-status]{order:5}.sp-dock-stats{grid-template-columns:1fr 1fr}.sp-workspace-dock{inset-inline:4px}}
/* Purpose-led screenplay forms and compact editor navigation. */
.sp-room .sp-episode-nav{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:8px 0;margin:4px 0 8px}.sp-episode-nav label{display:grid;gap:5px;min-width:min(100%,360px);font-size:12px;font-weight:700}.sp-episode-nav select{min-height:42px;width:100%}.sp-episode-nav>small{color:var(--muted)}
.sp-control-tab{display:inline-flex;align-items:center;gap:7px}.sp-control-tab>span{font-size:15px;line-height:1}
.sp-purpose-form{max-width:1050px}.sp-form-intro{margin-bottom:18px}.sp-form-intro h2{margin:4px 0 8px}.sp-form-intro p:not(.eyebrow){max-width:72ch;color:var(--muted);line-height:1.6}
.sp-form-section{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:28px;padding:24px 0;border-top:1px solid var(--line)}.sp-form-section>div{min-width:0}.sp-form-section h3{margin:0 0 7px}.sp-form-section>div:first-child>p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.sp-form-advanced{padding:18px 0;border-top:1px solid var(--line)}.sp-form-actions{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px -24px -24px;padding:14px 24px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px)}.sp-form-actions>div:first-child{display:grid;gap:3px}.sp-form-actions small{color:var(--muted);line-height:1.4}.sp-form-actions .sp-actions{margin:0}
.sp-ai-contract{padding:12px;border-left:3px solid var(--accent);background:var(--studio-lilac);border-radius:0 8px 8px 0}.sp-ai-contract p{margin:5px 0 0!important;color:inherit!important}.sp-workspace-dock textarea{width:100%;box-sizing:border-box}
#sp-resource-form .input-hint,#sp-location-form .input-hint{margin:-5px 0 2px;color:var(--muted)}
@media(max-width:760px){.sp-room .sp-episode-nav{align-items:stretch;flex-direction:column}.sp-episode-nav label{min-width:0}.sp-episode-nav>small{display:none}.sp-form-section{grid-template-columns:1fr;gap:8px;padding:18px 0}.sp-form-actions{position:static;display:block;margin:14px -16px -16px;padding:14px 16px}.sp-form-actions .sp-actions{display:grid;margin-top:12px}.sp-form-actions .button{width:100%}.sp-control-tab{gap:5px}.sp-control-tab>span{font-size:14px}}
.sp-dialog-form{display:grid;gap:16px}.sp-form-context{padding:12px 14px;border-radius:10px;background:var(--surface-2)}.sp-form-context p{margin:4px 0 0;color:var(--muted);line-height:1.5}.sp-dialog-actions{display:flex;justify-content:flex-end;padding-top:4px}
/* Final toolbar contract: keep frequent actions visible and reveal the rest deliberately. */
.sp-room .sp-editor-tools{flex-wrap:wrap;overflow:visible}
.sp-room .sp-editor-tools .sp-more-toggle{display:inline-flex}
.sp-room .sp-editor-tools .sp-secondary-tools{display:none;width:100%;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line)}
.sp-room .sp-editor-tools .sp-secondary-tools.is-open{display:flex}
/* This rule is deliberately last. Narrow-layout rules above used to reset the
   toolbar to relative positioning, which stranded scene jumps below it. */
@media(max-width:920px){
 .sp-control-center{position:sticky;top:0;z-index:27}
 .sp-room .sp-editor-tools{position:sticky;top:54px;z-index:26}
 .sp-paper #sp-scenes .sp-scene{scroll-margin-top:128px}
}

/* Compact workbench density. The screenplay is the primary surface. */
.page:has(.sp-room){padding-top:10px}
.sp-room .sp-compact-heading{margin:3px 0 5px}
.sp-room .sp-tabs{margin:4px 0 6px;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.sp-room .sp-tabs .button{flex:0 0 auto;min-height:36px;padding:6px 10px}
.sp-room .sp-control-center{min-height:42px;margin:4px 0;padding:3px 5px;gap:5px;border-radius:8px}
.sp-room .sp-control-center>strong,.sp-room .sp-control-center>span{display:none}
.sp-room .sp-control-tab{min-height:34px;padding:5px 9px;font-size:12px}
.sp-writing-bars{position:sticky;top:var(--sp-chrome-height,64px);z-index:26;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:6px;margin:5px 0;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--chrome,var(--panel,#20242b));box-shadow:0 4px 14px #0003}
.sp-writing-bars .sp-episode-nav{display:block;margin:0;padding:0}
.sp-writing-bars .sp-episode-nav label,.sp-scene-jump{display:grid;gap:2px;min-width:0;font-size:10px;font-weight:700;color:var(--muted)}
.sp-writing-bars .sp-episode-nav select,.sp-scene-jump select{width:100%;min-width:0;min-height:38px;padding-block:6px;font-size:12px}
.sp-writing-bars .sp-episode-nav>small{display:none}
.sp-room .sp-writing-bars .sp-editor-tools{grid-column:1/-1;position:static;min-height:38px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;gap:5px;flex-wrap:nowrap;overflow-x:auto}
.sp-writing-bars .sp-editor-tools label{font-size:10px;gap:2px}
.sp-writing-bars .sp-editor-tools :is(.button,select){min-height:38px;padding:6px 9px;font-size:12px}
.sp-writing-bars .sp-history-controls{gap:4px}
.sp-writing-bars .sp-editor-tools [role=status]{font-size:10px}
.sp-scene-sidebar{position:relative!important;top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px;min-width:0;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:12px}
.sp-scene-index{position:relative}
.sp-scene-index>summary{min-height:38px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;white-space:nowrap;list-style:none;font-weight:700}
.sp-scene-index>summary::-webkit-details-marker{display:none}
.sp-scene-menu{position:absolute;right:0;z-index:35;width:min(720px,calc(100vw - 32px));max-height:min(58dvh,580px);overflow:auto;margin-top:5px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 18px 50px #0007}
.sp-scene-menu nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px!important;margin:0 0 6px!important;overflow:visible!important}
.sp-scene-menu nav button{min-width:0!important;max-width:none!important;min-height:38px!important;padding:6px 8px!important;border-radius:6px!important}
.sp-scene-menu>.button{min-height:38px}
.sp-editor-layout{grid-template-columns:minmax(520px,1fr) minmax(280px,330px)}
.sp-paper #sp-scenes .sp-scene{scroll-margin-top:104px}
@media(max-width:1180px){
 .sp-writing-bars{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)}
 .sp-writing-bars .sp-editor-tools{grid-column:1/-1}
 .sp-editor-layout{grid-template-columns:minmax(0,1fr)}
 .sp-workspace-dock{position:fixed;z-index:110;inset:auto 8px calc(var(--mobile-dock-height,76px) + env(safe-area-inset-bottom) + 8px) 8px;width:auto;max-height:min(72dvh,720px);border-radius:16px;transform:translateY(calc(100% + 110px));visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s;box-shadow:0 18px 60px #0009}
 .sp-workspace-dock.is-open{transform:translateY(0);visibility:visible;transition:transform .22s ease}
 .sp-dock-close{display:grid;place-items:center}
}
@media(max-width:760px){
 .page:has(.sp-room){padding-top:6px}
 .sp-room .sp-compact-heading{margin:2px 0 4px}
 .sp-room .sp-compact-heading h1{font-size:18px}
 .sp-room .sp-tabs{margin:2px 0 4px}
 .sp-room .sp-tabs .button{min-height:44px;padding:7px 10px;font-size:12px}
 .sp-room .sp-control-center{position:sticky;top:0;min-height:44px;margin:2px 0;padding:0 3px}
 .sp-room .sp-control-tab{min-height:44px;padding:7px 10px}
 .sp-writing-bars{top:var(--sp-chrome-height,56px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;margin:3px 0;padding:4px}
 .sp-writing-bars .sp-episode-nav label select,.sp-scene-jump select{min-height:44px;font-size:16px!important}
 .sp-writing-bars .sp-editor-tools{grid-column:1/-1;display:flex!important;align-items:center!important;flex-wrap:nowrap;min-height:44px}
 .sp-writing-bars .sp-editor-tools>label{display:none}
 .sp-writing-bars .sp-editor-tools :is(.button,select){min-height:44px}
 .sp-writing-bars .sp-editor-tools .sp-history-controls{flex:0 0 auto}
 .sp-writing-bars .sp-history-controls .button{min-width:44px;padding-inline:7px}
 .sp-writing-bars .sp-editor-tools>[data-sp-editor-status]{display:none}
 .sp-scene-jump>span,.sp-writing-bars .sp-episode-nav label{font-size:0}
 .sp-writing-bars .sp-episode-nav label::before{content:'Avsnitt';font-size:10px}
 html[lang=en] .sp-writing-bars .sp-episode-nav label::before{content:'Episode'}
 .sp-scene-jump::before{content:'Scen';font-size:10px}
 html[lang=en] .sp-scene-jump::before{content:'Scene'}
 .sp-room .sp-scene-sidebar>.sp-scene-index>summary{min-height:44px;padding-inline:8px;font-size:12px}
 .sp-scene-menu{position:fixed;inset:auto 6px calc(var(--mobile-dock-height,76px) + env(safe-area-inset-bottom) + 6px);width:auto;max-height:58dvh}
 .sp-scene-menu nav{grid-template-columns:1fr}
 .sp-paper #sp-scenes .sp-scene{scroll-margin-top:150px}
 .sp-paper{padding:20px 20px 28px}
 .sp-paper-title{margin-bottom:16px}
}

.sp-room .sp-writing-bars>.sp-scene-sidebar{grid-column:auto;min-width:0}
.sp-room .sp-writing-bars .sp-episode-nav label{min-width:0}
.workspace-context{display:grid;gap:2px;min-width:0}.workspace-context small{font-size:11px;color:var(--muted)}.workspace-context strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Readable labels and aligned controls; density must not shrink field text. */
.sp-room .sp-writing-bars :is(.sp-episode-nav label,.sp-scene-jump,.sp-editor-tools label){font-size:12px}
.sp-room .sp-writing-bars select{font-size:13px!important}
@media(min-width:761px){.sp-room .sp-writing-bars :is(select,.button){min-height:40px!important;height:40px;box-sizing:border-box}}
@media(max-width:760px){.sp-room .sp-writing-bars select{font-size:16px!important}.sp-room .sp-writing-bars .sp-episode-nav label,.sp-room .sp-scene-jump>span{font-size:0}.sp-room .sp-writing-bars .button{min-height:44px!important}}

/* One persistent workbench below global chrome: panel launchers never scroll away. */
.sp-room .sp-writing-bars>.sp-control-center{position:static;grid-column:1/-1;min-width:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.sp-room .sp-control-tab{min-height:40px;font-size:13px}
.sp-room .sp-editor-layout{grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start}
.sp-room .sp-workspace-dock{position:sticky;z-index:20;inset:auto;top:calc(var(--sp-chrome-height,64px) + var(--sp-workbench-height,156px) + 8px);width:auto;max-height:calc(100dvh - var(--sp-chrome-height,64px) - var(--sp-workbench-height,156px) - 20px);transform:none;visibility:visible;transition:none;border-radius:10px}
.sp-room .sp-workspace-dock .sp-dock-close{display:grid}
.sp-room .sp-dock-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.sp-room .sp-resource-empty{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sp-room .sp-paper #sp-scenes .sp-scene{scroll-margin-top:calc(var(--sp-chrome-height,64px) + var(--sp-workbench-height,156px) + 12px - var(--sp-scroll-padding,0px))}
body:has(.sp-room) .topbar{position:sticky!important;top:0;z-index:50}
@media(max-width:1000px){
 .sp-room .sp-editor-layout{display:block}
 .sp-room .sp-workspace-dock{position:fixed;z-index:45;inset:calc(var(--sp-chrome-height,64px) + var(--sp-workbench-height,156px) + 8px) 12px 16px auto;width:min(360px,calc(100vw - 24px));max-height:none;visibility:hidden;transform:translateX(calc(100% + 24px));box-shadow:0 18px 60px #0009}
 .sp-room .sp-workspace-dock.is-open{visibility:visible;transform:none}
 .sp-room .sp-workspace-dock .sp-dock-close{display:grid}
}
@media(max-width:760px){
 .sp-room .sp-control-tab{min-height:44px}
 .sp-room .sp-workspace-dock{inset:calc(var(--sp-chrome-height,56px) + var(--sp-workbench-height,164px) + 8px) 6px calc(var(--mobile-dock-height,76px) + env(safe-area-inset-bottom) + 8px);width:auto;border-radius:12px;transform:translateY(calc(100% + 110px))}
 .sp-room .sp-workspace-dock.is-open{transform:none}
}

.page:has(.sp-room){overflow:visible!important}

/* A closed tool returns its column to the script, on every screen size. */
.sp-room .sp-editor-layout:has(.sp-workspace-dock:not(.is-open)){grid-template-columns:minmax(0,1fr)}
.sp-room .sp-workspace-dock:not(.is-open){display:none}
@media(max-width:1000px){
 /* Readable episode/scene choices; do not squeeze a native select to an icon. */
 .sp-room .sp-writing-bars{grid-template-columns:minmax(0,1fr)}
 .sp-room .sp-writing-bars>.sp-scene-sidebar{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto}
 .sp-room .sp-scene-index>summary{max-width:110px;white-space:normal;line-height:1.25}
}

/* Local K refinement: retain the scene context, reduce repeated framing. */
.sp-room .sp-dock-head{padding:12px 14px;gap:10px}
.sp-room .sp-dock-head h2{font-size:18px;margin:0}
.sp-room .sp-dock-head small{display:none}
.sp-room .sp-dock-head p{margin:4px 0 0;line-height:1.4;font-size:12px}
.sp-room .sp-dock-body{padding:12px 14px;gap:10px}
.sp-room .sp-mini-card{padding:10px;margin-block:8px}
.sp-dialog-form{gap:12px}
p.sp-form-context{margin:0;padding:0;background:none;font-size:13px;line-height:1.5}
.sp-dialog-form .field{margin:0}
.sp-catalog-group [data-resource-none]{margin:8px 0;font-size:12px}
.sp-catalog-group [data-sp-resources-more]{margin:8px 0}

/* Desktop text-to-resource linking stays contextual; the screenplay remains editable. */
.sp-selection-action,.sp-selection-popover{position:fixed;z-index:1100}
.sp-selection-action{max-width:175px;min-height:40px;padding:7px 11px!important;border-radius:11px!important;box-shadow:0 8px 25px #0008;white-space:nowrap;background:var(--panel,#292f36)!important;color:var(--text,#f5f5f5)!important;border:1px solid var(--line,#53606b)!important}
.sp-selection-popover{width:min(350px,calc(100vw - 16px));max-height:min(540px,calc(100dvh - 16px));overflow:auto;box-sizing:border-box;padding:16px;display:grid;gap:12px;border:1px solid var(--line,#53606b);border-radius:15px;background:var(--panel,#292f36);color:var(--text,#f5f5f5);box-shadow:0 18px 48px #000a}
.sp-selection-popover header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sp-selection-popover header strong{font-size:16px}
.sp-selection-popover .sp-selection-close{min-width:40px;min-height:40px;border:1px solid var(--line,#53606b);border-radius:10px;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.sp-selection-popover label{display:grid;gap:5px;font-size:13px;font-weight:600}
.sp-selection-popover select{width:100%;min-height:40px;font-size:14px}
.sp-selection-popover p,.sp-selection-popover small{margin:0;line-height:1.45}
.sp-selection-popover small{color:var(--muted,#b7bec6)}
.sp-selection-quote{padding:9px 11px;border-radius:9px;background:var(--surface-alt,#343b43);overflow-wrap:anywhere;max-height:64px;overflow:auto}
.sp-selection-actions{display:flex;flex-wrap:wrap;gap:7px}
.sp-selection-actions .button{min-height:40px;margin:0}
.sp-selection-popover [role=alert]:empty{display:none}
.sp-selection-popover [role=alert]{color:var(--danger,#f8a5a5);font-size:13px}
.sp-link-review{display:inline-flex;margin:6px 0;color:#5a3276;font:12px/1.4 system-ui,sans-serif}
@media(max-width:920px){.sp-selection-action,.sp-selection-popover{display:none}}

/* A visual ink layer marks canonical links without adding text to the screenplay. */
.sp-paper #sp-scenes .sp-linked-field{position:relative;width:100%;min-width:0}
.sp-paper #sp-scenes .sp-linked-field [data-element-text]{position:relative;z-index:1;margin:0!important;width:100%!important;color:transparent!important;-webkit-text-fill-color:transparent!important;caret-color:#181818}
.sp-paper #sp-scenes .sp-linked-field [data-element-text]::selection{background:#b7d2ec;color:#181818;-webkit-text-fill-color:#181818}
.sp-paper #sp-scenes .sp-linked-field .sp-ink-mirror{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;font:inherit;line-height:1.45;color:#181818}
.sp-paper #sp-scenes .sp-linked-field .sp-linked-phrase{color:#225f91;text-decoration:underline;text-decoration-color:#8bb9d7;text-underline-offset:2px;cursor:pointer;pointer-events:auto}
.sp-paper #sp-scenes .sp-linked-field .sp-linked-phrase:hover{color:#11466f;text-decoration-thickness:2px;background:#e2f2ff}
.sp-paper #sp-scenes [data-style=Character] .sp-linked-field{margin-left:38%;width:62%;text-transform:uppercase}
.sp-paper #sp-scenes [data-style=Dialogue] .sp-linked-field{margin-left:20%;width:60%}
.sp-paper #sp-scenes [data-style=Parenthetical] .sp-linked-field{margin-left:27%;width:49%}
.sp-paper #sp-scenes [data-style=Transition] .sp-linked-field{text-align:right;text-transform:uppercase}
@media(max-width:760px){.sp-paper #sp-scenes [data-style=Character] .sp-linked-field{margin-left:27%;width:73%}.sp-paper #sp-scenes [data-style=Dialogue] .sp-linked-field{margin-left:10%;width:80%}.sp-paper #sp-scenes [data-style=Parenthetical] .sp-linked-field{margin-left:17%;width:66%}}
@media(max-width:920px){.sp-paper #sp-scenes .sp-linked-field .sp-ink-mirror{display:none}.sp-paper #sp-scenes .sp-linked-field [data-element-text]{color:#181818!important;-webkit-text-fill-color:#181818!important}}
.sp-paper #sp-scenes .sp-linked-field .sp-linked-phrase.is-active{background:#d6eaff;text-decoration-thickness:2px}
.sp-resource-context{display:grid;gap:7px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt,#343b43)}
.sp-context-heading{display:grid;gap:2px;min-width:0}.sp-context-heading small{font-size:11px;color:var(--muted)}.sp-context-heading strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.sp-resource-context .sp-context-empty{font-size:11px;color:var(--muted)}
.sp-context-active,.sp-context-links button{width:100%;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:12px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.sp-context-active{padding:7px 8px;border-radius:7px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}
.sp-context-links{font-size:12px}.sp-context-links summary{font-weight:650;cursor:pointer}.sp-context-links button{display:block;padding:6px 4px;border-bottom:1px solid var(--line)}.sp-context-links button:hover{text-decoration:underline}
.sp-catalog-group{margin:4px 0;border-bottom:1px solid var(--line)}.sp-catalog-group>summary{padding:8px 2px;font-size:12px;font-weight:650;cursor:pointer}
.sp-quick-formats{display:flex;align-items:center;gap:3px;flex:0 0 auto}.sp-quick-formats .button{min-width:0!important;padding-inline:7px!important}
.sp-quick-formats .button[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,transparent)}
@media(max-width:920px){.sp-quick-formats{display:none}}

/* Writer-first workstation: a compact mode choice, quiet recovery state, and optional shortcuts. */
.sp-mode-switch{display:inline-flex;gap:2px;flex:0 0 auto;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface-alt,var(--panel))}
.sp-mode-switch button{min-height:34px;border:0;border-radius:6px;padding:5px 10px;background:transparent;color:var(--muted);font:600 12px/1.3 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.sp-mode-switch button[aria-pressed=true]{background:var(--accent);color:var(--document-surface,#fff)}
.sp-mode-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sp-mode-write .sp-control-center>[role=tablist]{opacity:.78}
.sp-draft-notice{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;margin:8px 0;border:1px solid var(--accent);border-radius:10px;background:var(--surface-alt,var(--panel));font-size:13px}
.sp-draft-notice>span{color:var(--muted);margin-right:auto}.sp-draft-notice .button{min-height:36px}
.sp-remote-notice:empty,[data-sp-local-status]:empty{display:none}
.sp-remote-notice:not(:empty){padding:9px 12px;margin:8px 0;border:1px solid var(--line);border-radius:8px;font-size:13px}
.sp-writing-preferences{position:relative;flex:0 0 auto;font-size:12px}
.sp-writing-preferences>summary{min-height:36px;display:flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:7px;list-style:none}
.sp-writing-preferences[open]{z-index:30}
.sp-writing-preferences[open]>label{position:relative;display:grid;gap:3px;width:210px;padding:8px;background:var(--panel);border-inline:1px solid var(--line)}
.sp-writing-preferences[open]>label:last-child{border-bottom:1px solid var(--line);border-radius:0 0 8px 8px}
.sp-writing-preferences select{width:100%;font-size:12px}
.sp-room [data-sp-local-status]{font-size:10px;color:var(--muted);white-space:nowrap}
@media(max-width:920px){.sp-writing-preferences{display:none}.sp-mode-switch button{min-height:40px}.sp-mode-write .sp-control-center>[role=tablist]{opacity:1}}

/* Edit opens a bounded popover, keeping the writer's controls in place. */
.sp-room .sp-writing-bars .sp-editor-tools{flex-wrap:wrap!important;overflow:visible!important;align-items:end!important}
.sp-room .sp-writing-bars .sp-editor-tools>.sp-quick-formats{flex-wrap:wrap;min-width:0}
.sp-room .sp-writing-bars .sp-secondary-tools[popover]{display:none;position:fixed;inset:auto;margin:0;padding:14px;width:min(360px,calc(100vw - 16px));max-height:calc(100dvh - 16px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--toolbar-edge,var(--line));border-radius:12px;background:var(--toolbar,var(--paper));color:var(--toolbar-ink,var(--ink));box-shadow:0 12px 38px #0004;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));z-index:1200}
.sp-room .sp-writing-bars .sp-secondary-tools[popover]:popover-open{display:grid}
.sp-room .sp-writing-bars .sp-secondary-tools[popover].is-open{display:grid}
.sp-secondary-tools[popover]::backdrop{background:transparent}
.sp-room .sp-writing-bars .sp-secondary-tools[popover]>.button{width:100%;min-width:0;white-space:normal;height:auto;min-height:44px!important;line-height:1.35}
.sp-room .sp-writing-bars .sp-secondary-tools[popover]>.sp-key-hint{grid-column:1/-1;display:block;white-space:normal;font-size:12px;line-height:1.5;padding-block:6px}
.sp-room .sp-writing-bars .sp-secondary-tools[popover]>.sp-writing-preferences{grid-column:1/-1;display:block;min-width:0}
.sp-room .sp-writing-bars .sp-secondary-tools[popover] .sp-writing-preferences[open]>label{width:100%;box-sizing:border-box;background:transparent}
.sp-room .sp-writing-bars .sp-editor-tools>[data-sp-editor-status]{white-space:normal}
@media(max-width:760px){.sp-room .sp-writing-bars .sp-editor-tools>.sp-history-controls{margin-left:auto}.sp-room .sp-writing-bars .sp-editor-tools>.sp-more-toggle{margin-left:0}.sp-room .sp-mode-switch button[data-sp-mode]{min-height:44px}}


/* support.css */
.support-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:end;margin:1rem 0}.support-filters label{flex:1 1 160px}.support-filters input,.support-filters select{width:100%}.support-list{display:grid;gap:.75rem;margin:1rem 0}.support-row{display:grid;gap:.5rem;text-align:left;width:100%;cursor:pointer}.support-row:hover{border-color:var(--primary,#7655a9)}.support-thread{display:grid;gap:1rem;margin:1.5rem 0}.support-message{padding:1.25rem;border:1px solid var(--border,#b7b1be);border-radius:12px}.support-message header{display:flex;gap:1rem;justify-content:space-between}.support-message p,.support-ai p{white-space:pre-wrap;overflow-wrap:anywhere}.support-note{border-inline-start:5px solid #bd994d}.support-ai{border-inline-start:5px solid #9273b8;margin:1rem 0}.support-error{color:var(--danger,#b64444);white-space:pre-wrap}.support-notice{border-inline-start:4px solid #629789;padding:1rem}.support-ai textarea{min-height:220px}#support-reply textarea,#support-new textarea{min-height:150px}@media(max-width:650px){.support-message header{flex-direction:column;gap:.25rem}}

#support-meta select,#support-reply select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.65rem;margin:.4rem;max-width:100%}#support-reply>.button{margin:1rem}#support-meta{margin-top:1rem}


/* mobile-app.css */
/* Layout follows available container width, not the full desktop viewport. */
.pricing-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.pricing-grid.compact .saas-plan{min-width:0;padding:26px;overflow-wrap:anywhere}.saas-plan .plan-price{flex-wrap:wrap;row-gap:0}.saas-plan>h3{margin-top:16px}.saas-plan.featured>h3{margin-top:16px}.plan-recommended{top:10px}.pricing-grid.compact .saas-plan>p{min-height:5em}.settings-layout>div{min-width:0}.settings-section{container-type:inline-size}.settings-layout .account-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.settings-layout .billing-actions{flex-wrap:wrap}.heading{gap:20px}.heading>div:first-child{min-width:0}.heading>.button{flex-shrink:0}.page>.panel,.page>.row{margin-bottom:20px}.directory-identity>span{min-width:0}.directory-identity b,.directory-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-table .directory-head{padding-left:14px}.team-table .directory-head>span:nth-child(2){padding-left:46px}.usage-track{appearance:none;border:0;width:100%;height:8px;display:block;background:var(--surface-2);color:var(--accent)}.usage-track::-webkit-progress-bar{background:var(--surface-2);border-radius:99px}.usage-track::-webkit-progress-value{background:var(--accent);border-radius:99px}.usage-track::-moz-progress-bar{background:var(--accent);border-radius:99px}.mobile-app-card{margin:20px 0}.mobile-app-card p{line-height:1.6;margin:12px 0}.mobile-app-card .row{gap:12px;flex-wrap:wrap}.connection-banner{position:fixed;top:env(safe-area-inset-top,0px);left:50%;transform:translateX(-50%);background:var(--paper,#faf6ef);color:var(--ink,#25232a);border:1px solid var(--line,#888);padding:10px 18px;border-radius:12px;z-index:1000;max-width:95vw}.mobile-update{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));right:16px;z-index:90;max-width:90vw}.mobile-app-card ol{padding-left:22px;line-height:1.8}
@media(max-width:760px){html{scroll-padding-top:90px}body{overscroll-behavior-y:contain}.topbar{padding-top:calc(12px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.button,button,select{touch-action:manipulation}.button,input,select,textarea{font-size:16px}.button,select,input:not([type=checkbox]):not([type=radio]){min-height:44px}.page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow-x:auto;scrollbar-width:thin}.settings-nav button{white-space:nowrap}.heading{flex-wrap:wrap;align-items:flex-start}.heading h1{font-size:28px}.directory-toolbar{grid-template-columns:1fr}.seat-meter{grid-template-columns:1fr;gap:12px}.directory-pagination{flex-wrap:wrap}.pricing-grid.compact .saas-plan>p{min-height:0}dialog{max-width:100%;width:100%;max-height:90dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.guide-drawer{max-height:100dvh}.support-message header{flex-wrap:wrap}.support-message{min-width:0}.support-message p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.install-guide{max-width:440px;padding:28px;color:var(--ink);background:var(--paper)}.install-guide::backdrop{background:rgba(25,18,36,.68);backdrop-filter:blur(5px)}.install-guide .install-app-icon{display:block;border-radius:20px;margin:0 0 20px}.install-guide h2{font-size:26px;line-height:1.2}.install-guide p,.install-guide li{font-size:16px;line-height:1.55}.install-guide ol{padding-left:22px;margin:20px 0}.install-guide li+li{margin-top:12px}.install-guide>.primary{width:100%;min-height:48px}.install-guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.install-guide-actions button{flex:1;min-height:44px;white-space:nowrap}.install-guide small{display:block;line-height:1.5;color:var(--muted)}@media(max-width:600px){.install-guide{margin:auto auto 0;width:100%;max-width:100%;padding:24px 24px calc(24px + env(safe-area-inset-bottom));max-height:90dvh;border-radius:24px 24px 0 0}}


/* dashboard.css */
.role-dashboard{display:grid;gap:24px;min-width:0}.dash-head,.dash-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.dash-head h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 12px}.dash-head p{margin:0}.dash-controls label{display:grid;gap:6px;min-width:180px}.dash-controls small{margin-left:auto}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dash-metrics button{text-align:left;padding:22px;color:inherit;cursor:pointer;display:grid;gap:8px}.dash-metrics strong{font-size:2rem}.dash-metrics .selected{outline:2px solid var(--accent,#8963bf);outline-offset:2px}.dash-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dash-columns>section{min-width:0}.dash-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--border,#7775)}.dash-item:last-child{border-bottom:0}.dash-item>div{min-width:0;overflow-wrap:anywhere}.dash-item .button{flex-shrink:0;white-space:normal;max-width:180px}.dash-item p{margin:8px 0}.dash-item small{display:block}.dash-late{font-weight:650}.dash-attention{border-left:4px solid #b88043!important}.dash-welcome{border-left:4px solid #8870bb!important}.dash-staff{padding-top:12px;border-top:1px solid var(--border,#7775)}.role-dashboard button:focus-visible,.role-dashboard a:focus-visible{outline:3px solid var(--accent,#8963bf);outline-offset:3px}@media(max-width:1100px){.dash-columns{grid-template-columns:1fr}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.role-dashboard{gap:16px}.dash-item{flex-direction:column}.dash-controls small{margin-left:0}.dash-metrics{gap:10px}.dash-metrics button{padding:16px}.dash-head .row{width:100%}.role-dashboard .button{min-height:44px}}

/* Align actions with the control itself, not its label + control block. */
.dash-controls{justify-content:flex-start;align-items:flex-end;gap:16px}
.dash-controls>label{flex:0 1 280px;min-width:min(100%,220px);margin:0}
.dash-controls>label select{width:100%;min-width:0}
.dash-controls>.row{min-width:0;gap:12px}
.dash-controls>.row>.button{min-height:var(--control-height,44px)}
.dash-controls>small{display:flex;align-items:center;min-height:var(--control-height,44px);max-width:100%}
@media(max-width:760px){.dash-controls>.row{flex:1 1 100%}.dash-controls>label{flex:1 1 240px}.dash-controls>small{margin-left:0}.dash-head>.row{flex-wrap:wrap}}
@media(max-width:480px){.dash-controls>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.dash-controls>.row>.button{white-space:normal;padding-inline:10px}.dash-controls>label{flex-basis:100%}.dash-controls>small{min-height:0}}

.dash-start-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.dash-start-options>.button{white-space:normal;min-width:0;height:100%;min-height:44px;padding-inline:12px}
@media(max-width:1000px){.dash-start-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dash-start-options>.button{min-height:56px}}

/* Nested cards size to their container, including two-column desktop dashboards. */
.dash-columns>section{container-type:inline-size}
.dash-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px)}
.dash-item>.row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;align-content:start}
.dash-item .button{box-sizing:border-box;min-width:0;max-width:100%;width:100%;overflow-wrap:anywhere}
@container(max-width:520px){.dash-item{grid-template-columns:minmax(0,1fr)}.dash-item>.row{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}}
@media(max-width:600px){.dash-item{grid-template-columns:minmax(0,1fr)}}


/* shared-workspaces.css */
.shared-room-list{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.shared-detail{margin-top:20px}.shared-member{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.shared-member>div:first-child,.shared-member>span:first-child{flex:1;min-width:180px;overflow-wrap:anywhere}.shared-member small{display:block}.shared-member .field{margin:0;min-width:160px}.shared-invite-form{margin:24px 0}.shared-invite-form form,#shared-create{display:grid;gap:16px;max-width:600px;margin-top:16px}.shared-context{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;background:var(--surface,#efedf5);border-bottom:1px solid var(--border)}.shared-context span{flex:1}.shared-invitation{margin:20px 0}.shared-invitation .button{margin:8px 8px 0 0}@media(max-width:600px){.shared-context{padding:12px}.shared-member{align-items:stretch}.shared-member .field{flex-basis:100%}.shared-room-list>.button{max-width:100%;white-space:normal;text-align:left}.shared-detail .heading{flex-wrap:wrap}}


/* design/consistency.css */
/* Shared UI contract: single-line controls have one baseline and one height.
   Keep native selects accessible; never impose this height on multiline editors. */
:root{--control-height:44px;--control-radius:10px;--surface:var(--paper);--border:var(--line);--primary:var(--brand);--foreground:var(--ink);--muted-foreground:var(--muted)}
:where(.page,dialog,.auth-card) :is(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],select:not([multiple]):not([size])){box-sizing:border-box;height:var(--control-height);min-height:var(--control-height);max-width:100%;min-width:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;color:var(--ink);background-color:var(--input);border:1px solid var(--line);border-radius:var(--control-radius);padding:10px 12px;margin-block:0}
:where(.page,dialog,.auth-card) textarea{box-sizing:border-box;max-width:100%;font-family:inherit;font-size:14px;line-height:1.55;color:var(--ink);background-color:var(--input);border:1px solid var(--line);border-radius:var(--control-radius);padding:12px}
:where(.page,dialog,.auth-card) :is(input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
:where(.page,dialog) :is(.support-filters,.directory-toolbar,.control-filterbar,.toolbar,.fields){gap:16px}
.support-filters{display:grid;grid-template-columns:minmax(200px,1.4fr) repeat(2,minmax(150px,1fr)) auto;align-items:end}
.support-filters label{display:grid;gap:8px;min-width:0;margin:0;font-size:14px;font-weight:500;line-height:1.4}
.support-filters input,.support-filters select{width:100%;height:var(--control-height);min-height:var(--control-height)}
.support-filters>.button{height:var(--control-height);min-height:var(--control-height);margin:0;align-self:end}
#support-meta select,#support-reply select{margin:0;height:var(--control-height);min-height:var(--control-height)}
:where(.page,dialog) :is(.fields,.directory-toolbar,.billing-summary,.overview-grid)>*{min-width:0}
:where(.page,dialog) .field{gap:8px}
:where(.page,dialog) .field>span{font-size:14px;line-height:1.4}
:where(.page,dialog) :is(p,small,label,h1,h2,h3){overflow-wrap:break-word}
:where(.page,dialog) .heading{flex-wrap:wrap;row-gap:16px}
:where(.page,dialog) .heading>div:first-child{flex:1;min-width:min(100%,240px)}
@media(max-width:900px){.support-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.support-filters label:first-child{grid-column:1/-1}}
@media(max-width:600px){.support-filters{grid-template-columns:minmax(0,1fr)}.support-filters>.button{width:100%}:where(.page,dialog,.auth-card) :is(input,select,textarea){font-size:16px}.shared-detail .heading>.button{width:100%}}

@media(max-width:600px){:where(.page,dialog,.auth-card) :is(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],select:not([multiple]):not([size])){font-size:16px}}

/* Responsive control groups: consistent baselines and shrink-safe tracks. */
.page .toolbar{align-items:flex-end;flex-wrap:wrap}
.page :is(.toolbar,.directory-toolbar,.control-filterbar,.fields)>:is(label,.field){min-width:0;margin-bottom:0}
.page .toolbar>label{display:grid;gap:8px;flex:1 1 200px}
.page .toolbar>label :is(input,select){width:100%;max-width:none}
.page .toolbar>.button{min-height:var(--control-height);align-self:flex-end}
.page .fields{align-items:end}
.page .fields>.field:has(textarea){align-self:stretch}
.page :is(.directory-toolbar,.control-filterbar){grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.page :is(.toolbar,.fields,.heading,.dash-head)>.row{flex-wrap:wrap;min-width:0;max-width:100%}
.page :is(.field,label)>:is(input,select,textarea){min-width:0;max-width:100%}
.page .collab-roster-row{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) auto}
@media(max-width:760px){.page .collab-roster-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page .fields,.page .fields.two,.page .fields.four{grid-template-columns:minmax(0,1fr)}.page .toolbar>label{flex-basis:100%}.page .directory-toolbar,.page .control-filterbar{grid-template-columns:minmax(0,1fr)}}


/* credits.css */
.credit-balances,.credit-packages,.credit-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:20px 0}.credit-balances h2,.credit-price{font-size:1.8rem;font-variant-numeric:tabular-nums}.credit-history{list-style:none;padding:0}.credit-history li{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--border)}.credit-currency{max-width:180px}.credit-badge{white-space:normal}.credit-admin-grid fieldset{min-width:0}@media(max-width:650px){.credit-packages{grid-template-columns:1fr}.top-right .credit-badge{font-size:11px;padding:6px 8px;min-height:44px}.topbar .top-right{flex-wrap:wrap}}

.top-right .credit-badge{white-space:nowrap;flex:0 0 auto;min-width:88px;max-width:none;line-height:1.2;min-height:44px;padding:10px 12px}.topbar{height:auto;min-height:72px;gap:12px}.topbar>*{min-width:0}.topbar .top-right{flex:0 0 auto;gap:10px}.topbar select{max-width:min(28vw,320px)}.idea-action-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}.idea-action-bar .button{margin:0}@media(max-width:1000px){.topbar{flex-wrap:wrap}.topbar .top-right{margin-left:auto}.topbar select{max-width:240px}}

.system-person-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.system-person-row>div{min-width:0}.system-person-row p{margin:4px 0}@media(max-width:650px){.system-person-row{align-items:flex-start;flex-direction:column}}

@media(max-width:720px){.page .heading{display:flex;flex-wrap:wrap;align-items:flex-start}.page .heading>div:first-child{flex-basis:100%;width:100%;min-width:0}.page .heading>p{flex-basis:100%}.page .heading .context-help{margin-left:0}}


/* production-workspace.css */
.pw-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 20px}.pw-head>div{min-width:0}.pw-head h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:10px 0;overflow-wrap:anywhere}.pw-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pw-head-actions details{position:relative}.pw-head-actions details>div{position:absolute;right:0;z-index:5;background:var(--paper);padding:12px;border:1px solid var(--line);min-width:200px;display:grid;gap:8px}.pw-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 20px}.pw-tabs button{min-width:0;padding:12px 8px}.pw-tabs [aria-current="page"]{background:var(--accent);color:var(--paper)}.pw-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.pw-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pw-material-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pw-material-nav [aria-pressed=true]{border-color:var(--accent);background:var(--surface-2)}.task-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.task-toolbar label{display:grid;gap:6px;flex:1;min-width:130px}.task-toolbar input,.task-toolbar select{width:100%;min-width:0;height:44px}.task-view-switch{display:flex;gap:8px}.task-options{margin-bottom:16px}.task-board{display:grid;gap:16px}.task-board.is-board{grid-template-columns:repeat(4,minmax(210px,1fr));overflow-x:auto;align-items:start;padding-bottom:12px}.task-column{min-width:0;border-radius:12px;background:var(--surface-2);padding:12px}.task-column h3{font-size:16px;margin:0 0 12px}.task-column h3 small{opacity:.7}.task-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--paper);display:grid;gap:8px;margin-bottom:10px;min-width:0}.task-title{font:inherit;font-weight:600;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:0;border:0;background:transparent;color:inherit;min-height:44px}.task-card footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.task-card select{max-width:100%;min-width:0;min-height:44px}.task-card small,.task-card time{font-size:13px}.task-blocked{border-left:3px solid #d5a74a;padding-left:8px}.task-late{color:var(--danger,#d87878)}.task-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.task-comment{border-top:1px solid var(--line);padding:12px 0}.task-comment small{display:block}.task-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.pw-dialog-actions{display:flex;gap:8px;position:sticky;bottom:0;background:var(--paper);padding:12px 0}.pw-production-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px}.production-board{grid-template-columns:repeat(6,minmax(210px,1fr))!important}#pw-inbox{margin:16px 0}#pw-task-form input,#pw-task-form textarea,#pw-task-form select{width:100%;min-width:0;box-sizing:border-box}.production-workspace .page>.sp-entry{display:none}
@media(max-width:760px){.sidebar{min-height:0!important;height:auto!important;padding:10px 16px!important;padding-top:max(10px,env(safe-area-inset-top))!important}.sidebar .brand{font-size:19px!important;margin:0!important}.sidebar .brand-mark{width:32px!important;height:32px!important;font-size:20px!important}.sidebar-bottom{margin:0!important}.topbar{padding:8px 16px!important;min-height:0!important;gap:8px!important;flex-wrap:nowrap!important}.topbar .creator-context{min-width:0;flex:1}.topbar .creator-context label{font-size:0!important;gap:0!important}.topbar .creator-context select{width:100%;max-width:100%!important;font-size:14px!important;min-height:44px;height:44px}.topbar .top-right{gap:8px;flex:none}.topbar [data-save-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.page{padding-top:16px!important}.page h1{font-size:26px;line-height:1.2}.page h2{font-size:20px}.page p{font-size:16px;line-height:1.5}.page .panel.pad{padding:16px}.pw-head{display:block;margin-bottom:16px}.pw-head-actions{margin-top:12px}.pw-head-actions>.button{flex:1}.pw-tabs{gap:4px;margin-bottom:16px}.pw-tabs button{font-size:13px;min-height:44px;padding:8px 3px}.pw-material-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pw-material-nav .button{white-space:normal;min-height:44px;font-size:14px;padding:10px 8px}.task-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.task-toolbar label{min-width:0}.task-view-switch{display:none}.task-board.is-board,.production-board{grid-template-columns:minmax(0,1fr)!important;overflow:visible}.task-column:has(>p:only-of-type):not(:has(.task-card)){display:none}.task-card{padding:12px}.task-card input,.task-card select,#pw-task-form input,#pw-task-form textarea,#pw-task-form select{font-size:16px;min-height:44px}.pw-overview{grid-template-columns:minmax(0,1fr)}.prod-field{margin:12px 0}.prod-grid{gap:12px}dialog:has(#pw-task-form){position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box}.production-workspace .page>.button[data-chat]{display:none}}
/* Shared production chrome: feature modules must not add children to .pw-tabs. */
.pw-context{font-size:14px!important;line-height:1.5;margin:8px 0}.pw-head{align-items:flex-start}.pw-head-actions{justify-content:flex-end;max-width:620px}.pw-head-actions>details>summary,.production-tools>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.pw-head-actions>details>div{max-width:min(320px,85vw)}.pw-head-actions>details>div .button{white-space:normal}.pw-quick-links,.pw-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.pw-tool-list{display:grid;gap:8px}.pw-tool-list>.button{justify-content:flex-start;white-space:normal;text-align:left}.pw-followup{margin-top:16px}.pw-followup summary{min-height:44px;cursor:pointer}.pw-attention{margin-bottom:16px;border-left:3px solid var(--accent)}.production-tools{margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:8px}.production-tools nav{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.production-tools nav .button{white-space:normal}.hc-context{min-width:44px;min-height:44px}.pw-head [data-production-help]{display:inline-flex}.pw-overview .panel{min-width:0}.pw-overview h2{margin-top:0}.pw-tabs>.button{white-space:normal}.pw-journey{max-width:75ch}.media-filter-options[hidden]{display:none}.scene-media header h1{font-size:clamp(24px,3vw,34px)}
@media(max-width:760px){.pw-head-actions{justify-content:flex-start;max-width:none;gap:8px}.pw-head-actions>.button{flex:0 1 auto}.pw-head-actions>.button:first-child{flex:1 0 60%;text-align:center;justify-content:center}.pw-head .pw-context{font-size:14px!important}.pw-quick-links .button,.pw-card-actions .button{font-size:14px;white-space:normal;min-height:44px;padding:8px 12px}.pw-overview{gap:12px}.production-tools nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.production-tools .button{font-size:14px;padding:8px}.pw-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.pw-tabs .button{font-size:13px!important}.hc-context{margin:0!important}.pw-head-actions details>div{right:0}.scene-media .media-tools{min-width:0}.scene-media .media-actions{align-items:flex-start}}
/* With a visible sidebar, medium widths need a full-width title before actions. */
@media(min-width:761px) and (max-width:1100px){.pw-head{display:block}.pw-head-actions{max-width:none;margin-top:12px;justify-content:flex-start}.pw-head-actions details>div{left:0;right:auto}}

/* Production command center: one navigation model and one home for project tools. */
.pw-command-center{margin:0 0 24px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);box-shadow:0 10px 30px rgb(0 0 0 / .08)}
.pw-command-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.pw-command-intro>div:first-child{min-width:0}.pw-command-intro .eyebrow{display:block;margin-bottom:4px}.pw-command-intro p{margin:0;color:var(--muted);font-size:14px!important}
.pw-workspace-tabs{grid-template-columns:repeat(6,minmax(0,1fr));margin:0}
.pw-workspace-tab{display:flex!important;min-height:70px;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left!important;gap:3px;padding:11px 12px!important;background:transparent}
.pw-workspace-tab span{font-weight:700}.pw-workspace-tab small{font-size:12px;line-height:1.3;color:var(--muted);font-weight:500}
.pw-workspace-tab[aria-current="page"] small{color:inherit;opacity:.82}
.pw-project-tools{position:relative;flex:0 0 auto;margin:0}.pw-project-tools>summary{display:flex;min-width:230px;min-height:48px;box-sizing:border-box;flex-direction:column;justify-content:center;padding:7px 38px 7px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;list-style:none;background:var(--paper)}
.pw-project-tools>summary::-webkit-details-marker{display:none}.pw-project-tools>summary:after{content:'⌄';position:absolute;right:14px;top:13px}.pw-project-tools[open]>summary:after{content:'⌃'}
.pw-project-tools>summary span{font-weight:700}.pw-project-tools>summary small{font-size:12px;color:var(--muted)}
.pw-project-tool-grid{position:absolute;right:0;z-index:20;width:min(620px,calc(100vw - 48px));display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 20px 60px rgb(0 0 0 / .28)}
.pw-tool-card,.pw-tool-card-slot{display:flex;min-width:0;min-height:82px;box-sizing:border-box;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);text-align:left}
button.pw-tool-card{font:inherit;cursor:pointer}.pw-tool-card:hover,.pw-tool-card:focus-visible,.pw-tool-card-slot:focus-within{border-color:var(--accent);transform:translateY(-1px)}
.pw-tool-card strong,.pw-tool-card-slot .button{font-weight:700}.pw-tool-card small,.pw-tool-card-slot small{font-size:12px;line-height:1.4;color:var(--muted)}
.pw-tool-card-slot .button{min-height:auto;padding:0;border:0;background:transparent;color:inherit;text-align:left;box-shadow:none}
.pw-section-panel:focus{outline:none}
@media(max-width:900px){.pw-workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.pw-command-center{padding:12px;border-radius:14px}.pw-command-intro{display:block}.pw-project-tools{margin-top:12px}.pw-project-tools>summary{width:100%;min-width:0}.pw-project-tool-grid{position:relative;right:auto;width:100%;grid-template-columns:1fr;margin-top:8px;box-shadow:none}.pw-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pw-workspace-tab{min-height:62px;padding:9px!important}.pw-workspace-tab small{font-size:11px}.pw-head-actions{display:flex!important}.pw-head-actions>.button:first-child{flex:1 1 100%}}

/* Explicit active/archive selection remains visible at every breakpoint. */
.production-status-switch{display:flex;gap:8px;flex-wrap:wrap}.production-status-switch .button[aria-pressed="true"]{background:var(--accent);color:var(--paper);border-color:var(--accent)}
@media(max-width:760px){.production-status-switch{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.production-status-switch .button{min-width:0}}

.production-quick-nav{display:grid;gap:10px;margin-bottom:18px}.production-quick-nav .row{gap:10px}.production-quick-nav [aria-current="page"]{border-color:var(--accent);background:var(--panel)}.production-quick-nav details .row{padding:8px 0}@media(max-width:600px){.production-quick-nav>.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.production-quick-nav .button{min-width:0;padding:10px 8px;min-height:44px;white-space:normal}.production-quick-nav>.row>span{grid-column:1/-1}}

/* Six visible sections; short navigation leaves room for actual work. */
.production-workspace .pw-command-center{display:flex;align-items:center;gap:12px;margin-bottom:16px;border-radius:14px}
.production-workspace .pw-workspace-tabs{flex:1;min-width:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0}
.production-workspace .pw-workspace-tab{min-height:40px;align-items:center;text-align:center!important;padding:8px 6px!important;font-size:14px;line-height:1.3}
.production-workspace .pw-project-tools>summary{min-width:0;min-height:40px;flex-direction:row;gap:6px;padding:8px 28px 8px 12px;font-size:14px}
.production-workspace .pw-project-tools>summary small{display:none}
.production-workspace .pw-project-tools>summary:after{right:10px;top:9px}
.production-workspace .pw-project-tool-grid{max-height:min(65dvh,560px);overflow:auto;overscroll-behavior:contain}
.production-workspace .pw-head{gap:12px;margin-bottom:16px}
.production-workspace .pw-head h1{margin:6px 0;font-size:clamp(24px,2.2vw,30px)}
.production-workspace .pw-context{margin:6px 0}
.production-workspace .pw-head-actions{gap:6px;max-width:560px}
.task-view-switch [aria-pressed="true"]{border-color:var(--accent);background:var(--surface-2);box-shadow:inset 0 -2px var(--accent)}
@media(max-width:1100px){.production-workspace .pw-command-center{flex-wrap:wrap}.production-workspace .pw-workspace-tabs{flex-basis:100%}.production-workspace .pw-project-tools{margin:0;margin-left:auto}}
@media(max-width:600px){.production-workspace .pw-workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.production-workspace .pw-workspace-tab{min-height:44px;font-size:13px}.production-workspace .pw-project-tools{width:100%}.production-workspace .pw-project-tools>summary{min-height:44px}.production-workspace .pw-project-tool-grid{width:100%}.production-workspace .task-toolbar{grid-template-columns:minmax(0,1fr)}.production-workspace .pw-head h1{font-size:24px}}

/* Component exception to the generic mobile scrolling-tab rule. Every primary
   production area fits in the visible grid, including Shooting and Post. */
html[data-ui="harmonized"] .production-workspace .pw-command-center .pw-workspace-tabs{display:grid;overflow:visible;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0}
html[data-ui="harmonized"] .production-workspace .pw-command-center .pw-workspace-tab{min-width:0;min-height:40px;flex:initial;white-space:normal}
@media(max-width:600px){html[data-ui="harmonized"] .production-workspace .pw-command-center .pw-workspace-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-ui="harmonized"] .production-workspace .pw-command-center .pw-workspace-tab{min-height:44px;padding:8px 4px!important}}

/* The contact list is a single-purpose, fast-scanning production destination. */
.production-workspace .pw-workspace-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}
.pw-contacts{max-width:1280px;margin:auto}
.pw-contacts-header{display:grid;grid-template-columns:auto minmax(260px,560px) auto;align-items:end;justify-content:space-between;gap:16px;margin-bottom:4px}
.pw-contacts-header h2{margin:0 0 7px;font-size:clamp(23px,2.2vw,30px)}
.pw-contact-search{display:grid;gap:4px;min-width:0;font-weight:650}
.pw-contact-search input{width:100%;min-height:42px;box-sizing:border-box}
.pw-contact-departments{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:10px 0 10px;margin-bottom:2px}
.pw-contact-departments .button{white-space:nowrap;min-height:42px;flex:none}
.pw-contact-departments [aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.pw-contact-departments span,.pw-contact-group h3 span{font-size:.8em;opacity:.8}
.pw-contact-count{color:var(--muted);margin:0 0 12px}
.pw-contact-group{margin:0 0 24px;scroll-margin-top:20px}
.pw-contact-group h3{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:18px}
.pw-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px}
.pw-contact-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.pw-contact-identity{display:flex;align-items:center;gap:11px;min-width:0}
.pw-contact-identity>div{min-width:0}
.pw-contact-identity h4{font-size:16px;line-height:1.3;margin:0 0 3px;overflow-wrap:anywhere}
.pw-contact-identity p,.pw-contact-identity small{display:block;font-size:13px;line-height:1.35;margin:2px 0;color:var(--muted);overflow-wrap:anywhere}
.pw-contact-status{color:var(--ink)!important}
.pw-contact-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;flex:none;background:var(--paper);border:1px solid var(--line);font-weight:750;overflow:hidden}
.pw-contact-avatar img{width:100%;height:100%;object-fit:cover}
.pw-contact-actions{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.pw-contact-actions .button{min-height:40px;padding:8px 10px}
.pw-contact-missing{font-size:12px;color:var(--muted);max-width:90px;text-align:right}
.pw-contact-more{margin:4px 0 24px}
@media(max-width:1100px){.production-workspace .pw-workspace-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.pw-contacts-header{grid-template-columns:minmax(0,1fr) auto}.pw-contact-search{grid-column:1/-1;grid-row:2}}
@media(max-width:600px){.production-workspace .pw-workspace-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.production-workspace .pw-workspace-tab{font-size:12px}.pw-contacts-header{align-items:start}.pw-contacts-header .button{font-size:12px}.pw-contact-card{align-items:flex-start}.pw-contact-actions{flex-direction:column;align-items:stretch}.pw-contact-actions .button{text-align:center}}


/* mobile-ux.css */
/* Do not hide functionality by device. Dense controls expand on demand on phones. */
.responsive-disclosure{display:contents}.responsive-disclosure>.filter-disclosure-toggle{display:none}
@media(max-width:760px){
 .page .heading{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin-bottom:16px}.page .heading>div:first-child{flex:1 0 100%;width:100%}.page .heading h1{font-size:26px;line-height:1.2;margin:0 0 8px}.page .heading p{margin:0;max-width:100%;font-size:15px;line-height:1.45}.page .heading>.button{min-height:44px}.page .heading .compact-help{font-size:0!important;width:44px;padding:10px!important;flex:none}.compact-help svg{width:20px;height:20px}
 .page .button{padding:10px 14px;font-size:14px}.page .field,.page label{min-width:0}.page input:not([type=checkbox]):not([type=radio]),.page select,.page textarea,dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{font-size:16px;max-width:100%;box-sizing:border-box}.page input[type=date],.page input[type=time],.page input[type=datetime-local],dialog input[type=datetime-local]{appearance:none;min-width:0;width:100%;height:44px}.page input[type=date]::-webkit-date-and-time-value,dialog input[type=datetime-local]::-webkit-date-and-time-value{min-height:24px;text-align:left}
 .page .ideas-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.ideas-toolbar>.chips{display:flex;flex-wrap:nowrap!important;overflow-x:auto;padding:2px 0 6px;width:100%;max-width:100%;grid-column:1/-1}.ideas-toolbar .chip{flex:none;white-space:nowrap;min-height:44px!important;font-size:13px}.ideas-toolbar>.field{margin:0!important}.ideas-toolbar .library-refine{grid-column:1/-1}.library-refine>summary{min-height:44px;align-content:center}.library-refine>.field{margin:12px 0}.idea-grid.idea-list .idea-card{display:flex;min-width:0}.idea-card{padding:14px;gap:8px}.idea-card h3{font-size:19px}.idea-card p{font-size:15px}
 .responsive-disclosure{display:block;min-width:0;grid-column:1/-1}.responsive-disclosure>.filter-disclosure-toggle{display:list-item;min-height:44px;align-content:center;cursor:pointer}.responsive-disclosure>*:not(.filter-disclosure-toggle){margin:8px 0;width:100%;min-width:0}.support-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px!important}.support-filters>label{grid-column:1/-1}.support-filters .responsive-disclosure{grid-column:1}.support-filters>button{align-self:start;margin-top:0}.support-filters label{display:grid;gap:6px}.support-filters input,.support-filters select{height:44px}
 .mobile-scroll-actions{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;gap:8px!important;padding-bottom:6px}.mobile-scroll-actions>*{flex:none;white-space:nowrap}.settings-layout{gap:14px}.settings-nav{position:static;max-width:100%;width:100%;box-sizing:border-box}.settings-section{min-width:0}
 .directory-table{min-width:0!important}.directory-table .directory-head{display:none}.directory-table .directory-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;padding:16px}.directory-row>[data-mobile-label]::before{content:attr(data-mobile-label);display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.directory-row .directory-identity{flex-wrap:wrap}.directory-row .directory-identity::before{width:100%}.directory-row select{width:100%;height:44px}.directory-panel{overflow:visible}.directory-toolbar,.control-filterbar{grid-template-columns:minmax(0,1fr)!important}.bulk-bar{flex-wrap:wrap}.role-explainer,.control-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.system-person-row{overflow-wrap:anywhere}
 .task-card{gap:5px}.task-title{min-height:34px}.task-card footer{margin-top:4px}.pw-head-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.pw-head-actions>.button:first-child{grid-column:span 2}.pw-head-actions>[data-production-help]{justify-content:center}.pw-head-actions .button{min-height:44px;white-space:normal;padding:10px 8px}.pw-head-actions summary{min-height:44px;align-content:center}.pw-head-actions details>div .button{white-space:normal}.pw-overview .task-card small,.pw-overview .task-card time{font-size:13px}.pw-overview .task-card{padding:10px}.pw-overview .task-title{font-size:15px}
 .sp-actions{gap:8px}.sp-actions>.button{flex:1 1 140px}.sp-room .heading p{font-size:15px}.sp-scene textarea{font-size:16px}.sp-outline article{padding:12px 0}.panel,.page section,.page form{min-width:0}.page .row.wrap{gap:8px}.page .fields.two{grid-template-columns:minmax(0,1fr)}
 .notification-list article{flex-wrap:wrap;gap:10px}.notification-list article>div{min-width:0}.notification-list p{overflow-wrap:anywhere}.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions>.button{min-height:44px}.page a,.page p{overflow-wrap:break-word}
}
@media(max-width:360px){.pw-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .top-right{gap:3px!important}.page .button{padding:10px}.role-explainer,.control-kpis{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.page .heading>div:first-child{flex:1 0 100%!important;width:100%!important}.start-choice>.brand-mark{flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;aspect-ratio:1}.start-choice>span:not(.brand-mark){flex:1;min-width:0}.start-choice{padding:20px!important;gap:14px!important}.start-choice strong{font-size:20px!important}.start-choice small{font-size:15px!important}.start-choice>svg{flex:none}}
@media(min-width:761px){.support-filters{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(300px,2fr) auto;align-items:end;gap:16px}.support-filters>.responsive-disclosure{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.support-filters label{display:grid;gap:6px;min-width:0}.support-filters input,.support-filters select{height:44px}.directory-toolbar:has(.responsive-disclosure){grid-template-columns:minmax(180px,1fr) minmax(300px,2fr)}.directory-toolbar>.responsive-disclosure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.directory-toolbar>.responsive-disclosure select{width:100%;min-width:0}.responsive-disclosure>.filter-disclosure-toggle{display:none}}
@media(min-width:761px) and (max-width:1000px){.support-filters{grid-template-columns:minmax(0,1fr) auto}.support-filters>label{grid-column:1/-1}.directory-toolbar:has(.responsive-disclosure){grid-template-columns:minmax(0,1fr)}.directory-toolbar>.responsive-disclosure{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:760px){.responsive-disclosure>.filter-disclosure-toggle{display:block;text-align:left;font:inherit;font-size:14px;min-height:44px;padding:8px 0;color:var(--ink)}.filter-disclosure-toggle::before{content:"▸ ";}.filter-disclosure-toggle[aria-expanded=true]::before{content:"▾ ";}.responsive-disclosure[data-expanded=false]>*:not(.filter-disclosure-toggle){display:none}.task-title{min-height:44px}}

/* Account access remains in the modal top layer on mobile, outside sidebar clipping. */
.account-trigger-label{display:none}.account-session-actions{display:grid;gap:8px;margin:12px 0}.account-email,.mobile-session small{overflow-wrap:anywhere}.mobile-account-panel{display:grid;gap:10px}.mobile-session{border-top:1px solid var(--line);padding-top:12px;margin-top:8px}
@media(max-width:760px){.workspace>.account-trigger-label{display:block!important;font-size:12px;font-weight:650}.workspace.account-trigger{display:flex;align-items:center;gap:6px;min-height:44px}.mobile-account-panel .button,.account-session-actions .button{min-height:44px}.mobile-more{max-height:70dvh;overflow-y:auto}}

/* A stable return control above deep-page headings, also on narrow screens. */
.context-back{display:flex;align-items:center;min-height:44px;margin:0 0 16px;max-width:100%;}


/* workflow/profile-management.css */
.profile-filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) minmax(130px,1fr) auto;gap:16px;align-items:end;margin-bottom:20px}.profile-filters label{display:grid;gap:6px;min-width:0}.profile-filters input[type=search],.profile-filters select{box-sizing:border-box;width:100%;min-width:0;height:44px}.profile-filters .profile-favorite-filter{display:flex;align-items:center;min-height:44px}.profile-dependencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-dependencies div{padding:12px;border:1px solid var(--border);border-radius:12px}.profile-dependencies dd{margin:4px 0 0;font-weight:700}.profile-tile h2{font-size:1.2rem}.profile-tile .row{flex-wrap:wrap}.profile-tile button{min-height:44px}@media(max-width:650px){.profile-filters{grid-template-columns:1fr 1fr;gap:12px}.profile-filters>label:first-child{grid-column:1/-1}.profile-dependencies{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}

.profile-capacity,.profile-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.profile-capacity>div{flex:1;min-width:220px}.profile-capacity p{margin:8px 0 0}.profile-tile{min-width:0}.profile-tile h2,.profile-tile p{overflow-wrap:anywhere}.profile-tile p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-detail-nav+.input-hint{margin-bottom:20px}@media(max-width:650px){.profile-capacity>div{min-width:0;flex-basis:100%}.profile-capacity>.button{width:100%}.profile-filters{padding:16px}.profile-filters select{max-width:100%}}

.work-functions{min-width:0}.work-functions summary{overflow-wrap:anywhere;cursor:pointer;padding:10px}.work-functions fieldset{display:grid;gap:8px;max-height:260px;overflow:auto;margin:0;padding:12px}.work-functions label{display:flex;align-items:center;gap:8px;min-height:36px}.work-functions input{width:auto!important}
.import-source{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 monospace;max-height:50vh;overflow:auto;padding:16px}.import-resources{display:grid;gap:12px;margin:16px 0}.import-resources label{display:flex;align-items:start;gap:12px}.import-resources input{width:auto!important}.import-resources small{overflow-wrap:anywhere}

.coverage-panel{margin:16px 0}.coverage-row{display:grid;gap:12px;border-bottom:1px solid var(--border);padding:16px 0}.coverage-panel label{display:grid;gap:6px;min-width:0}.coverage-panel input,.coverage-panel select,.coverage-panel textarea{width:100%;min-width:0;box-sizing:border-box}.coverage-panel .coverage-check{display:flex;align-items:center;gap:8px;min-height:44px}.coverage-check input{width:auto}.coverage-new{margin-top:16px}.coverage-panel summary{min-height:44px;cursor:pointer}.coverage-panel .button{margin-top:8px}@media(max-width:650px){.coverage-panel{padding:14px}.coverage-panel .fields.two{grid-template-columns:1fr}.coverage-panel input,.coverage-panel select,.coverage-panel textarea{font-size:16px}}

.staffing-panel{grid-column:1/-1;min-width:0}.staffing-panel label{display:grid;gap:6px}.staffing-panel input,.staffing-panel select{width:100%;min-width:0;font-size:16px}.staffing-panel .coverage-check{display:flex}.staffing-panel input[type=checkbox]{width:auto}.staffing-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.staffing-person{display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--border,#555)}.staffing-person small{display:block}.staffing-panel details{margin:12px 0}.staffing-panel>[data-staff-function]{width:100%;min-height:44px;margin:8px 0}.staffing-quick-add{border-top:1px solid var(--border,#555);border-bottom:1px solid var(--border,#555);padding:12px 0;margin:12px 0}.staffing-quick-add summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}.staffing-quick-add [data-staff-create]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.staffing-quick-add [data-staff-create] label{min-width:0}.staffing-quick-add [data-staff-create] label:nth-child(3),.staffing-quick-add [data-staff-create] p{grid-column:1/-1}.staffing-quick-add [data-staff-create] p{margin:0}@media(max-width:600px){.staffing-picker{grid-template-columns:1fr}.staffing-panel{padding:16px}.staffing-quick-add [data-staff-create]{grid-template-columns:1fr}.staffing-quick-add [data-staff-create] label:nth-child(3),.staffing-quick-add [data-staff-create] p{grid-column:auto}}
/* Workspace invitations: explicit context, professions and access remain distinct. */
.team-authority{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere}
.team-seat-summary{padding:12px 16px!important;gap:12px!important;margin-bottom:16px}.team-seat-summary strong{font-size:20px!important}.team-seat-summary .usage-track{max-width:180px}
.team-access-guide{margin-top:16px}.team-access-guide>summary{cursor:pointer;font-weight:600;padding:12px 0}
.team-invite-context{padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:12px 0 16px;background:var(--surface-2)}
.team-invite-context strong{display:block;overflow-wrap:anywhere}.team-invite-context p{font-size:13px;line-height:1.5;margin:6px 0 0}
#modal:has(#team-invite-form){width:min(600px,calc(100vw - 24px))}
#team-invite-form{display:grid;gap:14px}#team-invite-form[hidden]{display:none!important}
#team-invite-form .field{margin:0}#team-invite-form small{color:var(--muted);font-size:12px;line-height:1.5}
#team-invite-form .team-invite-functions{border:1px solid var(--line);border-radius:10px;background:var(--paper)}
#team-invite-form .team-invite-functions summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;min-height:44px;box-sizing:border-box;list-style:none}
#team-invite-form .team-invite-functions summary::-webkit-details-marker{display:none}
#team-invite-form .team-invite-functions[open] summary>span:last-child{transform:rotate(180deg)}
#team-invite-form .team-invite-functions>.field{padding:8px 12px}
#team-invite-form .team-invite-functions fieldset{border:0;max-height:220px;padding:8px 12px}
#team-invite-form .team-invite-functions [data-invite-job]{min-height:44px;margin:0}
#team-invite-form [data-invite-job][hidden],#team-invite-form [data-invite-no-match][hidden]{display:none!important}
#team-invite-form #team-invite-error:empty{display:none}#team-invite-form #team-invite-error{color:var(--danger,var(--ink));margin:0}
#team-invite-form .input-hint{margin:0;line-height:1.5}#team-invite-form .modal-actions{margin:0}
@media(max-width:650px){.team-seat-summary{display:flex!important;align-items:center;flex-wrap:wrap}.team-seat-summary>div:first-child{flex:1;display:flex;align-items:center;gap:12px}.team-seat-summary .usage-track{display:none}.team-invite-context{padding:10px 12px}#team-invite-form .modal-actions{display:flex;flex-wrap:wrap;gap:8px}#team-invite-form .modal-actions .button{min-height:44px;flex:1}}


/* studio.css */
.studio-tools{display:grid;gap:1rem;max-width:1100px}.studio-resource{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:.75rem;padding:.75rem 0}.studio-tools label{display:flex;flex-direction:column;gap:.4rem;min-width:0}.studio-tools input:not([type=checkbox]),.studio-tools select,.studio-tools textarea{width:100%;box-sizing:border-box;min-width:0;min-height:44px}.studio-tools .studio-check{display:inline-flex;flex-direction:row;align-items:center;margin:.3rem .8rem .3rem 0;min-height:44px}.studio-scene{padding:1rem 0;border-bottom:1px solid var(--border)}.studio-scene fieldset{margin:.7rem 0;border:1px solid var(--border);border-radius:.6rem}.studio-save{display:flex;gap:.75rem;flex-wrap:wrap}.studio-tools summary{cursor:pointer;min-height:44px}@media(max-width:700px){.studio-resource{grid-template-columns:1fr}.studio-tools .panel{padding:1rem}.studio-tools{gap:.75rem}.studio-save .button{flex:1 1 45%}}
.studio-actions{display:flex;flex-wrap:wrap;gap:.65rem}.studio-guide h2,.studio-scene-picker h2{margin-top:0}.studio-help{max-width:70ch;color:var(--muted);line-height:1.5}.studio-tools fieldset{min-width:0}.studio-tools .studio-resource{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border)}.studio-resource>fieldset{grid-column:1/-1}.studio-tools h2{font-size:clamp(1.15rem,2.5vw,1.5rem)}@media(max-width:700px){.studio-tools .studio-resource{grid-template-columns:minmax(0,1fr)}.studio-actions>.button{flex:1 1 140px;white-space:normal}.studio-tools .button{min-height:44px}.studio-scene{padding:.5rem 0}.studio-tools summary{line-height:1.4}}
.studio-location-row{display:block!important;padding:18px 0!important}.studio-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-location-row>.studio-actions{margin-top:14px}.studio-location-bank>summary{font-size:1.15rem;font-weight:750}@media(max-width:700px){.studio-resource-grid{grid-template-columns:1fr}.studio-location-row>.studio-actions{display:grid}.studio-location-row>.studio-actions>*{width:100%;box-sizing:border-box}}
.studio-moment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end;margin:1rem 0}.studio-moment-form .button{min-height:44px}@media(max-width:700px){.studio-moment-form{grid-template-columns:minmax(0,1fr)}}
.studio-preparations{grid-column:1/-1;min-width:0}.studio-preparation{padding:.85rem 0;border-top:1px solid var(--border)}.studio-preparation h3{font-size:1rem}.studio-preparation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.studio-preparation-status{padding:.75rem;margin:.75rem 0;border-left:3px solid var(--accent,#9970d9);background:var(--panel)}.studio-preparation details{margin:.75rem 0}@media(max-width:700px){.studio-preparation-fields{grid-template-columns:minmax(0,1fr)}}
.studio-tools{max-width:none}.studio-resource-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.studio-resource-toolbar>label:first-child{flex:1 1 260px}.studio-resource-toolbar>label{flex:0 1 230px}.studio-resource-toolbar>button{width:auto}.studio-resource-entry{border-top:1px solid var(--border);min-width:0}.studio-resource-summary{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(150px,1.1fr);gap:12px;align-items:center;min-height:52px;padding:4px 0;font-size:.9rem}.studio-resource-name{border:0;background:transparent;text-align:left;color:var(--text);font:inherit;font-weight:650;min-height:44px;cursor:pointer;overflow-wrap:anywhere}.studio-resource-name:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-resource-state{color:var(--muted)}.studio-resource-editor{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin:4px 0 12px;box-shadow:0 2px 8px #00000012}.studio-resource-editor .ui-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-resource-editor h3{margin:0;font-size:1.1rem}.studio-resource-editor .studio-resource>.notice{grid-column:1/-1;margin:0}.studio-resource-editor .studio-resource>[data-studio-action=remove]{justify-self:start;width:auto}.studio-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px}.studio-save{position:sticky;bottom:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;z-index:5;box-shadow:0 -2px 8px #00000014}.studio-linked-resources{display:flex;flex-wrap:wrap;gap:8px}.studio-resource-options{max-height:300px;overflow:auto}.studio-resource-options [hidden]{display:none}.studio-tools [data-studio-action=close-resource]{width:44px;height:44px;padding:0;font-size:24px}.studio-resource-labels{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(150px,1.1fr);gap:12px;font-size:.8rem;color:var(--muted)}
@media(max-width:900px){.studio-resource-summary,.studio-resource-labels{grid-template-columns:minmax(120px,1fr) minmax(100px,1fr)}.studio-resource-summary{gap:4px 12px;padding:8px 0}.studio-resource-editor{padding:12px}.studio-save{bottom:calc(var(--mobile-dock-height,64px) + env(safe-area-inset-bottom,0px))}.studio-resource-toolbar>label{flex:1 1 140px}.studio-resource-toolbar>label:first-child{flex-basis:100%}.studio-resource-labels{display:none}}
@media(prefers-reduced-motion:reduce){.studio-tools *{scroll-behavior:auto}}
/* Keep the active resource and its next action visible before secondary controls. */
.studio-resource-toolbar{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(160px,1fr) minmax(150px,.8fr) auto auto;align-items:end;gap:.65rem}
.studio-resource-toolbar>label,.studio-resource-toolbar>label:first-child{flex:none;min-width:0}
.studio-resource-toolbar>[data-studio-action="add"],.studio-resource-toolbar>[data-studio-action="add-location"]{white-space:nowrap}
.studio-resource-toolbar .studio-resource-count{align-self:center;white-space:nowrap;color:var(--muted)}
.studio-resource-more{grid-column:1/-1;justify-self:start}
.studio-resource-more>summary{font-size:.875rem;color:var(--muted);min-height:36px!important;padding:.35rem 0}
.studio-resource-more-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem 0 .6rem}
.studio-resource-summary,.studio-resource-labels{grid-template-columns:32px minmax(150px,1.3fr) minmax(130px,1fr) minmax(130px,1fr) minmax(160px,1.15fr)}
.studio-row-selection{justify-self:center}
.studio-resource-summary .studio-resource-state{line-height:1.35}
.studio-resource-editor .ui-dependency-path{margin:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.studio-resource-editor .ui-dependency-path>summary{font-size:.9rem;font-weight:650;color:var(--muted)}
.studio-save{align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.7rem}
.studio-save>[role="status"]{margin-left:auto;color:var(--muted)}
@media(max-width:1100px){.studio-resource-toolbar{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.studio-resource-toolbar>[data-studio-action="add"],.studio-resource-toolbar>[data-studio-action="add-location"]{grid-column:1/-1;justify-self:start}.studio-resource-summary,.studio-resource-labels{grid-template-columns:32px minmax(140px,1.3fr) minmax(110px,1fr) minmax(110px,1fr)}.studio-resource-summary .studio-resource-state,.studio-resource-labels span:last-child{grid-column:2/-1}}
@media(max-width:700px){.studio-resource-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-resource-toolbar>label:first-child{grid-column:1/-1}.studio-resource-toolbar>[data-studio-action="add"],.studio-resource-toolbar>[data-studio-action="add-location"]{grid-column:1/-1}.studio-resource-summary{grid-template-columns:32px minmax(0,1fr);gap:.15rem .5rem}.studio-resource-summary>*:nth-child(n+3){grid-column:2}.studio-save{position:sticky}.studio-save .button{flex:1 1 auto}}
.equipment-workspace{display:grid;gap:.75rem}
.equipment-topline{align-items:center;justify-content:space-between}
.equipment-topline h2{margin:0}
.equipment-add{border-bottom:1px solid var(--border);padding:.4rem 0 .8rem}
.equipment-add>summary{cursor:pointer;font-weight:650;min-height:44px;display:flex;align-items:center}
.equipment-add form{max-width:46rem;display:grid;gap:.75rem;padding:.5rem 0}
.equipment-add form>.button{justify-self:start}
.equipment-list article{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}
.equipment-list article p{margin:0;color:var(--muted)}
@media(max-width:700px){.equipment-list article{grid-template-columns:1fr;gap:.25rem}}
.sponsor-placements{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.2rem 0;margin:.6rem 0}
.sponsor-placements>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}
.sponsor-placements p{margin:.45rem 0;max-width:75ch}
.studio-resource-summary{grid-template-columns:44px minmax(140px,1.2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(150px,1.1fr)}.studio-row-selection{display:flex!important;align-items:center;justify-content:center;width:44px;min-height:44px}.studio-bulk-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.studio-bulk-toolbar>label{flex:1 1 180px}.studio-bulk-toolbar small{flex-basis:100%;color:var(--muted)}
@media(max-width:900px){.studio-resource-summary{grid-template-columns:44px minmax(100px,1.4fr) minmax(90px,1fr)}.studio-resource-summary>.studio-row-selection{grid-row:1/3}.studio-resource-state{grid-column:2/-1}.studio-resource-summary>span:nth-of-type(2){grid-column:3}}

.studio-resource-summary{box-sizing:border-box}

/* Name → who it concerns → who arranges it → details. Secondary planning opens on demand. */
.studio-item-context{margin:0 0 .3rem;color:var(--muted);font-size:.8rem}
.studio-tools .studio-resource-editor h3{line-height:1.4}
.studio-tools .studio-character-targets{border:1px solid var(--border);border-radius:.6rem;padding:.65rem .85rem;margin:0}
.studio-character-targets legend{font-weight:650;padding:0 .3rem}
.studio-character-targets label[hidden]{display:none!important}
.studio-target-preview{font-size:.875rem;color:var(--muted);margin:.5rem 0;line-height:1.5;overflow-wrap:anywhere}
.studio-person-target{margin-top:.25rem}
.studio-person-target>summary{font-size:.875rem;color:var(--muted)}
.studio-description,.studio-resource>.studio-preparations{grid-column:1/-1}
.studio-tools .studio-description textarea{resize:vertical;line-height:1.5;padding:.65rem .8rem}
.studio-add-form{display:grid;gap:.9rem;padding-block:.5rem}
.studio-add-form p{margin:0;line-height:1.5}
.studio-add-form>.button{justify-self:start}
.department-production-context{margin:.2rem 0;color:var(--muted);font-size:.875rem}
@media(max-width:700px){.studio-resource-summary{grid-template-columns:44px minmax(0,1fr)}.studio-resource-summary>*:nth-child(n+3){grid-column:2!important}.studio-resource-summary>.studio-row-selection{grid-row:1}.studio-description{grid-column:1}}

.studio-resource-labels{grid-template-columns:44px minmax(140px,1.2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(150px,1.1fr);padding-block:8px}.studio-inline-label{display:none}@media(max-width:900px){.studio-inline-label{display:inline;color:var(--muted);font-size:inherit}}

/* Department-specific work stays together; optional prop users open on request. */
.studio-prop-users{grid-column:1/-1;min-width:0}
.studio-prop-users>summary{font-weight:650;font-size:.9rem}
.studio-category-scenes>.studio-scene-picker{border:0;margin:0;padding:.75rem 0 0;box-shadow:none;background:transparent}
.studio-category-scenes>.studio-scene-picker>h2{display:none}
.studio-location-row>label{margin-top:.75rem}
.studio-location-row textarea{resize:vertical;line-height:1.5;padding:.65rem .8rem}
.studio-location-details{margin-block:.5rem}


/* personnel.css */
.personnel-tabs{margin-block:1rem}.personnel-filter{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:1rem;align-items:end}.personnel-filter .field{margin:0;min-width:0}.personnel-filter input,.personnel-filter select{width:100%;min-width:0;height:46px;box-sizing:border-box}.personnel-list{display:grid;gap:12px;margin-block:18px}.personnel-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px}.personnel-row p{margin:6px 0}.personnel-row small{overflow-wrap:anywhere}.personnel-name{font:inherit;font-weight:700;background:none;color:inherit;border:0;text-align:left;padding:0;cursor:pointer}.personnel-functions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.personnel-check{display:flex;align-items:center;gap:10px;min-height:44px}.personnel-check input{width:20px;height:20px;flex:none}.personnel-row .pill{display:inline-block}@media(max-width:980px){.personnel-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-filter>label:first-child{grid-column:1/-1}}@media(max-width:760px){.personnel-filter{grid-template-columns:1fr 1fr}.personnel-filter>label:first-child{grid-column:1/-1}.personnel-row{grid-template-columns:1fr;gap:12px;padding:16px}.personnel-row>.button{justify-self:start}.personnel-functions{grid-template-columns:1fr}}

.personnel-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%}
.personnel-filter:has([name=workspace]){grid-template-columns:repeat(2,minmax(0,1fr))}


/* script-links.css */
.sl-room{max-width:72rem;margin-inline:auto}.sl-room header{margin-bottom:1.25rem}.sl-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.sl-toolbar label{display:grid;gap:.4rem;flex:1 1 20rem;min-width:0}.sl-toolbar select{width:100%;min-width:0;height:2.75rem}.sl-manuscript{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Courier,monospace;font-size:1rem;line-height:1.6;padding:clamp(1rem,4vw,3rem);border:1px solid var(--border,#555);border-radius:1rem;background:var(--panel,#302d36)}.sl-anchor{display:inline;background:transparent;color:var(--accent-light,#d0aaff);font:inherit;text-decoration:underline;text-underline-offset:.2em;border:0;padding:0;cursor:pointer}.sl-anchor:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sl-change{padding:.6rem 0;border-bottom:1px solid var(--border,#555)}.sl-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sl-diff pre,.sl-historical{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-family:Courier,monospace}.sl-revisions{margin-top:1rem}#sl-link-form label,#sl-release label{display:grid;gap:.4rem;margin-block:1rem}#sl-link-form :is(select,textarea),#sl-release textarea{width:100%;min-width:0;font-size:1rem}.sl-revisions summary{cursor:pointer}@media(max-width:600px){.sl-diff{grid-template-columns:1fr}.sl-toolbar>button{flex:1 1 9rem;min-height:2.75rem}.sl-manuscript{padding:1rem}.sl-room h1{font-size:1.65rem}}


/* shotlist.css */
.shotlist{max-width:1800px;margin:auto}.shotlist header,.shotlist header nav,.shot-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shotlist header h1{margin:12px 0;font-size:1.8rem}.shotlist header p{flex-basis:100%;color:var(--muted);margin:0}.shot-toolbar{margin:18px 0}.shot-filters,.shot-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.shot-filters label,.shot-edit-grid label{min-width:0}.shot-check{display:flex;align-items:center;gap:8px}.shot-check input[type=checkbox]{width:auto;min-height:0}.shot-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}.shot-table{width:100%;border-collapse:collapse;table-layout:fixed}.shot-table th,.shot-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.shot-table th{color:var(--muted);font-size:.85rem}.shot-table th:first-child{width:25%}.shot-table th:last-child{width:18%}.shot-table small{display:block;color:var(--muted);margin-top:6px}.shot-table p{margin:8px 0;white-space:pre-wrap}.shot-actions .button{margin:0 4px 6px 0;min-height:44px}.shot-group{background:var(--surface,#252931)}.shot-review{display:block;color:var(--warning,#bf8838);font-size:.85rem;margin-top:6px}.shot-sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#shot-edit{display:grid;gap:16px}#shot-edit details>summary{cursor:pointer;min-height:44px;padding:10px 0}#shot-edit fieldset{border:1px solid var(--border);border-radius:8px;margin:12px 0;padding:12px}#shot-edit fieldset label{padding:7px 0}#shot-edit [role=alert],.shotlist [role=alert]{color:var(--danger,#c53b46)}@media(max-width:800px){.shot-table-wrap{overflow:visible;border:0}.shot-table,.shot-table tbody,.shot-table tr,.shot-table td{display:block}.shot-table thead{display:none}.shot-table tr{border:1px solid var(--border);border-radius:12px;padding:10px;margin-bottom:14px;background:var(--surface)}.shot-table td{border:0;padding:8px 4px}.shot-table td:not(:first-child):before{content:attr(data-label);display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}.shot-table .shot-group{padding:0;border:0}.shot-table .shot-group th{display:block;width:auto}.shot-actions{display:flex!important;flex-wrap:wrap;gap:5px}.shot-actions:before{flex-basis:100%}.shot-edit-grid,.shot-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.shot-edit-grid{grid-template-columns:1fr}}@media print{body:has(.shotlist) :is(.sidebar,.topbar,.mobile-nav,.production-assistant-launcher),.shotlist header>a,.shotlist nav,.shot-toolbar,.shot-filters,.shot-actions,.shot-table th:last-child{display:none!important}.shot-table-wrap{overflow:visible}.shot-table{font-size:9pt;table-layout:auto}.shot-table tr{break-inside:avoid}.shotlist{color:#111;background:white}.shot-table small,.shot-table th{color:#333}}

.shot-edit-grid label,.shot-filters label{display:grid;gap:6px;align-content:start}.shot-edit-grid input,.shot-edit-grid select,.shot-filters select{display:block;width:100%;min-width:0;box-sizing:border-box}.shot-filters .shot-check{display:flex;align-items:center}
.shot-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}
.shot-more[open]{flex-basis:100%}
.shot-more>div{padding:.35rem 0 .5rem}


/* storyboard.css */
.storyboard{max-width:1500px;margin:auto}.storyboard header,.story-toolbar,.story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.storyboard header h1{font-size:1.8rem;margin:12px 0}.storyboard header p{flex-basis:100%;margin:0;color:var(--muted)}.story-toolbar{margin:20px 0}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.story-frame{padding:18px;min-width:0;display:flex;flex-direction:column;gap:10px}.story-frame h2{font-size:1.1rem;margin:0}.story-frame p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.story-frame img,.story-placeholder{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--surface,#222);border-radius:8px}.story-placeholder{display:grid;place-items:center;color:var(--muted);border:1px dashed var(--border)}.story-actions{margin-top:auto;padding-top:10px}.story-actions .button{min-height:44px}.story-frame small{color:var(--muted)}#story-ai,#story-upload,#story-edit{display:grid;gap:12px}#story-ai input[type=checkbox]{width:auto;min-height:0}.storyboard [role=alert]{color:var(--danger,#c53b46)}@media(max-width:650px){.story-grid{grid-template-columns:1fr}.story-frame{padding:14px}.story-toolbar>.button{flex:1}.story-frame img{max-height:320px}}@media print{body:has(.storyboard) :is(.sidebar,.topbar,.mobile-nav,.production-assistant-launcher),.storyboard header>a,.story-toolbar,.story-actions{display:none!important}.story-grid{grid-template-columns:repeat(2,1fr)}.story-frame{break-inside:avoid;color:#111;background:#fff;border:1px solid #aaa}.story-frame small{color:#333}.storyboard{max-width:none}}

#story-edit label:has(input:not([type=checkbox])),#story-edit label:has(select),#story-edit label:has(textarea),#story-upload label{display:grid;gap:6px;min-width:0}#story-edit input:not([type=checkbox]),#story-edit select,#story-edit textarea,#story-upload input[type=file]{display:block;width:100%;min-width:0;box-sizing:border-box}
.story-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}
.story-more[open]{flex-basis:100%}
.story-more>div{padding:.35rem 0 .5rem}


/* scripted-workbench.css */
.sb-toolbar,.sb-tabs,.sb-legend{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.sb-toolbar label{display:grid;gap:6px;flex:1}.sb-tabs [aria-pressed=true]{background:var(--accent);color:var(--button-text,#fff)}.sb-hint{font-size:.9rem;color:var(--muted)}.sb-legend span{padding:5px 10px;border-radius:5px;font-size:.8rem}.sb-day{margin:24px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.sb-daybreak{background:#131921;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.sb-daybreak small{display:block;margin-top:4px;color:#d1d8e0}.sb-table-wrap{overflow:auto;max-width:100%}.sb-table{border-collapse:collapse;width:100%;font-size:13px;min-width:960px}.sb-table caption{text-align:left;padding:8px 12px;font-weight:600}.sb-table th{text-align:left;padding:9px 10px;white-space:nowrap;background:var(--surface,#242a31)}.sb-table td{padding:9px 10px;border-top:1px solid #0002;vertical-align:middle}.sb-table td:nth-child(3){min-width:220px;max-width:340px}.sb-table small{display:block;max-width:340px}.sb-strip{color:#17212c;background:#e3e8ed}.sb-int-day{background:#f5f2df;color:#202324}.sb-ext-day{background:#f6dda0;color:#302709}.sb-int-night{background:#b6c9eb;color:#17243c}.sb-ext-night{background:#c6b7df;color:#302244}.sb-banner{background:#d2dbd6;color:#1c3528}.sb-strip[draggable=true]{cursor:grab}.sb-strip:focus{outline:3px solid var(--accent);outline-offset:-3px}.sb-actions{display:flex;flex-wrap:wrap;gap:5px;width:180px}.sb-actions .button{font-size:12px;padding:6px 8px;min-height:32px;color:#17212c;background:#ffffffb8;border-color:#50607066}.sb-warning{display:block;color:#922727}.sb-unscheduled{border:1px dashed var(--border);padding:12px;border-radius:10px}.sb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.sb-cards p{white-space:pre-wrap}.sb-frame{width:100%;height:210px;object-fit:contain;background:#101216}.sb-av{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sb-cards h2{font-size:1.2rem}@media(max-width:650px){.sb-table{min-width:780px}.sb-actions .button{min-height:44px}.sb-tabs{gap:6px}.sb-tabs .button{flex:1;min-height:44px}.sb-av{grid-template-columns:1fr}.sb-daybreak{padding:12px}}

.sb-row-menu summary{cursor:pointer;list-style:none;font-weight:700;padding:8px;min-width:44px;text-align:center}.sb-row-menu:not([open]){width:44px}.sb-table td:nth-child(3)>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-table th{position:sticky;top:0;z-index:1}.sb-table-wrap{overscroll-behavior-x:contain}

.page:has(.sb-tabs) .production-quick-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;margin:8px 0 16px}.page:has(.sb-tabs) .production-quick-nav>small{margin:0}.page:has(.sb-tabs)>header h1{font-size:1.7rem;margin:8px 0}.page:has(.sb-tabs)>header p{margin:4px 0}.page:has(.sb-tabs) .sb-tabs{margin:12px 0}.page:has(.sb-tabs) .sb-hint{max-width:85ch}.page:has(.sb-tabs) .sb-day{margin:12px 0}

@media(max-width:650px){.sb-toolbar label{flex-basis:100%;min-width:0}.sb-toolbar>button{flex:1}.sb-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:6px}.sb-tabs .button{flex:0 0 auto}.page:has(.sb-tabs) .production-quick-nav{gap:8px}.sb-hint p{font-size:.85rem}}
@media(max-width:650px){
.sb-table{min-width:0;table-layout:fixed;font-size:12px}
.sb-table :is(th,td):is(:nth-child(2),:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7)){display:none}
.sb-table :is(th,td){padding:8px 5px;overflow-wrap:anywhere}
.sb-table :is(th,td):nth-child(1){width:38px}
.sb-table :is(th,td):nth-child(8){width:48px}
.sb-table :is(th,td):nth-child(9){width:52px}
.sb-table td:nth-child(3){min-width:0;max-width:none}
.sb-table td:nth-child(3)>small{white-space:normal}
.sb-row-menu[open]{position:relative}
.sb-row-menu[open] .sb-actions{position:absolute;right:0;top:100%;z-index:4;width:180px;background:#fff;padding:8px;border:1px solid #536171;border-radius:8px;box-shadow:0 6px 20px #0005}
.sb-table-wrap{overflow:visible}.sb-day{overflow:visible}.sb-table-wrap .table-scroll{overflow:visible}
.sb-table caption{display:none}
}
/* Keep the working strips close to the entry point, not below stacked introductions. */
.page:has(.sb-tabs)>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}
.page:has(.sb-tabs)>header h1{font-size:1.4rem;margin:0}
.page:has(.sb-tabs)>header p{font-size:.8rem;flex:1;margin:0}
.page:has(.sb-tabs) .sb-toolbar,.page:has(.sb-tabs) .sb-legend{margin:8px 0}
.page:has(.sb-tabs) .production-quick-nav{margin:4px 0 10px;padding:8px}
@media(max-width:650px){.page:has(.sb-tabs)>header p{display:none}.page:has(.sb-tabs)>header h1{flex:1}.page:has(.sb-tabs) .production-quick-nav>small{display:none}.page:has(.sb-tabs) .sb-legend{gap:5px}.page:has(.sb-tabs) .sb-legend span{font-size:11px;padding:5px 6px}}
/* Clear scene actions without changing the conventional stripboard colours. */
.sb-scene-open{display:block;text-align:left;color:inherit;background:transparent;border:0;font:inherit;font-weight:700;line-height:1.4;padding:8px 0;min-height:44px;width:100%;cursor:pointer;overflow-wrap:anywhere}
.sb-scene-open:hover{text-decoration:underline}.sb-scene-open:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.sb-guide{font-size:.9rem;color:var(--muted);margin:12px 0 16px;max-width:90ch}
.sb-daybreak>div{min-width:0}.sb-daybreak>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.sb-daybreak>div:first-child>.button{background:transparent;border-color:#74818d;color:#fff;text-align:left}
.sb-plan-resources,.sb-plan-links{margin-top:24px}.sb-plan-resources p{overflow-wrap:anywhere}.sb-plan-resources .row{gap:10px}
#sb-day-form{display:grid;gap:16px;margin-top:20px}#sb-day-form .field,#sb-day-form p{margin:0}#sb-day-form select{max-width:100%;min-width:0}


/* production-replan.css */
.production-replan-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:24px}
.production-replan-dialog::backdrop{background:#10182080}
.production-replan-dialog>header h2{font-size:1.4rem;line-height:1.3;margin:0 0 12px}
.production-replan-dialog .replan-intro{max-width:65ch;margin-bottom:20px}
.replan-days{display:grid;gap:16px}.replan-days section{border-bottom:1px solid var(--line);padding-bottom:12px}
.production-replan-dialog h3{font-size:1rem;line-height:1.4;margin:0 0 8px}
.production-replan-dialog dl{display:grid;gap:12px;margin:0}.replan-days dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.production-replan-dialog dt{color:var(--muted);font-size:.85rem}.production-replan-dialog dd{margin:4px 0 0;overflow-wrap:anywhere}
.replan-impact{margin:18px 0}.replan-impact dl{grid-template-columns:repeat(3,minmax(0,1fr))}.replan-impact dd{font-weight:650;font-size:1.25rem}
.replan-blockers,.replan-conflicts{padding:14px;border-left:3px solid var(--tone-warning);background:var(--tone-warning-bg);margin:16px 0;border-radius:0 8px 8px 0}
.replan-blockers{border-color:var(--tone-danger);background:var(--tone-danger-bg)}
.production-replan-dialog ul,.production-replan-dialog ol{padding-left:20px;margin:8px 0;overflow-wrap:anywhere}
:is(.replan-conflicts label,.replan-confirmation){display:flex;gap:10px;align-items:flex-start;min-height:44px;font-size:.95rem}:is(.replan-conflicts,.replan-confirmation) input{flex:none;width:20px;height:20px;margin-top:3px;accent-color:var(--brand)}
.replan-availability{font-size:.9rem;margin:16px 0;color:var(--muted)}
.replan-details{border-top:1px solid var(--line);padding:4px 0}.replan-details>summary{cursor:pointer;min-height:44px;padding:10px 0}.replan-details section{margin:12px 0}.replan-details ol span{font-variant-numeric:tabular-nums}
.production-replan-dialog>footer{position:sticky;bottom:-24px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:16px 0;margin-top:12px;background:var(--paper);border-top:1px solid var(--line)}
.production-replan-dialog [data-replan-error]:not(:empty){color:var(--tone-danger);margin:12px 0}
@media(max-width:600px){.production-replan-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.replan-days dl{grid-template-columns:1fr}.production-replan-dialog>footer{bottom:-16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.production-replan-dialog>footer .button{min-width:0;min-height:44px;white-space:normal;padding:10px 8px}.replan-impact dt{font-size:.8rem}}
@media(forced-colors:active){.replan-blockers,.replan-conflicts{border-color:CanvasText}.production-replan-dialog{border-color:CanvasText}}


/* running-order.css */
.run-heading h1{font-size:clamp(24px,3vw,34px);margin:16px 0 8px}.run-toolbar,.run-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.run-list{padding:0;list-style:none;display:grid;gap:12px}.run-row{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel,var(--surface))}.run-time{font-weight:750;min-width:64px}.run-time span{display:block;font-size:13px;font-weight:400}.run-body{flex:1;min-width:0}.run-body h2{font-size:18px;margin:4px 0;overflow-wrap:anywhere}.run-body p{font-size:14px}.run-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.run-form label{display:grid;gap:6px}.run-wide{grid-column:1/-1}.run-form input,.run-form select{min-width:0;width:100%;min-height:44px}.run-check{display:flex;gap:12px;align-items:center;min-height:44px}.run-delay{position:sticky;top:0;z-index:9;padding:10px 16px;background:#674420;color:#fff0d5;border:1px solid #c69854;border-radius:12px;font-size:14px;margin:8px 0}.run-actions button{min-height:44px}.run-toolbar .button{min-height:44px}@media(max-width:760px){.run-row{gap:10px;flex-wrap:wrap;padding:12px}.run-body{min-width:180px}.run-row>.button{margin-left:auto}.run-actions{gap:6px}.run-actions .button{font-size:13px;padding:8px 10px}.run-heading h1{font-size:24px}.run-toolbar{position:static}.run-delay{top:0}.run-form{grid-template-columns:1fr}.run-wide{grid-column:auto}}@media print{.run-delay{display:none}}

.run-tools{margin-top:8px}.run-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;color:var(--muted)}.run-row{align-items:flex-start}.run-row>.button{flex-shrink:0}.run-row .pill{font-size:12px}.run-actions{margin:4px 0;max-width:420px}@media(max-width:760px){.run-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px}.run-body{min-width:0}.run-time{min-width:0;font-size:14px}.run-body h2{font-size:16px}.run-row>.button{padding:8px 12px;font-size:14px;min-height:44px}.run-tools[open]{grid-column:1/-1}.run-toolbar .button{font-size:14px;padding:10px 12px}.run-heading>p{font-size:14px}.run-list{gap:8px}.run-row .run-actions{display:grid;grid-template-columns:1fr 1fr}.run-delay a{color:inherit}}
@media(min-width:761px){.run-row{align-items:center;padding:12px 16px}.run-body{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;column-gap:16px;align-items:center}.run-body>small{grid-column:1;grid-row:1}.run-body>h2{grid-column:1;grid-row:2;margin:2px 0;font-size:17px}.run-body>.pill{grid-column:2;grid-row:1/span 2;white-space:nowrap}.run-body>.run-tools{grid-column:3;grid-row:1/span 2;margin:0}.run-body>p{grid-column:1;grid-row:3;margin:2px 0}.run-tools summary{white-space:nowrap}.run-tools[open]{max-width:280px}.run-actions{gap:4px}.run-actions .button{font-size:13px;padding:6px 10px}.run-list{gap:6px}}


/* department-workspaces.css */
.department-workspace{display:grid;gap:1rem;max-width:1200px;margin-inline:auto}
.department-workspace>p{margin:0;color:var(--muted,#aeb4bc)}
.department-day-picker{max-width:26rem}
.department-layout{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(340px,1.18fr);gap:1rem;align-items:start}
.department-layout .panel{min-width:0}
.department-summary h2,.department-plan h2{margin:.2rem 0 1rem}
.department-summary dl{display:grid;gap:.65rem;margin:0 0 1rem}
.department-summary dl>div{display:grid;grid-template-columns:8rem 1fr;gap:.5rem}
.department-summary dt{color:var(--muted,#aeb4bc)}
.department-summary dd{margin:0;overflow-wrap:anywhere}
.department-summary details{margin-bottom:1rem}
.department-summary ol{padding-left:1.4rem}
.department-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.department-fields .field:has(textarea){grid-column:1/-1}
.department-plan form{display:grid;gap:.8rem}
.department-plan form>.button{justify-self:start}
.department-tasks{display:grid;gap:.5rem}
.department-tasks>.row{justify-content:space-between;align-items:center}
.department-task{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;padding:.8rem 0;border-top:1px solid var(--border,#49515a)}
.department-task small{grid-column:1/-1}
@media(max-width:760px){.department-layout{grid-template-columns:1fr}.department-fields{grid-template-columns:1fr}.department-task{grid-template-columns:1fr auto}.department-task time{grid-column:1/-1}}
.department-entry{border:0;padding:0;margin:0;min-width:0;display:grid;gap:.8rem}
.department-entry:disabled{opacity:.8}
.department-status{max-width:16rem}
.department-extra{border-top:1px solid var(--border,#49515a);padding-top:.25rem}
.department-extra>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}
.department-extra .department-fields{padding-top:.5rem}
.department-plan>.input-hint{margin:.25rem 0 .8rem;max-width:65ch}
.department-running-order,.department-task-list{max-height:20rem;overflow:auto;overscroll-behavior:contain}
.department-running-order{scrollbar-gutter:stable}
.department-task-list:empty{display:none}


/* help-center.css */
.help-center{max-width:1180px;margin:auto;--hc-accent:var(--accent)}.help-center h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.13}.hc-hero{padding:24px 0 32px;max-width:760px}.hc-hero p,.hc-body{font-size:1.08rem;line-height:1.75}.hc-path{display:flex;justify-content:space-between;align-items:center;gap:24px;border-left:4px solid var(--hc-accent);margin-bottom:24px}.hc-path>div:last-child{display:flex;flex-direction:column;gap:12px}.hc-path progress{accent-color:var(--hc-accent);width:min(300px,100%);height:10px}.hc-controls{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin:24px 0}.hc-controls label{display:grid;gap:8px}.hc-controls select,.hc-controls input{width:100%;min-width:0}#hc-search{display:flex;gap:10px;align-items:end}#hc-search label{flex:1;min-width:0}.hc-list{display:grid;gap:12px}.hc-lesson{display:grid;grid-template-columns:44px 1fr auto;gap:16px;text-align:left;align-items:center;width:100%;color:inherit}.hc-lesson>span:nth-child(2){display:grid;gap:8px}.hc-lesson strong{font-size:1.1rem}.hc-lesson small,.hc-role small,.hc-muted,.hc-figure figcaption,.hc-footer{opacity:.78}.hc-number{width:40px;height:40px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-weight:bold}.hc-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin-top:20px}.hc-role{display:grid;gap:12px;text-align:left;color:inherit;min-height:155px}.hc-role strong{font-size:1.15rem}.hc-role span{line-height:1.6}.hc-more{margin-top:32px}.hc-more summary{cursor:pointer;padding:16px 0;font-weight:600}.hc-footer{margin-top:36px;padding-top:20px;border-top:1px solid #8885;font-size:.9rem}.hc-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.hc-actions button{white-space:normal}.hc-lesson-head{margin:28px 0}.hc-reading{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.hc-step-count{font-size:.9rem;opacity:.8}.hc-figure{margin:0;min-width:0}.hc-figure img{display:block;width:100%;border-radius:12px;border:1px solid #8885}.hc-figure figcaption{font-size:.8rem;line-height:1.6;margin:10px 0}.hc-check{border-top:1px solid #8885;margin-top:28px;padding-top:16px}.hc-check label{display:flex;align-items:center;gap:12px;line-height:1.5}.hc-check input{width:22px;height:22px;flex-shrink:0}.hc-presentation{width:min(1300px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;padding:28px;color:var(--ink,#eee);background:var(--bg,#242129);border:1px solid #8885;border-radius:18px}.hc-presentation::backdrop{background:#000b}.hc-presentation .hc-lesson-head{margin-top:12px}.hc-presentation h2{font-size:2rem}.hc-context{margin:0 0 14px}.hc-highlight{outline:3px solid #6fbb9d!important;outline-offset:5px}.hc-tour{position:fixed;z-index:1000;bottom:20px;right:20px;width:min(390px,calc(100vw - 32px));box-shadow:0 16px 80px #0008;max-height:60dvh;overflow:auto;background:var(--paper,#302b35);color:var(--ink,#eee)}.hc-tour .hc-actions{margin-bottom:0}.help-center button:focus-visible,.help-center select:focus-visible,.help-center input:focus-visible,.hc-tour button:focus-visible{outline:3px solid #71bda0;outline-offset:3px}.hc-presentation-tools{justify-content:flex-end}.hc-reading>*{min-width:0}
@media(max-width:700px){.hc-controls,.hc-reading{grid-template-columns:1fr}.hc-path{display:block}.hc-path>div:last-child{margin-top:20px}.hc-lesson{grid-template-columns:32px 1fr;gap:12px}.hc-lesson>span:last-child{display:none}.hc-number{width:30px;height:30px}.hc-presentation{padding:16px}.hc-tour{right:16px;bottom:16px}.hc-body{font-size:1rem}.hc-controls form{flex-wrap:wrap}.hc-controls form label{flex-basis:100%}}

.hc-reading h2,.hc-reading h3,.hc-reading p,.hc-role p{margin-bottom:12px}.hc-path h2{margin:6px 0 10px}.hc-footer p{margin-bottom:12px}.hc-tour h2{margin:8px 0}.hc-lesson-head p{margin-top:12px}


/* design/semantic-surfaces.css */
/* Status colour always accompanies text/state. */
html[data-theme="dark"] :is(.panel,.profile-tile,.concept-card,.task-card) {background:var(--paper)}
html[data-theme="dark"] :is(.panel,.profile-tile,.concept-card) :is(.panel,.part,.delivery) {background:var(--surface-2)}
html[data-theme="dark"] :is(dialog,.assistant-panel) {background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] :is(.assistant-panel>header,.chat-header) {background:var(--surface-2)}
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea) {background-color:var(--input);border-color:var(--line);color:var(--ink)}
.dash-metrics [data-dash-filter="active"] {border-top:3px solid var(--tone-success-line)}
.dash-metrics [data-dash-filter="active"] strong {color:var(--tone-success)}
.dash-metrics [data-dash-filter="shoots"] {border-top:3px solid var(--tone-info-line)}
.dash-metrics [data-dash-filter="shoots"] strong {color:var(--tone-info)}
.dash-metrics [data-dash-filter="review"] {border-top:3px solid var(--tone-warning-line)}
.dash-metrics [data-dash-filter="review"] strong {color:var(--tone-warning)}
.dash-welcome {background:var(--tone-info-bg)!important;border-left-color:var(--tone-info-line)!important}
.dash-welcome h2 {color:var(--tone-info)}
.dash-attention {background:var(--tone-warning-bg)!important;border-left-color:var(--tone-warning-line)!important}
.dash-attention h2 {color:var(--tone-warning)}
.pill.green {background:var(--tone-success-bg)!important;color:var(--tone-success)!important;border:1px solid var(--tone-success-line)}
.pill.orange {background:var(--tone-warning-bg)!important;color:var(--tone-warning)!important;border:1px solid var(--tone-warning-line)}
.error-box {background:var(--tone-danger-bg);color:var(--tone-danger);border-color:var(--tone-danger-line)}
:is(.task-late,.task-blocked,.dash-late) {color:var(--tone-danger)}
.task-column[data-drop-status="doing"] {border-top:3px solid var(--tone-info-line)}
.task-column[data-drop-status="review"] {border-top:3px solid var(--tone-warning-line)}
.task-column[data-drop-status="done"] {border-top:3px solid var(--tone-success-line)}
.task-column[data-drop-status="doing"]>h3 {color:var(--tone-info)}
.task-column[data-drop-status="review"]>h3 {color:var(--tone-warning)}
.task-column[data-drop-status="done"]>h3 {color:var(--tone-success)}
.assistant-review {border-left-color:var(--tone-success-line);background:var(--tone-success-bg);border-radius:0 8px 8px 0}
html[data-theme="dark"] .assistant-panel .assistant-status {color:var(--tone-success)}
@media(forced-colors:active){.dash-metrics button,.dash-welcome,.dash-attention,.task-column,.assistant-review{border-color:CanvasText!important}}
/* Three overview metrics share the available row; no empty fourth slot. */
.dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dash-metrics button{padding:12px 10px}.dash-metrics span{font-size:13px;line-height:1.35}}
/* Keep the messenger composer unobstructed; reopen the assistant from another section. */
@media(max-width:760px){.in-chat .assistant-launcher{display:none}}


/* design/comfort.css */
/* Shared readability and control geometry. Colour roles live in palettes.css. */
/* Quiet framing, without disguising fields or actionable cards as plain text. */
html[data-theme] :is(.sidebar,.topbar) {background:var(--chrome)}
.page :is(.panel,.profile-tile,.concept-card,.task-card) {box-shadow:none}
.page .panel {border-radius:12px}
.page :is(.pw-overview,.dash-columns)>section>h2 {line-height:1.3}
.page :is(.pw-overview,.dash-columns)>.panel>.panel {
  border:0; border-radius:8px; box-shadow:none;
}
.page :is(.heading,.pw-head,.dash-head) h1 {
  font-size:clamp(1.55rem,2.3vw,2rem); line-height:1.25;
  letter-spacing:-.025em; font-weight:650;
}
.page :is(.heading,.pw-head,.dash-head) p {max-width:72ch;line-height:1.6}
.page :is(.panel,.task-card) h2 {font-size:1.25rem;line-height:1.35;font-weight:650}
.page .field> :is(span,label) {color:var(--ink);font-weight:500}
.page :is(.input-hint,.sb-hint,.pw-context) {color:var(--muted);line-height:1.55}

/* Clear field edges even when the surrounding cards are deliberately subtle.
   Exclude manuscript elements: their paper/editor styling has its own contract. */
html[data-theme] :is(.page,dialog,.auth-card) :is(
  input:not([type]),input[type="text"],input[type="search"],input[type="email"],
  input[type="url"],input[type="tel"],input[type="password"],input[type="number"],
  input[type="date"],input[type="time"],input[type="datetime-local"],select,textarea
):not(.sp-paper *) {border-color:var(--control-line);box-shadow:none}
/* The original brief editor sets its edge with !important; override only that edge. */
.page .brief-input:not(.sp-paper *) {border-color:var(--control-line)!important}
html[data-theme] :where(.page,dialog,.auth-card) :is(input,textarea)::placeholder {
  color:var(--muted);opacity:1;
}
html[data-theme] select option {background:var(--input);color:var(--ink)}
html[data-theme] :is(button,a,summary,input,select,textarea):focus-visible {
  outline:3px solid var(--focus);outline-offset:3px;
}
.page .button.primary {background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:none}
.page .button.primary:not(:disabled):hover {filter:brightness(1.08);background:var(--brand)}
.page .button.quiet {border-color:transparent}
.page .button.quiet:not(:disabled):hover {background:var(--hover);border-color:var(--line)}
.page :is(.pw-tabs,.sb-tabs,.production-status-switch) :is([aria-current="page"],[aria-pressed="true"]) {
  background:var(--studio-lilac);color:var(--studio-lilac-ink);
  border-color:var(--accent);box-shadow:inset 0 -2px var(--accent);
}
.page .production-quick-nav {
  border:0;border-bottom:1px solid var(--line);border-radius:0;
  background:transparent;box-shadow:none;padding-inline:0;
}
.page .production-quick-nav [aria-current="page"] {
  color:var(--studio-lilac-ink);background:var(--studio-lilac);border-color:var(--accent);
}
.page :is(.sp-scene-sidebar,.sp-production-sidebar) {background:var(--paper);box-shadow:none}
.page .sp-editor-tools {background:var(--chrome);border:1px solid var(--line);border-radius:8px}
/* Lists use spacing and one separator instead of a stack of outlined cards. */
.page :is(.dash-item,.queue-row,.task-comment) {border-color:var(--line)}
.page .task-column {background:var(--surface-2)}
.page .task-card {background:var(--paper)}

@media(max-width:760px) {
  .page :is(.heading,.pw-head,.dash-head) h1 {font-size:1.55rem}
  .page :is(.heading,.pw-head,.dash-head) p {font-size:1rem}
  .page :is(.pw-card-actions,.pw-quick-links,.sb-toolbar) {gap:8px}
  .page :is(.pw-card-actions,.pw-quick-links) .button {min-height:44px}
}
@media(prefers-reduced-motion:reduce) {
  .page .button,.page .panel {transition:none}
}
@media(forced-colors:active) {
  .page :is(.panel,.task-card,.button),.page :is(input,select,textarea) {border-color:CanvasText}
  html[data-theme] :is(button,a,summary,input,select,textarea):focus-visible {outline-color:Highlight}
  .page :is(.pw-tabs,.sb-tabs,.production-status-switch) :is([aria-current="page"],[aria-pressed="true"]) {
    color:HighlightText;background:Highlight;border-color:Highlight;
  }
}

/* Human orientation stays small and is restricted to unfiltered empty work.
   Editorial AI photos never stand in for a member or a real project cover. */
.page .ui-human-empty {display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start;min-width:0}
.page .ui-editorial-photo {margin:0;width:120px}
.page .ui-editorial-photo img {display:block;width:100%;height:80px;object-fit:cover;border-radius:8px}
.page .ui-editorial-photo figcaption {margin-top:5px;font-size:11px;line-height:1.3;color:var(--muted)}
.page .ui-human-empty h2 {margin:0 0 8px}
.page .ui-human-empty p {margin:0 0 12px;max-width:60ch}
.page .ui-human-empty .button {margin-top:2px}
.page .ui-demo-thumb {width:96px;height:64px;object-fit:cover;border-radius:8px;flex:none}
.page .dash-demo {gap:16px}
.page .dash-demo>div:first-of-type {flex:1;min-width:0}
.page .dash-demo h2 {margin:0 0 6px}
.page .dash-demo p {margin:0 0 6px}
.page .dash-demo .eyebrow {margin-bottom:6px}
/* Reuse theme's tested semantic colours; keep neutral connection state quiet. */
.topbar [data-save-status][data-status="saved"] {color:var(--tone-success);font-weight:600}
.topbar [data-save-status][data-status="failed"] {color:var(--tone-danger);font-weight:600}
.topbar [data-save-status][data-status="unsaved"] {color:var(--tone-warning);font-weight:600}
@media(max-width:760px) {
  .page .ui-human-empty {grid-template-columns:80px minmax(0,1fr);gap:12px}
  .page .ui-editorial-photo {width:80px}
  .page .ui-editorial-photo img {height:54px}
  .page .ui-demo-thumb {display:none}
}
@media print {.page :is(.ui-editorial-photo,.ui-demo-thumb) {display:none}}


/* workflow/series-content.css */
.series-workspace{display:grid;gap:0;min-width:0}
.series-command-center{margin:0 0 28px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}
.series-command-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.series-command-intro>div:first-child{min-width:0}.series-command-intro strong{font-size:18px}.series-command-intro p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.series-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.series-workspace-tabs>.button{display:flex;min-width:0;min-height:68px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px 14px;text-align:left;white-space:normal;background:transparent}
.series-workspace-tabs>.button span{font-weight:700}.series-workspace-tabs>.button small{color:var(--muted);font-size:12px;line-height:1.35;font-weight:500}
.series-workspace-tabs>.button[aria-current="page"]{border-color:var(--accent);background:var(--studio-lilac);color:var(--studio-lilac-ink);box-shadow:inset 0 -2px var(--accent)}
.series-workspace-tabs>.button[aria-current="page"] small{color:inherit;opacity:.82}
.series-section{display:block;min-width:0;outline:none}.series-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 20px}
.series-section-head>div{min-width:0}.series-section-head h2{margin:4px 0 6px;font-size:clamp(1.35rem,2vw,1.7rem)}.series-section-head p:not(.eyebrow){max-width:72ch;margin:0;color:var(--muted);line-height:1.55}
.series-list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px}.series-list-toolbar .field{min-width:min(100%,280px)}
.series-episode-list,.series-production-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-top:20px}
.series-episode-card,.series-production-card{display:flex;min-width:0;flex-direction:column;gap:14px}.series-episode-card h3,.series-production-card h3{margin:5px 0;font-size:1.15rem;overflow-wrap:anywhere}.series-episode-card>p{margin:0;line-height:1.55}.series-episode-card footer{margin-top:auto}
.series-season-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.series-season-summary h3{margin:3px 0 8px}.series-season-summary p{white-space:pre-wrap}
.series-framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.series-framework-item{min-width:0}.series-framework-item h3{margin:0 0 8px}.series-framework-item p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);line-height:1.6}
.series-project-tools .pw-project-tool-grid{top:100%}.series-tools{display:none}
[data-series-form] .fields{min-width:0}[data-series-form] input,[data-series-form] select,[data-series-form] textarea{width:100%;min-width:0;box-sizing:border-box}[data-series-form] input[type=checkbox]{width:auto}[data-series-form] details{margin:16px 0}[data-series-form] textarea{font-size:1rem}[data-series-form] .coverage-check{display:flex;gap:12px;align-items:center;padding:8px 0}
.series-episode-focus{display:grid;gap:16px}.series-episode-focus>.panel{max-width:920px}
.series-episodes-head{margin:2px 0 14px}
.series-episodes-head h2{margin:0;font-size:clamp(1.5rem,2vw,1.85rem);font-weight:760;line-height:1.2;letter-spacing:-.035em;color:var(--text)}
.series-workspace .series-section:has(>.series-production-list){padding-top:28px}
.series-workspace .series-section:has(>.series-production-list)>.series-section-head{align-items:center;gap:24px;margin-bottom:24px}
.series-workspace .series-section:has(>.series-production-list)>.series-section-head .eyebrow{margin:0 0 8px;line-height:1.4}
.series-workspace .series-section:has(>.series-production-list)>.series-section-head h2{margin:0;line-height:1.25}
.series-workspace .series-section:has(>.series-production-list)>.series-section-head>.button{align-self:center;min-height:48px}
@media(max-width:760px){.series-workspace .series-section:has(>.series-production-list){padding-top:20px}.series-workspace .series-section:has(>.series-production-list)>.series-section-head>.button{margin-top:18px}}
@media(max-width:760px){.series-command-center{padding:12px;border-radius:14px;margin-bottom:20px}.series-command-intro{display:block}.series-project-tools{margin-top:12px}.series-workspace-tabs{grid-template-columns:1fr;gap:6px}.series-workspace-tabs>.button{min-height:58px}.series-section-head,.series-season-summary{display:block}.series-section-head>.button,.series-season-summary>.button{width:100%;margin-top:14px}.series-list-toolbar{align-items:stretch;flex-direction:column}.series-list-toolbar .field{min-width:0}.series-framework-grid{grid-template-columns:1fr}.series-episode-list,.series-production-list{grid-template-columns:1fr}.series-list-toolbar .ui-action-cluster{display:grid;grid-template-columns:1fr 1fr}.series-list-toolbar .button{min-width:0;white-space:normal}}

/* The production is context, while its premise belongs to Story. */
.page .series-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;min-width:0}
.page .series-identity-name{display:flex;align-items:baseline;gap:12px;min-width:0;flex:1}
.page .series-identity-name .eyebrow{margin:0;flex:none}
.page .series-identity-name h1{font-size:22px;line-height:1.3;margin:0;letter-spacing:-.3px;overflow-wrap:anywhere;min-width:0}
.page .series-identity-actions{display:flex;align-items:center;gap:8px;flex:none}
.series-settings .muted{display:block;padding:10px 12px;overflow-wrap:anywhere;font-size:13px}
@media(max-width:760px){.page .series-identity{align-items:flex-start;flex-wrap:wrap;gap:10px}.page .series-identity-name{flex-basis:100%;gap:8px}.page .series-identity-name h1{font-size:20px}.page .series-identity-actions{width:100%;justify-content:flex-end}}


/* unified-projects.css */
/* Discovery: consistent filter baselines, equal card tracks and image-free rows. */
.unified-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.unified-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,240px) auto;gap:12px 16px;align-items:end;margin:20px 0}
.unified-filters .field{margin:0}.unified-filters :is(input,select){width:100%;height:var(--ui-control-h,40px);margin:0}
.unified-display{display:grid;gap:7px}.unified-view-switch{box-sizing:border-box;min-height:44px;align-items:stretch}.unified-view-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:var(--ui-radius-sm,8px);background:var(--surface-2)}
.unified-view-switch .button{min-height:32px!important;padding:5px 12px;border-color:transparent;box-shadow:none;background:transparent}
.unified-view-switch .button[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.unified-extra-filters{grid-column:1/-1;min-width:0}.unified-extra-filters>summary{width:fit-content;gap:8px;color:var(--muted);font-size:13px;list-style:none}.unified-extra-filters>summary::after{content:'⌄';font-size:16px}.unified-extra-filters[open]>summary::after{transform:rotate(180deg)}.unified-extra-filters .field{max-width:400px;margin-top:8px}
.unified-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;align-items:stretch}
.unified-card{display:flex;flex-direction:column;min-width:0;gap:14px;margin:0}
.unified-card-body{flex:1;min-width:0}.unified-card h2{font-size:20px;line-height:1.3;margin:7px 0 8px;overflow-wrap:anywhere}.unified-card .task-title{text-align:left;font:inherit}
.unified-premise{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.5}
.unified-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.unified-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.unified-card-actions .button{padding:8px 12px}html[data-ui="harmonized"] .unified-card-actions>.ui-action-menu{margin-left:auto}
.unified-card .idea-cover{max-height:160px;aspect-ratio:16/9;width:100%;min-height:0;margin:0}.unified-card .idea-cover img{width:100%;height:100%;object-fit:cover}.unified-card .eyebrow{font-size:11px}
.unified-list{display:grid;border:1px solid var(--line);border-radius:var(--ui-radius,12px);background:var(--surface)}
.unified-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 16px;min-width:0;border-bottom:1px solid var(--line)}.unified-list-row:last-child{border-bottom:0}
.unified-row-title{min-width:0}.unified-row-title h2{margin:0;font-size:16px;line-height:1.35}.unified-row-title .task-title{font:inherit;text-align:left;max-width:100%;overflow-wrap:anywhere}.unified-row-title p{margin:3px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.series-episode-list .row{gap:10px}.series-episode-focus{max-width:960px}.series-episode-focus .pw-tabs{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:1050px){.unified-filters{grid-template-columns:minmax(0,1fr) minmax(180px,240px)}.unified-display{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end}.unified-list-row{grid-template-columns:minmax(0,1fr) auto}.unified-list-row>.unified-card-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:700px){.unified-head-actions{justify-content:flex-start;margin-top:12px}.unified-filters{grid-template-columns:minmax(0,1fr);gap:12px;margin:16px 0}.unified-display{justify-content:space-between}.unified-view-switch .button{min-height:44px!important}.unified-card-grid{gap:12px}.unified-list-row{padding:12px;gap:10px}.unified-list-row>.pill{font-size:11px}.unified-list-row>.unified-card-actions{justify-content:flex-start}.unified-card-actions .button,.series-episode-focus .button{min-height:44px}.unified-extra-filters>summary{min-height:44px}}

#creative-form details{margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:12px}
#creative-form summary{cursor:pointer;font-weight:600}
#creative-form textarea{width:100%;box-sizing:border-box}
#creative-form [data-creative-preview]{display:grid;gap:14px;margin-top:18px}

/* Guided production start */
.create-wizard-head{max-width:70ch}.create-wizard-head h2{margin:5px 0 8px}.create-wizard-head p{margin:0;color:var(--muted)}
.create-stepper,.creative-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0;padding:0;list-style:none}
.create-stepper{grid-template-columns:repeat(3,minmax(0,1fr))}
.create-stepper li,.creative-stepper li{display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border-bottom:2px solid var(--line);color:var(--muted);font-size:13px;font-weight:650}
.create-stepper li span,.creative-stepper li span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px}
.create-stepper li.active,.creative-stepper li.active{border-color:var(--accent);color:var(--ink)}.create-stepper li.active span,.creative-stepper li.active span{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.create-stepper li.done span,.creative-stepper li.done span{background:var(--studio-mint,#a8d5bd);color:#17231d;border-color:transparent}
.create-option-grid,.create-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.create-brief-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.create-guidance,.create-next-contract{margin:16px 0;padding:16px 18px;border-left:4px solid var(--studio-blue,#8abbd0);border-radius:0 12px 12px 0;background:var(--surface-2)}.create-guidance p{margin:5px 0 0;color:var(--muted)}
.create-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-mode-card{position:relative;display:flex;min-width:0;min-height:112px;gap:12px;padding:17px;border:1px solid var(--line);border-radius:15px;cursor:pointer;background:var(--surface-2)}.create-mode-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}
.create-mode-card input{width:20px;height:20px;flex:0 0 auto}.create-mode-card span{display:grid;align-content:start;gap:7px}.create-mode-card small{line-height:1.45;color:var(--muted)}
.create-next-contract ol{margin:10px 0 0;padding-left:22px}.create-next-contract li{margin:6px 0}.create-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}

/* Guided creative development */
.creative-wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.creative-wizard-head>div{max-width:70ch}.creative-wizard-head h2{margin:4px 0 8px}.creative-wizard-head p{margin:0;color:var(--muted)}.creative-scope{min-width:250px}.creative-notice{padding:12px 14px;border-left:3px solid var(--studio-blue,#8abbd0);background:var(--surface-2)}
#creative-form fieldset{min-width:0}#creative-form .creative-step{min-width:0}.creative-step-kicker{font-size:13px!important;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)!important}.creative-step>h3{font-size:24px;margin:4px 0 8px}.creative-step>p{max-width:72ch;color:var(--muted)}
.creative-prompt-grid,.creative-ai-contract{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.creative-prompt-grid span,.creative-ai-contract>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.creative-prompt-grid b{display:grid;width:24px;height:24px;place-items:center;margin-bottom:8px;border-radius:50%;background:var(--accent);color:var(--paper)}.creative-ai-contract p{margin:6px 0 0;font-size:14px!important;color:var(--muted)}
.creative-ai-field{margin:16px 0;padding:16px!important;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.creative-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.creative-field-head label{font-weight:700}.creative-field-head span{padding:4px 8px;border-radius:99px;background:var(--surface-2);font-size:11px;color:var(--muted)}.creative-ai-field>textarea{width:100%;box-sizing:border-box}.creative-ai-field>small{display:block;margin-top:7px;color:var(--muted)}
.creative-step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.creative-step-actions:has(>:only-child){justify-content:flex-end}
.creative-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.creative-choice-grid .button{display:flex;min-height:78px;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.creative-choice-grid small{margin-top:5px;color:inherit;opacity:.76}
.creative-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.creative-compare>div,.creative-compare>label{min-width:0}.creative-compare p{white-space:pre-wrap}.creative-compare textarea{width:100%;box-sizing:border-box}
@media(max-width:720px){.create-stepper,.creative-stepper{display:flex;overflow-x:auto}.create-stepper li,.creative-stepper li{min-width:max-content}.create-option-grid,.create-mode-grid,.create-brief-grid,.creative-prompt-grid,.creative-ai-contract,.creative-choice-grid,.creative-compare{grid-template-columns:1fr}.creative-wizard-head{display:block}.creative-scope{min-width:0}.create-actions,.creative-step-actions{flex-direction:column-reverse}.create-actions .button,.creative-step-actions .button{width:100%}}

/* Title and format share a baseline so list rows stay slim even with touch targets. */
.unified-row-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.unified-row-title p{margin:0}.unified-row-title h2{min-width:0}
@media(max-width:700px){
 .unified-filters{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:10px}
 .unified-filters>label:first-child{grid-column:1/-1}
 .unified-display{grid-column:2;display:grid;gap:7px;justify-content:initial}
 .unified-view-switch{padding:0;border:0;gap:4px;background:transparent}
 .unified-view-switch .button{padding-inline:12px}
 .unified-card .idea-cover{max-height:100px}
}

/* Planning tracks expose tools without expanding every department form. */
/* Visible semantic groups retain direct access to every authorized pro tool. */
.professional-planning header p{max-width:76ch;margin:6px 0 12px}
.professional-planning .planning-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:static;inset:auto;width:100%;min-width:0;margin-top:12px}
.planning-tool-group{min-width:0}.planning-tool-group h3{font-size:14px;line-height:1.4;margin:0 0 8px;color:var(--muted)}
.planning-group-links{display:grid;gap:6px}
.professional-planning .pw-tool-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:9px 10px;text-align:left;min-height:56px;white-space:normal;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.35}
.professional-planning .pw-tool-card small{font-size:12px;line-height:1.35;color:var(--muted)}
.planning-track-control{vertical-align:middle}.professional-planning .input-hint{margin:12px 0 0}#planning-track-form{max-width:640px}.create-option-grid [data-track-guidance]{line-height:1.4}
.professional-planning.planning-compact header h2{font-size:18px;margin:0}
.professional-planning.planning-compact header p,.planning-compact .input-hint,.planning-compact .pw-tool-card small{display:none}
.professional-planning.planning-compact .pw-tool-card{min-height:40px;padding:8px 10px}
/* Keep the semantic departments together while sharing the last row across finance tools. */
.professional-planning .planning-tool-group[data-planning-group="departments"]{grid-column:span 2}
.professional-planning .planning-tool-group[data-planning-group="departments"] .planning-group-links{grid-template-columns:repeat(2,minmax(0,1fr))}
.professional-planning .planning-tool-group[data-planning-group="finance"]{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}
.professional-planning .planning-tool-group[data-planning-group="finance"] .planning-group-links{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1200px){.professional-planning .planning-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.professional-planning .planning-tool-grid{grid-template-columns:minmax(0,1fr);gap:14px}.professional-planning .planning-tool-group[data-planning-group="departments"],.professional-planning .planning-tool-group[data-planning-group="finance"]{grid-column:auto}.professional-planning .planning-tool-group[data-planning-group="departments"] .planning-group-links,.professional-planning .planning-tool-group[data-planning-group="finance"] .planning-group-links{grid-template-columns:minmax(0,1fr)}.professional-planning .pw-tool-card,.professional-planning.planning-compact .pw-tool-card{min-height:44px}.pw-context .planning-track-control{margin-top:4px}}

/* Format-only controls must stay hidden even when field layout uses display:flex. */
#unified-create [hidden]{display:none!important}

.demo-preview img{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:12px}.demo-preview{max-width:640px}.demo-orientation{margin:8px 0;padding:10px 14px;border:1px solid var(--line);border-radius:12px}.demo-orientation p,.demo-orientation li{max-width:85ch}.demo-orientation li+li{margin-top:6px}

.demo-card-cover{width:100%;height:150px;object-fit:cover;border-radius:12px}.dash-demo{display:flex;align-items:center;justify-content:space-between;gap:16px}.dash-demo h2{font-size:1.1rem}.dash-demo p{margin:4px 0}.dash-demo .row{flex-shrink:0}@media(max-width:600px){.dash-demo{align-items:flex-start;flex-direction:column}}


/* microdrama.css */
.micro-wizard{max-width:1000px;margin:0 auto}.micro-wizard header{margin-bottom:1.5rem}.micro-steps{display:flex;gap:.7rem;list-style:none;padding:0;flex-wrap:wrap}.micro-steps li{padding:.65rem .9rem;border-bottom:3px solid var(--border);color:var(--muted)}.micro-steps [aria-current=step]{border-color:var(--accent);color:var(--text);font-weight:700}.micro-wizard .field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}.micro-wizard fieldset{border:0;padding:0;min-width:0}.micro-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.micro-wizard dd{margin:0 0 1.2rem;white-space:pre-wrap}.micro-wizard dt{font-weight:700;margin-bottom:.4rem}.micro-episode{padding:1rem 0;border-bottom:1px solid var(--border)}.micro-episode summary{font-weight:600;cursor:pointer;margin-bottom:.6rem}.micro-wizard progress{width:100%;accent-color:var(--accent);margin-bottom:1rem}.micro-results article{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border)}.micro-results{margin:1rem 0}.micro-wizard>.panel{margin-bottom:1.4rem}.micro-wizard .row{margin-top:1rem}.micro-wizard textarea,.micro-wizard input,.micro-wizard select{max-width:100%;box-sizing:border-box}.micro-wizard small{color:var(--muted)}@media(max-width:600px){.micro-grid{grid-template-columns:1fr}.micro-results article{align-items:flex-start;flex-direction:column}.micro-steps{font-size:.9rem}.micro-wizard .button{min-height:44px}}

.micro-wizard header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.micro-wizard header>.button{flex-shrink:0}.micro-plan-history article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}#micro-replan .field{display:flex;flex-direction:column;gap:.5rem}#micro-replan textarea{width:100%;box-sizing:border-box}.micro-plan-history article p{margin:.35rem 0}@media(max-width:600px){.micro-wizard header,.micro-plan-history article{flex-direction:column;align-items:stretch}}


/* budget.css */
/* Budget controls use one label alignment and bounded, content-based geometry. */
.budget-head{align-items:start;gap:16px}
.budget-head>.row{justify-content:flex-start;max-width:640px;gap:8px}
#budget-form .budget-settings{display:grid;grid-template-columns:minmax(140px,1.15fr) minmax(280px,2.2fr) minmax(95px,.7fr) minmax(115px,.85fr) minmax(155px,1.2fr);gap:16px;margin:20px 0 12px;align-items:end}
#budget-form .budget-settings>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:.875rem}
#budget-form .budget-settings :is(input,select){width:100%;min-width:0;margin:0;min-height:40px;box-sizing:border-box}
#budget-form fieldset{border:0;padding:0;min-width:0}
#budget-form>fieldset>p{font-size:.875rem;line-height:1.5;color:var(--muted);margin:8px 0 16px}
.budget-funding{border-bottom:1px solid var(--line);padding:10px 0;font-size:.875rem}
.budget-funding summary,.budget-notes summary{cursor:pointer;min-height:40px;display:list-item;align-content:center;font-weight:600}
.budget-funding p{margin:6px 0;max-width:85ch;line-height:1.5}
.budget-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 20px}
.budget-summary>div{padding:12px;border:1px solid var(--line);border-radius:12px;font-size:.875rem;line-height:1.4;min-width:0}
.budget-summary strong,.budget-summary small{display:block;margin-top:6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.budget-summary strong{font-size:1.15rem;color:var(--ink)}
.budget-summary small{color:var(--muted)}
#budget-totals>p{font-size:.875rem;line-height:1.5;margin:8px 0}
.budget-scroll{overflow:auto;max-width:100%;max-height:65vh;border:1px solid var(--line);border-radius:12px;margin:16px 0}
.budget-sheet{border-collapse:collapse;width:100%;min-width:1450px}
.budget-sheet th,.budget-sheet td{padding:8px;border-bottom:1px solid var(--line);text-align:left}
.budget-sheet th{position:sticky;top:0;background:var(--panel);z-index:1}
.budget-sheet input,.budget-sheet select{width:100%;min-width:90px;margin:0}
.budget-sheet td:nth-child(2),.budget-sheet td:nth-child(3),.budget-sheet td:nth-child(11){min-width:210px}
.budget-sheet td:nth-child(4){min-width:155px}
.budget-total{font-variant-numeric:tabular-nums;white-space:nowrap}
.budget-empty{padding:16px;border:1px dashed var(--line);border-radius:12px;max-width:85ch;line-height:1.5}
.budget-notes{margin:16px 0;max-width:880px}
.budget-notes label{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:.875rem}
#budget-form .budget-notes textarea{width:100%;min-height:88px;margin:0;box-sizing:border-box;resize:vertical}
.budget-research label{display:flex;flex-direction:column;gap:6px}
.budget-research textarea{width:100%;min-height:100px}
.budget-research p{line-height:1.5}
@media(max-width:1200px){#budget-form .budget-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-settings>label:nth-child(2){grid-column:span 1}.budget-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#budget-form .budget-settings{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}.budget-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.budget-summary>div:nth-child(4){border-color:var(--accent)}#budget-form .budget-settings :is(input,select){min-height:44px}.budget-head>.row{max-width:100%}.budget-funding summary,.budget-notes summary{min-height:44px}.budget-summary>div{padding:10px}.budget-sheet th,.budget-sheet td{padding:6px}}

.budget-funding summary::after,.budget-notes summary::after{content:'⌄';display:inline-block;margin-left:8px}
.budget-funding[open] summary::after,.budget-notes[open] summary::after{content:'⌃'}
.budget-head{align-items:center}
.budget-head-actions{align-items:center}
.budget-head-more{position:relative}
.budget-head-more>summary,.budget-settings-details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}
.budget-settings-details>summary{gap:.75rem;flex-wrap:wrap}
.budget-settings-details>summary small{font-weight:450;color:var(--muted);font-size:.85em}
.budget-head-more>summary{border:1px solid var(--line);border-radius:10px;padding:0 14px;list-style:none}
.budget-head-more>summary::-webkit-details-marker{display:none}
.budget-head-more[open]>div{position:absolute;right:0;top:calc(100% + 6px);z-index:8;width:min(28rem,calc(100vw - 2rem));padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0003}
.budget-head-more[open]>div>*{flex:1 1 11rem}
.budget-settings-details{border:1px solid var(--line);border-radius:12px;padding:.25rem 1rem;margin:.5rem 0 1rem}
#budget-form .budget-settings{margin:.75rem 0}
#budget-form .budget-settings-details>p{font-size:.8rem;max-width:70ch}
@media(max-width:600px){.budget-head-more[open]>div{right:auto;left:0}.budget-settings-details{padding:.25rem .75rem}}


/* completion-links.css */
.completion-link{font:inherit;color:var(--accent,#aa8ce0);background:none;border:0;padding:0;text-align:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;cursor:pointer;white-space:pre-wrap}
.completion-link:hover{text-decoration-thickness:2px}
.completion-link:focus-visible,.completion-focus{outline:3px solid var(--accent,#aa8ce0)!important;outline-offset:4px}


/* design/responsive-layout.css */
/* Shared rhythm and narrow-screen controls. Keep screenplay typography local. */
.page .pw-head{flex-wrap:wrap;gap:16px;align-items:flex-start}
.page .pw-head>div:first-child{flex:1 1 28rem;min-width:0}
.page .pw-head>.row{flex-wrap:wrap;gap:10px}
.page .pw-head>h1,.page .pw-head>p{flex-basis:100%}
.page p+.button{margin-top:12px}
.series-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.series-tools:empty{display:none}
.page .pw-tabs{gap:8px}
.page .pw-tabs>.button{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;line-height:1.4;text-align:center;padding:12px}
.page .pw-tabs [aria-current="false"]{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:none}
.shoot-workspace .panel>h2{margin-bottom:10px;line-height:1.35}
.shoot-workspace .panel>p+p{margin-top:10px}
.shoot-workspace .panel>p+.button,.shoot-workspace .panel>p+.row{margin-top:16px}
.shoot-workspace .panel>.button+.prod-queue-row{margin-top:14px}
.shoot-workspace .prod-queue-row b{display:inline-block;margin-inline-start:6px}
.page .pw-head>.hc-context{align-self:flex-start}
@media(max-width:760px){
 .page .pw-head{display:flex;gap:14px}
 .page .pw-head>div:first-child{flex-basis:100%}
 .page .pw-head p{font-size:15px;line-height:1.5}
 .page .pw-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 20px}
 .page .pw-tabs>.button{font-size:14px!important;min-height:52px;padding:10px 12px}
 .page .heading .eyebrow{font-size:11px;line-height:1.4;letter-spacing:.12em;margin:0 0 10px}
 .page .heading>div>h1+p{margin-top:12px}
 .series-tools{margin:4px 0 20px}
 .series-tools>.button{white-space:normal;max-width:100%}
 .topbar [data-lifecycle-trash]{display:none}
 body>.mobile-bottom-nav{position:fixed!important;inset-block-start:auto!important;top:auto!important;bottom:0!important;left:0;right:0;max-width:100%;width:100%;height:max-content;box-sizing:border-box;transform:none!important}
 .page{padding-bottom:calc(var(--mobile-dock-height,76px) + 24px)!important}
}
/* Form rhythm: labels stay close to their own inputs; actions remain separate. */
:root{--form-field-space:16px;--form-action-space:20px}
.page :where(form,fieldset)>.field+.field,
dialog :where(form,fieldset)>.field+.field{margin-top:var(--form-field-space)}
.page :where(form,fieldset)>:is(.row,.modal-actions,.form-actions):has(>.button),
dialog :where(form,fieldset)>:is(.row,.modal-actions,.form-actions):has(>.button){margin-top:var(--form-action-space);gap:12px;flex-wrap:wrap}
.page :is(input,select,textarea)+.button,
.page .field+.button,
dialog :is(input,select,textarea)+.button{margin-top:12px}
.page form+details{margin-top:20px}
#unified-content{margin-top:20px}
#unified-content fieldset{border:0;padding:0;margin:0;min-width:0}
#unified-content [data-content-error]:empty{display:none}
/* iOS: keep the app chrome out of the scrolling root document. */
@media(max-width:760px){
 html.mobile-app-frame{height:100%;overflow:hidden;overscroll-behavior:none}
 html.mobile-app-frame body{position:absolute;top:var(--mobile-frame-top,0px);left:0;right:0;height:var(--mobile-frame-height,100dvh);min-height:0;overflow:hidden;overscroll-behavior:none;display:grid;grid-template-rows:minmax(0,1fr) auto}
 html.mobile-app-frame #app{grid-row:1;min-height:0;height:100%;overflow:hidden}
 html.mobile-app-frame .shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden}
 html.mobile-app-frame .sidebar{grid-row:1;position:relative;top:auto;height:auto;min-height:0}
 html.mobile-app-frame .main{grid-row:2;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:80px}
 html.mobile-app-frame .main>.topbar{position:sticky;top:0;z-index:8;flex:none;background:var(--chrome,var(--paper));backdrop-filter:none}
 html.mobile-app-frame body>.mobile-bottom-nav{grid-row:2;position:static!important;inset:auto!important;transform:none!important;max-width:100%;width:100%;margin:0;z-index:60}
 html.mobile-app-frame .page{padding-bottom:24px!important}
 html.mobile-app-frame #privacy-footer{padding-bottom:20px}
}

/* Feedback stays above the mobile dock and within the visible keyboard viewport. */
#toast{z-index:100;overflow-wrap:anywhere}
@media(max-width:760px){
 #toast{bottom:calc(var(--mobile-dock-height,76px) + env(safe-area-inset-bottom,0px) + 12px);font-size:14px;line-height:1.45}
 html.mobile-app-frame #toast{bottom:calc(var(--mobile-dock-height,76px) + 12px)}
}


/* quickstart.css */
.quickstart{max-width:48rem;margin:auto;min-width:0}.quickstart progress{width:100%;height:6px;accent-color:var(--accent)}.quickstart h2{margin:20px 0}.quickstart .field{display:flex;flex-direction:column;gap:8px;margin:16px 0}.quickstart :is(input,textarea,select){width:100%;max-width:100%;min-width:0;box-sizing:border-box}.quickstart textarea{resize:vertical}.quickstart small{line-height:1.5;color:var(--muted)}.quickstart .q-card{min-width:0;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:14px}.quickstart legend{padding:0 8px;font-weight:600}.q-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.q-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.quickstart .button{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}.quickstart p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:12px 0}.q-summary section{padding:16px 0;border-bottom:1px solid var(--line)}.q-summary h3{font-size:1rem}.q-check{display:flex;gap:12px;align-items:flex-start;margin:12px 0}.quickstart .q-check input{width:20px;flex-shrink:0}.quickstart-entry{margin:16px 0 24px}.quickstart details{margin:20px 0}.quickstart-entry .button{white-space:normal}.quickstart [data-q-status]{min-height:1.5em}.quickstart [data-q-status][role=alert]{color:var(--danger,#f1adb4)}@media(max-width:600px){.q-columns{grid-template-columns:1fr;gap:0}.quickstart .q-card{padding:12px}.q-actions{flex-direction:column}.q-actions .button{width:100%}}


/* registry.css */
.reg-actions,.reg-tabs,.reg-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block:16px}.reg-filter{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(120px,1fr)) auto;gap:16px;align-items:end;margin-block:24px}.reg-filter label{display:grid;gap:8px;min-width:0}.reg-filter input,.reg-filter select{width:100%;min-width:0}.reg-list{display:grid;gap:8px;margin-block:16px}.reg-row{display:grid;grid-template-columns:32px minmax(140px,2fr) minmax(100px,1fr) auto;gap:16px;align-items:center;padding:12px 16px;min-height:56px}.reg-name{border:0;background:none;color:inherit;text-align:left;min-height:44px;cursor:pointer;padding:4px;font:inherit;overflow-wrap:anywhere}.reg-name span,.reg-contact span{display:block;font-size:.875rem;color:var(--muted)}.reg-contact{min-width:0;overflow-wrap:anywhere}.reg-check{display:flex;align-items:center;gap:8px;min-height:44px}.reg-check input{width:20px;height:20px;flex-shrink:0}.reg-expanded{padding:16px;border-top:1px solid var(--border)}.reg-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reg-detail-grid p{white-space:pre-wrap;overflow-wrap:anywhere}.reg-edit{display:grid;gap:20px}.reg-edit fieldset{min-width:0;padding:16px;display:flex;flex-wrap:wrap;gap:16px}.reg-edit details>div{margin-top:16px}.reg-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.reg-cards .reg-row{grid-template-columns:28px 1fr}.reg-cards .reg-contact{grid-column:2}.reg-card-extra{margin:0;padding:0 16px 16px}.reg-toolbar{position:sticky;top:0;z-index:2;background:var(--panel,#293137);padding:12px;border:1px solid var(--border);border-radius:12px}.reg-row input,.reg-edit input{max-width:100%;box-sizing:border-box}.reg-item{min-width:0}.reg-detail-grid h3{font-size:1rem}.reg-tabs [aria-pressed=true]{border-color:var(--accent)}@media(max-width:700px){.reg-filter{grid-template-columns:1fr 1fr}.reg-filter>label:first-child{grid-column:1/-1}.reg-row{grid-template-columns:24px minmax(0,1fr) auto;gap:8px;padding:10px 12px}.reg-contact{grid-column:2/-1}.reg-row>.pill{grid-row:1;grid-column:3}.reg-detail-grid{grid-template-columns:1fr}.reg-toolbar{position:static}.reg-cards{grid-template-columns:1fr}}
.sponsor-placement{display:block!important;padding:16px!important;border:1px solid var(--border);border-radius:12px;margin-block:16px}.sponsor-placement>.field,.sponsor-placement>.fields{margin-block:16px}

.reg-filter{grid-template-columns:minmax(180px,2fr) repeat(2,minmax(120px,1fr))}.reg-more{position:relative}.reg-more>summary{padding:12px;cursor:pointer;min-height:44px;box-sizing:border-box}.reg-more>.reg-actions{position:absolute;right:0;top:100%;z-index:5;min-width:240px;padding:16px;background:var(--panel,#293137);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0004}.reg-more>.reg-actions button{width:100%}@media(max-width:700px){.reg-filter{grid-template-columns:1fr 1fr;margin-block:16px;gap:12px}.reg-toolbar{gap:8px}.reg-tabs{margin-block:12px}.reg-more>.reg-actions{max-width:calc(100vw - 64px)}}
.reg-assignment-filters{display:grid;grid-template-columns:minmax(170px,2fr) repeat(2,minmax(120px,1fr)) auto;gap:12px;align-items:end;margin:16px 0}.reg-assignment-filters .field{min-width:0}.reg-assignment-filters input,.reg-assignment-filters select{width:100%;min-width:0}.reg-assignment-pages{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:12px 0 20px}.reg-assignment-pages button{min-height:40px}@media(max-width:700px){.reg-assignment-filters{grid-template-columns:1fr 1fr}.reg-assignment-filters .field:first-child{grid-column:1/-1}.reg-assignment-filters button{grid-column:1/-1}.reg-assignment-pages{justify-content:space-between}}
.reg-assignment-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:12px 0}.reg-assignment-bulk label{display:flex;align-items:center;gap:8px;min-height:40px}.reg-assignment-bulk input,.reg-assignment-check input{width:20px;height:20px}.reg-assignment-bulk select{width:auto;max-width:240px;min-height:40px;margin-left:auto}.reg-assignment-item{position:relative;padding-left:54px}.reg-assignment-item h2{margin-top:0}.reg-assignment-check{position:absolute;left:18px;top:18px;min-height:24px}@media(max-width:700px){.reg-assignment-bulk select{margin-left:0}.reg-assignment-item{padding-left:46px}.reg-assignment-check{left:14px}}
.reg-name:has(.reg-avatar){display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center}.reg-name:has(.reg-avatar)>span:not(.reg-avatar){grid-column:2}.reg-avatar{display:block!important;width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}.reg-avatar-empty{display:grid!important;place-items:center;background:var(--surface-2,var(--panel));border:1px solid var(--border);color:var(--text)!important;font-size:16px!important;font-weight:700}.reg-avatar-upload{display:grid;gap:8px}.reg-avatar-preview{width:72px;height:72px}.reg-avatar-upload small{color:var(--muted)}
.reg-advanced{grid-column:1/-1;border-top:1px solid var(--border);padding-top:10px}.reg-advanced>summary{cursor:pointer;width:max-content;min-height:36px;color:var(--muted)}.reg-filter-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px}.reg-profile{max-width:1120px;margin-inline:auto}.reg-profile-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.reg-profile-header>div{flex:1;min-width:220px}.reg-profile-header h1{margin:0 0 8px}.reg-profile-header p{margin:4px 0;overflow-wrap:anywhere}.reg-profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none}.reg-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:20px;margin-block:20px}.reg-profile-section{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.reg-profile-section summary{font-weight:700;cursor:pointer}.reg-profile-fields{margin:16px 0 0;display:grid;gap:12px}.reg-profile-fields>div{min-width:0}.reg-profile-fields dt{color:var(--muted);font-size:.875rem}.reg-profile-fields dd{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.reg-profile-history h2{margin-top:0}.reg-profile-assignment{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;padding:12px 0;border-top:1px solid var(--border);overflow-wrap:anywhere}.reg-profile-assignment time{color:var(--muted)}@media(max-width:800px){.reg-profile-grid{grid-template-columns:1fr}.reg-filter-extra{grid-template-columns:1fr}.reg-profile-assignment{grid-template-columns:1fr}.reg-profile-avatar{width:64px;height:64px}}
/* Staffing is a compact list with persistent tools and a single scroll region. */
.ui-context-body:has(.reg-production-people){display:flex;overflow:hidden;padding:0!important}.reg-production-people{display:flex;flex-direction:column;min-height:0;width:100%;min-width:0}.reg-assignment-tools{flex:none;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 16px}.reg-assignment-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 16px 16px;flex:1}.reg-assignment-tools .reg-assignment-filters{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:0}.reg-assignment-submit{display:none}.reg-assignment-tools .field{gap:5px;font-size:13px;margin:0}.reg-assignment-tools :is(input[type=search],select,.button){min-height:38px;font-size:14px;padding:8px 10px}.reg-assignment-extra{position:relative}.reg-assignment-extra>summary{cursor:pointer;border:1px solid var(--line);border-radius:8px;min-height:38px;padding:8px 12px;box-sizing:border-box;font-size:14px}.reg-assignment-extra>div{position:absolute;right:0;top:calc(100% + 6px);width:260px;max-width:calc(100vw - 40px);z-index:5;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0003;display:grid;gap:12px;padding:12px}.reg-assignment-tools .reg-assignment-bulk{margin:8px 0 0;font-size:12px;gap:8px}.reg-assignment-bulk>div:not([hidden]){margin-left:auto;display:flex;gap:6px}.reg-assignment-bulk [hidden]{display:none}.reg-assignment-tools .reg-assignment-pages{margin:8px 0 0;gap:8px;font-size:12px;justify-content:flex-end}.reg-assignment-pages>span{margin-right:auto;color:var(--muted)}.reg-assignment-scroll>.reg-list{gap:0!important;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.reg-assignment-item{position:static;padding:0!important;background:var(--paper);border-bottom:1px solid var(--line)}.reg-assignment-item:last-child{border-bottom:0}.reg-assignment-row{display:grid;grid-template-columns:28px minmax(0,1fr) 142px;gap:10px;align-items:start;padding:10px 12px;min-height:62px;box-sizing:border-box}.reg-assignment-check{position:static;display:flex;align-items:center;justify-content:center;min-height:40px;margin:0}.reg-assignment-check input{width:18px;height:18px;margin:0;flex:none}.reg-assignment-person{min-width:0}.reg-assignment-person>summary{cursor:pointer;min-height:40px;list-style:none;display:grid;gap:3px;align-content:center;padding-right:20px;position:relative}.reg-assignment-person>summary::after{content:'⌄';position:absolute;right:0;top:10px;color:var(--muted)}.reg-assignment-person[open]>summary::after{content:'⌃'}.reg-assignment-person strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.reg-assignment-person small{font-size:12px;line-height:1.4;color:var(--muted)}.reg-assignment-row>select{min-width:0;width:100%;min-height:38px;padding:8px;font-size:13px;align-self:start;margin:0}.reg-assignment-contact{display:grid;gap:6px;padding:10px 0 2px;font-size:13px;overflow-wrap:anywhere}.reg-assignment-add-panel{margin:12px 0;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.reg-assignment-add-panel>summary{font-weight:600;font-size:14px;cursor:pointer;min-height:24px}.reg-assignment-add-panel .ui-resource-picker{margin:10px 0 0;padding:0;border:0}.reg-assignment-add-panel .ui-picker-search{grid-template-columns:minmax(0,1fr) 100px!important}.reg-assignment-add-panel .ui-picker-search>.field:last-child{grid-column:1/-1}.reg-assignment-add-panel .field{font-size:13px}.reg-assignment-add-panel :is(input,select,.button){min-height:38px;font-size:14px}.reg-assignment-add-panel .reg-actions{margin:8px 0!important}.reg-assignment-add-panel .ui-picker-list{max-height:180px}.reg-assignment-add-panel .ui-picker-assign{margin-top:10px}.page>.reg-production-people{max-height:calc(100dvh - 100px)}@media(max-width:480px){.reg-assignment-tools{padding:10px 12px}.reg-assignment-scroll{padding:0 12px 12px}.reg-assignment-row{grid-template-columns:24px minmax(0,1fr);gap:8px}.reg-assignment-row>select,.reg-assignment-row>.pill{grid-column:2;width:150px;max-width:100%}.reg-assignment-bulk>div:not([hidden]){margin-left:0;width:100%}.reg-assignment-tools .reg-assignment-pages .button{font-size:12px;padding:6px 8px}.reg-assignment-tools .reg-assignment-pages>span{font-size:11px}}

.reg-assignment-person>summary{display:grid!important;gap:2px!important;justify-content:stretch!important}.reg-assignment-person>summary strong,.reg-assignment-person>summary small{display:block}.reg-assignment-add-panel:not([open]){display:none}


/* legal-acceptance.css */
.agreement-gate{box-sizing:border-box;width:min(860px,calc(100vw - 32px));max-width:100vw;height:min(900px,calc(100dvh - 32px));max-height:calc(100dvh - 16px);padding:0;border:1px solid #63707c;border-radius:18px;background:#242a30;color:#f2f4f7;overflow:hidden;margin:auto}
.agreement-gate[open]{display:flex;flex-direction:column}.agreement-gate::backdrop{background:rgb(9 13 17 / .88)}
.agreement-gate header,.agreement-gate footer{flex:none;padding:20px 24px;background:#2b3239}.agreement-gate h1{font-size:clamp(22px,4vw,30px);line-height:1.2;margin:0 0 10px}.agreement-gate p{margin:8px 0;line-height:1.6}.agreement-gate .agreement-identity{font-size:13px;overflow-wrap:anywhere;color:#c7d2dc}
.agreement-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;scrollbar-gutter:stable;overflow-wrap:anywhere;line-height:1.6}.agreement-scroll section{margin-bottom:26px}.agreement-scroll h2{font-size:18px;line-height:1.4;margin:0 0 10px}.agreement-scroll p{font-size:15px}.agreement-scroll:focus-visible{outline:2px solid #a6d4c0;outline-offset:-3px}
.agreement-check{display:flex;align-items:flex-start;gap:12px;padding:18px 0;font-weight:600}.agreement-check input{flex:none;width:22px;height:22px;margin:2px 0;accent-color:#a6d4c0}.agreement-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.agreement-actions button,.agreement-actions a{font:inherit;font-size:14px;min-height:44px;padding:10px 16px;border:1px solid #8895a1;border-radius:10px;color:#f2f4f7;background:#333d46;cursor:pointer;text-decoration:none}.agreement-actions .agreement-accept{background:#a6d4c0;color:#172b24;font-weight:700;margin-left:auto}.agreement-actions button:disabled{opacity:.45;cursor:not-allowed}.agreement-gate [role=alert]{color:#ffc0bd}.agreement-gate footer p{font-size:13px}.agreement-gate button:focus-visible,.agreement-gate a:focus-visible{outline:3px solid #eed38a;outline-offset:2px}
@media(max-width:560px){.agreement-gate{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.agreement-gate header,.agreement-gate footer{padding:12px 16px}.agreement-scroll{padding:16px}.agreement-actions{gap:8px}.agreement-actions .agreement-accept{margin-left:0;flex:1}.agreement-gate footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}


/* production-assistant.css */
.assistant-entry{display:inline-flex;align-items:center;gap:8px;min-height:44px;border-color:color-mix(in srgb,var(--studio-lilac,#bca4d5) 60%,var(--border));color:var(--ink)}
.topbar .assistant-entry{display:none}.secondary-nav .assistant-entry{width:100%}
.assistant-entry>span:first-child{color:var(--studio-lilac,#d6baf0);font-size:18px}.assistant-entry.compact{padding:8px 12px}.assistant-entry[aria-expanded="true"]{background:color-mix(in srgb,var(--studio-lilac,#8f6bb2) 24%,var(--surface));border-color:var(--studio-lilac,#bca4d5)}
.assistant-panel{position:fixed;inset:0 0 0 auto;width:min(500px,100vw);height:var(--assistant-height,100dvh);max-width:none;max-height:none;margin:0;padding:0;border:0;border-left:1px solid var(--line,var(--border,#625870));border-radius:0;color:var(--ink,#f4eff8);background:var(--paper,var(--surface,#29252e));box-shadow:-20px 0 60px #0007;overflow:hidden;z-index:900}
.assistant-panel[open]{display:flex;flex-direction:column}.assistant-panel::backdrop{background:transparent}.assistant-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border,#ffffff22);background:color-mix(in srgb,var(--studio-lilac,#8f6bb2) 12%,var(--surface))}.assistant-panel h2{font-size:20px;line-height:1.25;margin:0}.assistant-panel header p{font-size:13px;margin:5px 0 0;overflow-wrap:anywhere;color:var(--muted)}.assistant-panel header button{font-size:24px;min-width:44px;padding:4px}.assistant-modes{display:flex;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border,#ffffff22)}.assistant-modes .button{flex:1}.assistant-history{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px}.assistant-panel p{font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.assistant-panel small{font-size:12px;line-height:1.5;color:var(--muted)}.assistant-panel .assistant-message{padding:12px;margin-top:14px;border:1px solid var(--border,#ffffff22);border-radius:12px;background:var(--surface)}.assistant-panel .from-you{background:color-mix(in srgb,var(--studio-lilac,#7551a5) 16%,var(--surface))}.assistant-panel .button{min-height:44px;white-space:normal;font-size:14px;padding:10px 14px;max-width:100%;margin:4px 4px 0 0}.assistant-review{border-left:3px solid var(--studio-mint,#a8efdf);padding:8px 12px;margin:12px 0}.assistant-review h3{font-size:15px;margin:0 0 12px}.assistant-review li{font-size:14px;margin:8px 0}.assistant-panel form{flex:none;padding:12px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border,#ffffff22);background:var(--surface)}.assistant-panel form label{font-size:13px;display:block;margin-bottom:7px}.assistant-panel textarea{width:100%;box-sizing:border-box;min-height:74px;max-height:180px;resize:vertical;font-size:16px;padding:12px;border:1px solid var(--line,#625870);border-radius:10px;background:var(--bg,#25212a);color:inherit}.assistant-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.assistant-status:empty{display:none}.assistant-panel .assistant-status{font-size:13px;color:var(--studio-mint,#a8efdf)}.assistant-panel .assistant-read{font-size:12px;padding:4px 10px}
.creative-ai-field{padding:2px 0 16px}.creative-ai-action{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:10px}.creative-ai-action [role="status"]{flex:1;min-width:min(280px,100%);margin:8px 0;color:var(--muted);white-space:pre-wrap}.creative-ai-field.needs-input{border-left:3px solid var(--studio-peach,#e8a17f);padding-left:14px}.creative-ai-field.needs-input textarea{border-color:var(--studio-peach,#e8a17f)}
.assistant-source{margin:14px 0;padding:10px 12px;border:1px solid var(--border,#ffffff22);border-radius:12px}.assistant-source summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.assistant-source input[type=file]{display:block;max-width:100%;margin:10px 0;font-size:14px}.assistant-source textarea{min-height:90px;max-height:220px}.assistant-source h3{font-size:14px;margin:12px 0 4px}.assistant-source-items{list-style:none;padding:0;margin:8px 0}.assistant-source-items li{padding:10px 0;border-top:1px solid var(--border,#ffffff22)}.assistant-source-items p{font-size:13px;margin:4px 0;color:var(--muted)}.assistant-source-items small{display:block}
.assistant-source pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font-size:12px;line-height:1.45;padding:8px;border:1px solid var(--border,#ffffff22);border-radius:8px}
@media(max-width:900px){.assistant-entry.compact>span:last-child{display:none}.assistant-entry.compact{min-width:44px;justify-content:center}.assistant-panel{width:min(480px,100vw)}}
@media(max-width:700px){.topbar .assistant-entry{display:inline-flex}.secondary-nav .assistant-entry{display:none}.assistant-panel{inset:var(--assistant-top,0px) 0 auto;width:100%;height:var(--assistant-height,100dvh);border:0}.assistant-panel>header{padding-top:max(14px,env(safe-area-inset-top))}.assistant-history{padding:12px 14px}.assistant-panel form{padding-left:14px;padding-right:14px}.assistant-modes{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.assistant-panel{scroll-behavior:auto}}
.assistant-review fieldset{border:0;margin:0 0 10px;padding:0;min-width:0}.assistant-review legend{font-size:13px;font-weight:700;margin-bottom:8px}.assistant-review .assistant-scenario{display:block;min-height:44px;margin:6px 0;padding:10px;border:1px solid var(--border,#ffffff33);border-radius:10px;cursor:pointer}.assistant-review .assistant-scenario:has(input:checked){border-color:var(--studio-lilac,#a987c7);background:color-mix(in srgb,var(--studio-lilac,#a987c7) 12%,var(--surface))}.assistant-review .assistant-scenario input{vertical-align:middle;margin:0 8px 0 0}.assistant-review .assistant-scenario small{display:block;margin-left:26px}.assistant-review [data-scenario-detail] label,.assistant-review>label{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;margin:10px 0}.assistant-review input[type=checkbox],.assistant-review input[type=radio]{width:18px;height:18px;flex:none;accent-color:var(--studio-lilac,#a987c7)}
.assistant-panel .assistant-status[data-kind=error],.assistant-panel .assistant-source-error{color:var(--danger,#d95f65)}
.assistant-panel .assistant-source-error{font-size:13px;line-height:1.45;margin:8px 0}
.assistant-panel .assistant-compose-hint{display:block;margin:0 0 12px;line-height:1.45}
.assistant-panel .assistant-context-reset{padding:9px 11px;border-left:3px solid var(--studio-lilac,#bca4d5);background:color-mix(in srgb,var(--studio-lilac,#bca4d5) 10%,var(--surface))}
.assistant-panel #assistant-question{display:block;outline-offset:2px}


/* design/interaction-system.css */
/* Congine interaction system — canonical final layer.
   Global navigation chooses a destination, local tabs switch context,
   primary buttons advance work, and disclosures reveal optional tools. */
:root{--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:28px;--ui-control-h:40px;--ui-control-h-touch:44px;--ui-radius-sm:8px;--ui-radius:12px;--ui-radius-lg:18px;--ui-reading:72ch;--ui-shadow-menu:0 20px 55px rgb(0 0 0/.24)}
html[data-ui="harmonized"]{scroll-padding-top:76px}html[data-ui="harmonized"] body{line-height:1.5}
html[data-ui="harmonized"] .topbar{min-height:64px;height:auto;padding-block:6px}
html[data-ui="harmonized"] .page{padding:24px 28px 48px}
html[data-ui="harmonized"] :is(.page,dialog) :is(button,.button,input,select,textarea){font:inherit}
html[data-ui="harmonized"] .page>*{min-width:0;max-width:100%;box-sizing:border-box}
html[data-ui="harmonized"] .page :is(.heading,.pw-head,.dash-head,.ui-page-head){display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4);margin:0 0 var(--ui-space-4)}
html[data-ui="harmonized"] .page :is(.heading,.pw-head,.dash-head,.ui-page-head)>div{min-width:0}
html[data-ui="harmonized"] .page :is(.heading,.pw-head,.dash-head,.ui-page-head) h1{max-width:24ch;margin:4px 0 8px;overflow-wrap:anywhere}
html[data-ui="harmonized"] .page :is(.heading,.pw-head,.dash-head,.ui-page-head) p:not(.eyebrow){max-width:var(--ui-reading);margin-block:0;color:var(--muted);line-height:1.6}
html[data-ui="harmonized"] .eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
html[data-ui="harmonized"] .button{min-height:var(--ui-control-h);box-sizing:border-box;border-radius:var(--ui-radius-sm);font-weight:650;line-height:1.25;white-space:normal}
html[data-ui="harmonized"] .button.small{min-height:34px;padding-block:6px}
html[data-ui="harmonized"] .button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
html[data-ui="harmonized"] .button.danger{color:var(--tone-danger);border-color:var(--tone-danger-line);background:var(--tone-danger-bg)}
html[data-ui="harmonized"] .button.quiet{background:transparent;border-color:transparent}
html[data-ui="harmonized"] :is(.ui-action-cluster,.sp-actions,.pw-card-actions,.pw-quick-links){display:flex;align-items:center;flex-wrap:wrap;gap:var(--ui-space-2)}
html[data-ui="harmonized"] .ui-action-cluster small{flex:1 1 260px;color:var(--muted);line-height:1.45}
html[data-ui="harmonized"] .panel{min-width:0;border-radius:var(--ui-radius)}
html[data-ui="harmonized"] .panel.pad{padding:var(--ui-space-5)}
html[data-ui="harmonized"] .field{display:grid;gap:7px;min-width:0}
html[data-ui="harmonized"] .field>small{color:var(--muted);line-height:1.45}
html[data-ui="harmonized"] :is(input,select,textarea){max-width:100%;box-sizing:border-box}
html[data-ui="harmonized"] :is(input:not([type=checkbox]):not([type=radio]),select){min-height:var(--ui-control-h)}
html[data-ui="harmonized"] textarea{padding:12px 14px;line-height:1.55}
html[data-ui="harmonized"] :is(details>summary,.calendar-disclosure summary){min-height:var(--ui-control-h);box-sizing:border-box;display:flex;align-items:center;cursor:pointer}
html[data-ui="harmonized"] .ui-empty-state{display:grid;justify-items:start;gap:8px;padding:clamp(20px,3vw,28px);border:1px dashed var(--control-line);border-radius:var(--ui-radius-lg);background:color-mix(in srgb,var(--surface-2) 62%,transparent)}
html[data-ui="harmonized"] .ui-empty-state h3{margin:0;font-size:1.3rem}html[data-ui="harmonized"] .ui-empty-state p:not(.eyebrow){max-width:58ch;margin:0;color:var(--muted);line-height:1.6}
html[data-ui="harmonized"] .ui-inline-notice{padding:10px 12px;border-left:3px solid var(--tone-warning-line);background:var(--tone-warning-bg);color:var(--tone-warning);border-radius:0 8px 8px 0}
/* One compact switcher for the few heavy workspaces that genuinely need a route change. */
html[data-ui="harmonized"] .ui-context-switcher{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:var(--ui-radius)!important;background:var(--chrome)!important}
.ui-context-current{display:grid;min-width:0}.ui-context-current small{font-size:9px;letter-spacing:.1em;color:var(--muted)}.ui-context-current strong{font-size:14px}.ui-context-current span{font-size:11px;color:var(--muted)}
.ui-context-switcher>details{position:relative;margin-left:auto}.ui-context-switcher>details>summary{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;font-weight:700;list-style:none}.ui-context-switcher>details>summary::-webkit-details-marker{display:none}
.ui-workspace-menu{position:absolute;right:0;z-index:40;width:min(720px,calc(100vw - 48px));max-height:min(72vh,720px);overflow:auto;display:grid;gap:14px;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:var(--ui-radius-lg);background:var(--paper);box-shadow:var(--ui-shadow-menu)}
.ui-workspace-menu>section>p{margin:0 0 7px!important;color:var(--muted);font-size:11px!important;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.ui-workspace-menu>section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ui-workspace-link{display:flex;min-width:0;min-height:58px;box-sizing:border-box;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.ui-workspace-link span{font-weight:700}.ui-workspace-link small{color:var(--muted);font-size:11px;line-height:1.35}.ui-workspace-link[aria-current=page]{border-color:var(--accent);background:var(--studio-lilac);color:var(--studio-lilac-ink)}.ui-context-hint{margin:0!important;color:var(--muted);font-size:13px!important}
/* Tables keep their data density but never widen the entire mobile page. */
html[data-ui="harmonized"] .page :is(.table-wrap,.budget-table-wrap,.registry-table-wrap){max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
html[data-ui="harmonized"] .page table{max-width:100%}
html[data-ui="harmonized"] dialog{max-width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:var(--ui-radius-lg)}
@media(max-width:760px){:root{--ui-control-h:var(--ui-control-h-touch)}html[data-ui="harmonized"]{scroll-padding-top:64px}html[data-ui="harmonized"] .topbar{min-height:56px;padding-block:4px}html[data-ui="harmonized"] .page{padding:16px 14px calc(var(--mobile-dock-height,76px) + 20px)}html[data-ui="harmonized"] .page :is(.heading,.pw-head,.dash-head,.ui-page-head){display:block;margin-bottom:14px}html[data-ui="harmonized"] .page :is(.heading,.pw-head,.dash-head,.ui-page-head)>.button{width:100%;margin-top:10px}.page{overflow-x:hidden}html[data-ui="harmonized"] .panel.pad{padding:14px}html[data-ui="harmonized"] .button.small{min-height:var(--ui-control-h-touch)}.ui-context-switcher{align-items:stretch!important}.ui-context-switcher>details{position:static}.ui-context-switcher>details>summary{height:100%}.ui-workspace-menu{position:fixed;inset:auto 8px calc(var(--mobile-dock-height,76px) + env(safe-area-inset-bottom) + 8px) 8px;width:auto;max-height:72dvh}.ui-workspace-menu>section>div{grid-template-columns:1fr}.ui-action-cluster>.button{flex:1 1 auto}html[data-ui="harmonized"] dialog:not(.guide-drawer):not(:has(#pw-task-form)){inset:0;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:fit-content;max-height:calc(100dvh - 16px);margin:auto;box-sizing:border-box;overflow:auto}}
@media(prefers-reduced-motion:reduce){html[data-ui="harmonized"] *{scroll-behavior:auto!important}}
/* Focused import and recovery states. These pages use the same measured content column as the workspaces. */
html[data-ui="harmonized"] .production-load-state{max-width:980px;margin-inline:auto}
html[data-ui="harmonized"] .production-load-error{max-width:760px;margin-block:clamp(44px,9vh,108px)}
html[data-ui="harmonized"] .production-load-error .ui-empty-state{padding:clamp(28px,5vw,52px)}
html[data-ui="harmonized"] .production-load-error details{width:100%;margin-top:8px;color:var(--muted)}
html[data-ui="harmonized"] .production-load-error details p{overflow-wrap:anywhere}
html[data-ui="harmonized"] .import-workspace{width:min(100%,1100px);margin-inline:auto;display:grid;gap:var(--ui-space-5)}
html[data-ui="harmonized"] .import-workspace>.heading{margin-bottom:0}
html[data-ui="harmonized"] .import-step-card{display:grid;gap:var(--ui-space-4)}
html[data-ui="harmonized"] .import-step-card>:is(h2,h3,p){margin-block:0}
html[data-ui="harmonized"] .import-step-kicker,.import-step-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:750}
html[data-ui="harmonized"] .import-step-kicker span,.import-step-divider span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--studio-mint);color:var(--studio-mint-ink)}
html[data-ui="harmonized"] .import-step-divider{margin-top:8px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink)}
html[data-ui="harmonized"] .import-step-card input[type=file]{padding:12px;border:1px dashed var(--control-line);border-radius:var(--ui-radius);background:var(--surface-2)}
html[data-ui="harmonized"] .import-step-card .import-resources{display:grid;gap:8px;margin-block:4px}
html[data-ui="harmonized"] .import-list-tools{margin-top:0}
html[data-ui="harmonized"] .import-list-tools>h2{font-size:1.15rem}
@media(max-width:760px){html[data-ui="harmonized"] .production-load-error{margin-block:24px}html[data-ui="harmonized"] .import-workspace{gap:16px}}
/* Context panels keep production tools beside the work instead of replacing it. */
#ui-context-layer{position:fixed;inset:0;z-index:120;display:grid;grid-template-columns:1fr minmax(420px,min(680px,92vw));visibility:hidden;pointer-events:none}
#ui-context-layer[data-open="true"]{visibility:visible;pointer-events:auto}
.ui-context-scrim{grid-column:1/-1;grid-row:1;background:rgb(5 9 12/.58);opacity:0;transition:opacity .18s ease}
#ui-context-layer[data-open="true"] .ui-context-scrim{opacity:1}
.ui-context-panel{grid-column:2;grid-row:1;min-width:0;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:var(--paper);border-left:1px solid var(--line);box-shadow:-18px 0 60px rgb(0 0 0/.28);transform:translateX(102%);transition:transform .22s ease}
#ui-context-layer[data-open="true"] .ui-context-panel{transform:translateX(0)}
.ui-context-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 18px;border-bottom:1px solid var(--line);background:var(--chrome)}
.ui-context-panel>header h2{margin:3px 0 5px;font-size:clamp(1.35rem,2.5vw,1.8rem)}
.ui-context-panel>header p:not(.eyebrow){margin:0;max-width:54ch;color:var(--muted);line-height:1.45}
.ui-context-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font-size:28px;line-height:1;cursor:pointer}
.ui-context-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px}
.ui-context-body>.ui-panel-status{margin-top:0}.ui-context-body .reg-list{display:grid;gap:12px}.ui-context-body .panel.pad{padding:18px}
.ui-context-body>header.heading{display:none}
.ui-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px}
.ui-resource-picker{display:grid;gap:14px;margin-bottom:20px;padding:18px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-2)}
.ui-resource-picker h3,.ui-resource-picker p{margin:0}.ui-resource-picker>div>p{margin-top:4px;color:var(--muted)}
.ui-picker-search{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}.ui-picker-list{display:grid;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:9px}
.ui-picker-list>label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.ui-picker-list>label:last-child{border-bottom:0}.ui-picker-list small{display:block;color:var(--muted);margin-top:2px}
.ui-picker-assign{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.ui-picker-assign .button{min-width:140px}
.ui-context-body .heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ui-context-body .heading h2{margin:0}
.ui-context-body .reg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ui-context-body .ui-empty-state{margin-top:8px}
.import-current-version{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface-2)}
.import-current-version p,.import-current-version strong{margin:0}.import-current-version small{display:block;margin-top:4px;color:var(--muted)}
.import-revision{display:grid;gap:14px;padding:18px;border-left:3px solid var(--studio-lilac-ink);border-radius:0 var(--ui-radius) var(--ui-radius) 0;background:color-mix(in srgb,var(--studio-lilac) 42%,transparent)}
.import-revision>:is(h3,p){margin:0}.import-revision-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.import-revision-summary>span{padding:10px;border:1px solid var(--line);border-radius:8px;text-align:center}.import-revision-summary strong{display:block;font-size:1.25rem}
@media(max-width:760px){#ui-context-layer{grid-template-columns:1fr}.ui-context-panel{grid-column:1;width:100%;border-left:0}.ui-context-panel>header,.ui-context-body{padding:16px}.import-current-version{grid-template-columns:1fr}.import-revision-summary{grid-template-columns:1fr 1fr 1fr}.ui-picker-search,.ui-picker-assign{grid-template-columns:1fr}.ui-picker-assign .button{width:100%}.has-context-panel{overflow:hidden}}

/* Density contract shared by every signed-in view. Information stays readable,
   while workspaces spend height on the work rather than on containers. */
html[data-ui="harmonized"] .page :is(.pw-tabs,.series-tools,.sp-tabs,.shot-toolbar,.run-toolbar,.media-actions,.reg-actions){gap:8px;margin-block:8px 12px}
html[data-ui="harmonized"] .page .pw-tabs>.button{min-height:var(--ui-control-h);padding:8px 10px}
html[data-ui="harmonized"] .page :is(.dash-metrics,.dash-columns,.overview-grid,.pw-overview,.media-grid,.shot-filters){gap:12px}
html[data-ui="harmonized"] .page .dash-metrics button{padding:16px}
html[data-ui="harmonized"] .page .dash-item{padding:12px 0}
html[data-ui="harmonized"] .page :is(.empty.compact,.directory-empty){padding-block:24px}
html[data-ui="harmonized"] .page :is(.heading,.pw-head,.dash-head,.ui-page-head) p:not(.eyebrow){line-height:1.5}
html[data-ui="harmonized"] .production-load-error{margin-block:32px}
html[data-ui="harmonized"] .production-load-error .ui-empty-state{padding:28px}
@media(max-width:760px){
 html[data-ui="harmonized"] .page :is(.pw-tabs,.sp-tabs){display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;margin-bottom:10px}
 html[data-ui="harmonized"] .page :is(.pw-tabs,.sp-tabs)>.button{flex:0 0 auto;min-height:var(--ui-control-h-touch);padding:8px 11px}
 html[data-ui="harmonized"] .page :is(.dash-metrics,.dash-columns,.overview-grid,.pw-overview,.media-grid,.shot-filters){gap:10px}
 html[data-ui="harmonized"] .page .dash-metrics button{padding:13px}
 html[data-ui="harmonized"] .page .dash-item{padding:10px 0}
}

/* Secondary actions are controls, never loose text between buttons.
   Action menus use the browser's top layer so cards cannot clip them. */
html[data-ui="harmonized"] .button.ui-help-control,
html[data-ui="harmonized"] .ui-action-menu>summary{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:var(--ui-control-h)!important;box-sizing:border-box;margin:0!important;
 padding:8px 12px;border:1px solid var(--line);border-radius:var(--ui-radius-sm);
 background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:650;
 line-height:1.25;white-space:nowrap;cursor:pointer;text-decoration:none;
}
html[data-ui="harmonized"] .ui-help-control svg{width:16px;height:16px;flex:none}
html[data-ui="harmonized"] .ui-action-menu{position:relative;flex:0 0 auto;margin:0}
html[data-ui="harmonized"] .ui-action-menu>summary{list-style:none}
html[data-ui="harmonized"] .ui-action-menu>summary::-webkit-details-marker{display:none}
html[data-ui="harmonized"] .ui-action-menu>summary::after{
 content:'';display:block;width:7px;height:7px;margin:0 2px 3px 3px;
 border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);
}
html[data-ui="harmonized"] .ui-action-menu[open]>summary::after{transform:rotate(225deg);margin-top:4px;margin-bottom:0}
html[data-ui="harmonized"] .ui-action-menu>summary.ui-menu-icon{width:var(--ui-control-h);padding:8px}
html[data-ui="harmonized"] .ui-action-menu>summary.ui-menu-icon::after{display:none}
html[data-ui="harmonized"] :is(.ui-help-control,.ui-action-menu>summary):hover,
html[data-ui="harmonized"] .ui-action-menu[open]>summary{background:var(--surface-2);border-color:var(--control-line,var(--line))}
html[data-ui="harmonized"] .ui-action-menu>.ui-action-popup{
 position:fixed;inset:auto;bottom:auto;margin:0;padding:6px;min-width:0;max-width:calc(100vw - 16px);
 display:grid;gap:4px;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;
 border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);
 box-shadow:var(--ui-shadow-menu);z-index:100;
}
.ui-action-popup[popover]:not(:popover-open){display:none!important}
.ui-action-popup::backdrop{background:transparent}
html[data-ui="harmonized"] .ui-action-popup :is(button,a[href]){
 display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:var(--ui-control-h);
 margin:0;padding:8px 10px;box-sizing:border-box;border:1px solid transparent;border-radius:6px;
 font:inherit;font-size:13px;text-align:left;white-space:normal;text-decoration:none;
}
html[data-ui="harmonized"] .ui-action-popup :is(button,a[href]):hover{background:var(--surface-2)}
html[data-ui="harmonized"] .pw-head-actions{align-items:center;gap:8px}
html[data-ui="harmonized"] .pw-head [data-production-help]{display:inline-flex;align-items:center;margin:0}
@media(max-width:760px){html[data-ui="harmonized"] .ui-help-control{font-size:14px}.ui-action-popup :is(button,a[href]){min-height:44px!important}}

/* Short forms have a measured width; complex editors keep the wider default. */
html[data-ui="harmonized"] #modal:has(#reg-edit){width:560px;max-width:calc(100vw - 16px)}

/* P2 dialog contract: task size, never arbitrary viewport height. */
html[data-ui="harmonized"] dialog[data-dialog-size=choice]{width:420px;max-width:calc(100vw - 16px)}
html[data-ui="harmonized"] dialog[data-dialog-size=form]{width:560px;max-width:calc(100vw - 16px)}
html[data-ui="harmonized"] dialog[data-dialog-size=complex]{width:760px;max-width:calc(100vw - 16px)}
.ui-context-panel>header [data-context-subtitle]:empty{display:none}
html[data-ui="harmonized"] .ui-context-panel>header{padding:14px 18px;gap:12px;align-items:center}
html[data-ui="harmonized"] .ui-context-panel>header h2{font-size:20px;margin:0}
html[data-ui="harmonized"] .ui-context-panel>header .eyebrow{display:none}
html[data-ui="harmonized"] .ui-context-body{padding:18px}
.ui-context-body .reg-list>.panel{padding:12px!important}
.ui-context-body .reg-list h2{font-size:16px}
.ui-context-body .reg-list .field{margin-top:8px}
.ui-context-body .ui-picker-search{grid-template-columns:minmax(0,1fr) 120px}
.ui-context-body .ui-picker-search>.field:last-child{grid-column:1/-1}
.ui-context-body [data-assignment-count]{margin:4px 0;font-size:12px}
.ui-global-tools>summary{padding:0!important;width:44px;height:44px;min-height:44px;list-style:none;font-size:22px}
.ui-global-tools .ui-action-popup>.button{width:100%;justify-content:flex-start}
@media(max-width:480px){
 html[data-ui="harmonized"] .topbar{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;padding:4px 8px!important}
 .topbar .creator-context{flex:1 1 0;min-width:0;overflow:hidden}
 .topbar .creator-context strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
 .topbar .creator-context label{display:block;font-size:10px}
 .topbar .creator-context select{min-width:0!important;width:100%;max-width:100%;padding-inline:4px;font-size:16px!important}
 .topbar .top-right{flex:0 0 auto!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important}
 .topbar [data-save-status]{display:none}
 .topbar [data-project=new]{width:44px;min-width:44px;padding:0!important}
 .topbar [data-project=new] .ui-create-label{display:none}
 .topbar .notification-bell{width:44px;min-width:44px;height:44px}
}

@media(max-width:760px){html[data-ui="harmonized"] .ui-context-switcher{flex-wrap:wrap;gap:8px}.ui-context-current{flex:1 1 100%;gap:3px}.ui-context-current>small{max-width:none;letter-spacing:.03em;overflow-wrap:break-word}.ui-context-switcher>details{margin-left:0}.ui-context-switcher>details>summary{height:auto;min-height:44px;font-size:13px}}


/* design/palettes.css */
/* Canonical appearance roles. Loaded last; every colour has a job, not a department. */
html[data-palette="paper"] {
 --bg:#F4F5F7; --paper:#FFFFFF; --surface-2:#EDF0F4; --surface-3:#E3E7EC;
 --ink:#17212B; --muted:#52606D; --line:#D3D9E0; --control-line:#74808C;
 --input:#FFFFFF; --chrome:#FFFFFF; --hover:#E3E7EC; --selection:#EDF0F4;
 --brand:#1558D6; --accent:#1558D6; --focus:#1558D6; --on-brand:#FFFFFF;
 --toolbar:#EDF0F4; --toolbar-ink:#17212B; --toolbar-muted:#52606D;
 --toolbar-input:#FFFFFF; --toolbar-edge:#74808C; --toolbar-focus:#1558D6;
 --tone-info:#1558D6; --tone-info-bg:#EEF3FD; --tone-info-line:#1558D6;
 --tone-success:#14633D; --tone-success-bg:#EDF7F0; --tone-success-line:#14633D;
 --tone-warning:#815000; --tone-warning-bg:#FFF5E0; --tone-warning-line:#815000;
 --tone-danger:#B42332; --tone-danger-bg:#FFF0F1; --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
}
html[data-palette="coal"] {
 --bg:#22262A; --paper:#2B3035; --surface-2:#33393F; --surface-3:#3C444C;
 --ink:#E6EAED; --muted:#B8C2CA; --line:#454E56; --control-line:#939DA7;
 --input:#2B3035; --chrome:#2B3035; --hover:#3C444C; --selection:#33393F;
 --brand:#FFAB66; --accent:#FFAB66; --focus:#FFAB66; --on-brand:#22262A;
 --toolbar:#2B3035; --toolbar-ink:#E6EAED; --toolbar-muted:#B8C2CA;
 --toolbar-input:#2B3035; --toolbar-edge:#939DA7; --toolbar-focus:#FFAB66;
 --tone-info:#B7D0FF; --tone-info-bg:#202D41; --tone-info-line:#B7D0FF;
 --tone-success:#91D7AF; --tone-success-bg:#20352B; --tone-success-line:#91D7AF;
 --tone-warning:#FFD180; --tone-warning-bg:#3B3020; --tone-warning-line:#FFD180;
 --tone-danger:#FFA0AA; --tone-danger-bg:#3A242A; --tone-danger-line:#FFA0AA;
 --ui-shadow-menu:0 12px 32px rgb(0 0 0 / .36);
}
html[data-palette="silver"] {
 --bg:#F1F3F3; --paper:#FFFFFF; --surface-2:#E9EDEE; --surface-3:#DFE5E6;
 --ink:#172A2E; --muted:#526368; --line:#CFD8DA; --control-line:#728085;
 --input:#FFFFFF; --chrome:#FFFFFF; --hover:#DFE5E6; --selection:#E9EDEE;
 --brand:#006B75; --accent:#006B75; --focus:#006B75; --on-brand:#FFFFFF;
 --toolbar:#22282B; --toolbar-ink:#F2F5F5; --toolbar-muted:#B7C2C5;
 --toolbar-input:#30383C; --toolbar-edge:#98A5AA; --toolbar-focus:#C4E9ED;
 --tone-info:#006B75; --tone-info-bg:#ECF5F6; --tone-info-line:#006B75;
 --tone-success:#14633D; --tone-success-bg:#EDF7F0; --tone-success-line:#14633D;
 --tone-warning:#815000; --tone-warning-bg:#FFF5E0; --tone-warning-line:#815000;
 --tone-danger:#B42332; --tone-danger-bg:#FFF0F1; --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 42 46 / .16);
}
/* Classic palettes retain their original surfaces and accents. */
html[data-palette="parchment"] {
 --bg:#F5F2EE;
 --paper:#FFFDFB;
 --surface-2:#EEEBE8;
 --surface-3:#E3E1EF;
 --ink:#30313E;
 --muted:#64616B;
 --line:#D8D4DB;
 --control-line:#7B7D83;
 --input:#FFFDFB;
 --chrome:#EEEBE8;
 --hover:#E3E1EF;
 --selection:#E3E1EF;
 --brand:#535779;
 --accent:#535779;
 --focus:#535779;
 --on-brand:#FFFFFF;
 --toolbar:#EEEBE8;
 --toolbar-ink:#30313E;
 --toolbar-muted:#64616B;
 --toolbar-input:#FFFDFB;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#535779;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#E3E1EF;
 --green:#535779;
 --studio-lilac:#E3E1EF;
 --studio-lilac-ink:#535779;
 --studio-mint:#E3E1EF;
 --studio-mint-ink:#535779;
 --studio-peach:#F1DFD2;
 --studio-peach-ink:#79573C;
 --story-accent:#535779;
 --palette-feature:#FFFDFB;
 --palette-ai:#E8E1F0;
 --palette-ai-ink:#675186;
}
html[data-palette="cobalt"] {
 --bg:#F6F5F2;
 --paper:#FFFFFF;
 --surface-2:#EEEDE9;
 --surface-3:#E6EBFF;
 --ink:#252A36;
 --muted:#5E6470;
 --line:#DADDE5;
 --control-line:#7B7D83;
 --input:#FFFFFF;
 --chrome:#EEEDE9;
 --hover:#E6EBFF;
 --selection:#E6EBFF;
 --brand:#304CD6;
 --accent:#304CD6;
 --focus:#304CD6;
 --on-brand:#FFFFFF;
 --toolbar:#EEEDE9;
 --toolbar-ink:#252A36;
 --toolbar-muted:#5E6470;
 --toolbar-input:#FFFFFF;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#304CD6;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#E6EBFF;
 --green:#304CD6;
 --studio-lilac:#E6EBFF;
 --studio-lilac-ink:#304CD6;
 --studio-mint:#E6EBFF;
 --studio-mint-ink:#304CD6;
 --studio-peach:#FAE8D3;
 --studio-peach-ink:#805023;
 --story-accent:#304CD6;
 --palette-feature:#FFFFFF;
 --palette-ai:#F0E9FA;
 --palette-ai-ink:#7143A0;
}
html[data-palette="iris"] {
 --bg:#F7F5F3;
 --paper:#FFFFFF;
 --surface-2:#EEEBF0;
 --surface-3:#EEE5FF;
 --ink:#302B39;
 --muted:#685F70;
 --line:#DFD8E4;
 --control-line:#7B7D83;
 --input:#FFFFFF;
 --chrome:#EEEBF0;
 --hover:#EEE5FF;
 --selection:#EEE5FF;
 --brand:#7042CF;
 --accent:#7042CF;
 --focus:#7042CF;
 --on-brand:#FFFFFF;
 --toolbar:#EEEBF0;
 --toolbar-ink:#302B39;
 --toolbar-muted:#685F70;
 --toolbar-input:#FFFFFF;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#7042CF;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#EEE5FF;
 --green:#7042CF;
 --studio-lilac:#EEE5FF;
 --studio-lilac-ink:#7042CF;
 --studio-mint:#EEE5FF;
 --studio-mint-ink:#7042CF;
 --studio-peach:#FAE9D5;
 --studio-peach-ink:#805020;
 --story-accent:#7042CF;
 --palette-feature:#FFFFFF;
 --palette-ai:#E7EFF8;
 --palette-ai-ink:#345E89;
}
html[data-palette="petrol"] {
 --bg:#F5F5F1;
 --paper:#FFFFFC;
 --surface-2:#EAEDE8;
 --surface-3:#DDF0ED;
 --ink:#243638;
 --muted:#536667;
 --line:#D3DDDA;
 --control-line:#7B7D83;
 --input:#FFFFFC;
 --chrome:#EAEDE8;
 --hover:#DDF0ED;
 --selection:#DDF0ED;
 --brand:#006E78;
 --accent:#006E78;
 --focus:#006E78;
 --on-brand:#FFFFFF;
 --toolbar:#EAEDE8;
 --toolbar-ink:#243638;
 --toolbar-muted:#536667;
 --toolbar-input:#FFFFFC;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#006E78;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#DDF0ED;
 --green:#006E78;
 --studio-lilac:#DDF0ED;
 --studio-lilac-ink:#006E78;
 --studio-mint:#DDF0ED;
 --studio-mint-ink:#006E78;
 --studio-peach:#F8E6B9;
 --studio-peach-ink:#775109;
 --story-accent:#006E78;
 --palette-feature:#FFFFFC;
 --palette-ai:#ECE6F5;
 --palette-ai-ink:#625284;
}
html[data-palette="mandarin"] {
 --bg:#F8F4EF;
 --paper:#FFFEFB;
 --surface-2:#EFEAE3;
 --surface-3:#FBE5D5;
 --ink:#292F3E;
 --muted:#62616A;
 --line:#DFD8D0;
 --control-line:#7B7D83;
 --input:#FFFEFB;
 --chrome:#EFEAE3;
 --hover:#FBE5D5;
 --selection:#FBE5D5;
 --brand:#B8450E;
 --accent:#B8450E;
 --focus:#B8450E;
 --on-brand:#FFFFFF;
 --toolbar:#EFEAE3;
 --toolbar-ink:#292F3E;
 --toolbar-muted:#62616A;
 --toolbar-input:#FFFEFB;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#B8450E;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#FBE5D5;
 --green:#B8450E;
 --studio-lilac:#FBE5D5;
 --studio-lilac-ink:#B8450E;
 --studio-mint:#FBE5D5;
 --studio-mint-ink:#B8450E;
 --studio-peach:#DEE8F5;
 --studio-peach-ink:#294B77;
 --story-accent:#B8450E;
 --palette-feature:#FFF0DF;
 --palette-ai:#E5ECF7;
 --palette-ai-ink:#294B77;
}
html[data-palette="coral"] {
 --bg:#F8F4F1;
 --paper:#FFFEFC;
 --surface-2:#F0E8E3;
 --surface-3:#F9E1DD;
 --ink:#343132;
 --muted:#665F60;
 --line:#DFD5D0;
 --control-line:#7B7D83;
 --input:#FFFEFC;
 --chrome:#F0E8E3;
 --hover:#F9E1DD;
 --selection:#F9E1DD;
 --brand:#B53F40;
 --accent:#B53F40;
 --focus:#B53F40;
 --on-brand:#FFFFFF;
 --toolbar:#F0E8E3;
 --toolbar-ink:#343132;
 --toolbar-muted:#665F60;
 --toolbar-input:#FFFEFC;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#B53F40;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#F9E1DD;
 --green:#B53F40;
 --studio-lilac:#F9E1DD;
 --studio-lilac-ink:#B53F40;
 --studio-mint:#F9E1DD;
 --studio-mint-ink:#B53F40;
 --studio-peach:#DCEFED;
 --studio-peach-ink:#175F66;
 --story-accent:#B53F40;
 --palette-feature:#FCE9E2;
 --palette-ai:#E0F0ED;
 --palette-ai-ink:#175F66;
}
html[data-palette="vermilion"] {
 --bg:#F5F4F1;
 --paper:#FFFFFF;
 --surface-2:#ECEBE7;
 --surface-3:#FCE5E0;
 --ink:#252D3A;
 --muted:#5D6470;
 --line:#D8DADF;
 --control-line:#7B7D83;
 --input:#FFFFFF;
 --chrome:#ECEBE7;
 --hover:#FCE5E0;
 --selection:#FCE5E0;
 --brand:#C0332C;
 --accent:#C0332C;
 --focus:#C0332C;
 --on-brand:#FFFFFF;
 --toolbar:#ECEBE7;
 --toolbar-ink:#252D3A;
 --toolbar-muted:#5D6470;
 --toolbar-input:#FFFFFF;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#C0332C;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#FCE5E0;
 --green:#C0332C;
 --studio-lilac:#FCE5E0;
 --studio-lilac-ink:#C0332C;
 --studio-mint:#FCE5E0;
 --studio-mint-ink:#C0332C;
 --studio-peach:#DFE8F8;
 --studio-peach-ink:#304F83;
 --story-accent:#C0332C;
 --palette-feature:#E9EEF7;
 --palette-ai:#E5ECF8;
 --palette-ai-ink:#304F83;
}
html[data-palette="amber"] {
 --bg:#F8F4EA;
 --paper:#FFFEFA;
 --surface-2:#F0EADC;
 --surface-3:#F8E4BF;
 --ink:#372C3E;
 --muted:#6A5D67;
 --line:#DFD4D8;
 --control-line:#7B7D83;
 --input:#FFFEFA;
 --chrome:#F0EADC;
 --hover:#F8E4BF;
 --selection:#F8E4BF;
 --brand:#A54B09;
 --accent:#A54B09;
 --focus:#A54B09;
 --on-brand:#FFFFFF;
 --toolbar:#F0EADC;
 --toolbar-ink:#372C3E;
 --toolbar-muted:#6A5D67;
 --toolbar-input:#FFFEFA;
 --toolbar-edge:#7B7D83;
 --toolbar-focus:#A54B09;
 --tone-info:#1558D6;
 --tone-info-bg:#EEF3FD;
 --tone-info-line:#1558D6;
 --tone-success:#14633D;
 --tone-success-bg:#EDF7F0;
 --tone-success-line:#14633D;
 --tone-warning:#815000;
 --tone-warning-bg:#FFF5E0;
 --tone-warning-line:#815000;
 --tone-danger:#B42332;
 --tone-danger-bg:#FFF0F1;
 --tone-danger-line:#B42332;
 --ui-shadow-menu:0 12px 32px rgb(23 33 43 / .16);
 --soft-accent:#F8E4BF;
 --green:#A54B09;
 --studio-lilac:#F8E4BF;
 --studio-lilac-ink:#A54B09;
 --studio-mint:#F8E4BF;
 --studio-mint-ink:#A54B09;
 --studio-peach:#EDDFEB;
 --studio-peach-ink:#704060;
 --story-accent:#A54B09;
 --palette-feature:#FFF0CF;
 --palette-ai:#EFE2EE;
 --palette-ai-ink:#704060;
}
html[data-palette="graphite"] {
 --bg:#22272c;
 --paper:#2b3137;
 --surface-2:#343c43;
 --surface-3:#414b54;
 --ink:#e6eaed;
 --muted:#b8c2ca;
 --line:#424b53;
 --control-line:#939DA7;
 --input:#252b31;
 --chrome:#272d33;
 --hover:#3b444d;
 --selection:#3c374b;
 --brand:#705aa6;
 --accent:#c9b8e9;
 --focus:#d2c0f2;
 --on-brand:#ffffff;
 --toolbar:#272d33;
 --toolbar-ink:#e6eaed;
 --toolbar-muted:#b8c2ca;
 --toolbar-input:#252b31;
 --toolbar-edge:#939DA7;
 --toolbar-focus:#d2c0f2;
 --tone-info:#b4cee7;
 --tone-info-bg:#2c3b49;
 --tone-info-line:#6887a5;
 --tone-success:#b7ddcb;
 --tone-success-bg:#2d413b;
 --tone-success-line:#729c8b;
 --tone-warning:#e7d1ac;
 --tone-warning-bg:#453c2d;
 --tone-warning-line:#ac9165;
 --tone-danger:#f0bcc5;
 --tone-danger-bg:#47333c;
 --tone-danger-line:#b38691;
 --ui-shadow-menu:0 12px 32px rgb(0 0 0 / .36);
 --soft-accent:#3c374b;
 --studio-lilac:#3c374b;
 --studio-lilac-ink:#dacbed;
 --studio-mint:#2d413b;
 --studio-mint-ink:#b7ddcb;
 --studio-peach:#453c2d;
 --studio-peach-ink:#e7d1ac;
 --studio-shadow:0 2px 8px #0000000c;
}
html[data-palette="midnight"] {
 --bg:#141B29;
 --paper:#1E293B;
 --surface-2:#182131;
 --surface-3:#283C68;
 --ink:#EDF2FC;
 --muted:#B6C3D8;
 --line:#3B4D68;
 --control-line:#8994A4;
 --input:#1E293B;
 --chrome:#182131;
 --hover:#283C68;
 --selection:#283C68;
 --brand:#4467E5;
 --accent:#B9CBFF;
 --focus:#B9CBFF;
 --on-brand:#FFFFFF;
 --toolbar:#182131;
 --toolbar-ink:#EDF2FC;
 --toolbar-muted:#B6C3D8;
 --toolbar-input:#1E293B;
 --toolbar-edge:#8994A4;
 --toolbar-focus:#B9CBFF;
 --tone-info:#B7D0FF;
 --tone-info-bg:#202D41;
 --tone-info-line:#B7D0FF;
 --tone-success:#91D7AF;
 --tone-success-bg:#20352B;
 --tone-success-line:#91D7AF;
 --tone-warning:#FFD180;
 --tone-warning-bg:#3B3020;
 --tone-warning-line:#FFD180;
 --tone-danger:#FFA0AA;
 --tone-danger-bg:#3A242A;
 --tone-danger-line:#FFA0AA;
 --ui-shadow-menu:0 12px 32px rgb(0 0 0 / .36);
 --soft-accent:#283C68;
 --green:#B9CBFF;
 --studio-lilac:#283C68;
 --studio-lilac-ink:#B9CBFF;
 --studio-mint:#283C68;
 --studio-mint-ink:#B9CBFF;
 --studio-peach:#403528;
 --studio-peach-ink:#F3CF96;
 --story-accent:#B9CBFF;
 --palette-feature:#23314A;
 --palette-ai:#303252;
 --palette-ai-ink:#BFC7FF;
}
html[data-palette="copper"] {
 --bg:#201C1B;
 --paper:#2C2624;
 --surface-2:#251F1D;
 --surface-3:#493426;
 --ink:#F5ECE5;
 --muted:#C8B9AE;
 --line:#54453D;
 --control-line:#8994A4;
 --input:#2C2624;
 --chrome:#251F1D;
 --hover:#493426;
 --selection:#493426;
 --brand:#EDAA76;
 --accent:#EDAA76;
 --focus:#EDAA76;
 --on-brand:#302218;
 --toolbar:#251F1D;
 --toolbar-ink:#F5ECE5;
 --toolbar-muted:#C8B9AE;
 --toolbar-input:#2C2624;
 --toolbar-edge:#8994A4;
 --toolbar-focus:#EDAA76;
 --tone-info:#B7D0FF;
 --tone-info-bg:#202D41;
 --tone-info-line:#B7D0FF;
 --tone-success:#91D7AF;
 --tone-success-bg:#20352B;
 --tone-success-line:#91D7AF;
 --tone-warning:#FFD180;
 --tone-warning-bg:#3B3020;
 --tone-warning-line:#FFD180;
 --tone-danger:#FFA0AA;
 --tone-danger-bg:#3A242A;
 --tone-danger-line:#FFA0AA;
 --ui-shadow-menu:0 12px 32px rgb(0 0 0 / .36);
 --soft-accent:#493426;
 --green:#EDAA76;
 --studio-lilac:#493426;
 --studio-lilac-ink:#EDAA76;
 --studio-mint:#493426;
 --studio-mint-ink:#EDAA76;
 --studio-peach:#263D3D;
 --studio-peach-ink:#B0DFDB;
 --story-accent:#EDAA76;
 --palette-feature:#352A24;
 --palette-ai:#263D3D;
 --palette-ai-ink:#B0DFDB;
}
html[data-palette="aubergine"] {
 --bg:#231E2A;
 --paper:#302838;
 --surface-2:#292231;
 --surface-3:#51313F;
 --ink:#F6EDF5;
 --muted:#CCBCCC;
 --line:#58475E;
 --control-line:#8994A4;
 --input:#302838;
 --chrome:#292231;
 --hover:#51313F;
 --selection:#51313F;
 --brand:#F09C96;
 --accent:#F09C96;
 --focus:#F09C96;
 --on-brand:#34212B;
 --toolbar:#292231;
 --toolbar-ink:#F6EDF5;
 --toolbar-muted:#CCBCCC;
 --toolbar-input:#302838;
 --toolbar-edge:#8994A4;
 --toolbar-focus:#F09C96;
 --tone-info:#B7D0FF;
 --tone-info-bg:#202D41;
 --tone-info-line:#B7D0FF;
 --tone-success:#91D7AF;
 --tone-success-bg:#20352B;
 --tone-success-line:#91D7AF;
 --tone-warning:#FFD180;
 --tone-warning-bg:#3B3020;
 --tone-warning-line:#FFD180;
 --tone-danger:#FFA0AA;
 --tone-danger-bg:#3A242A;
 --tone-danger-line:#FFA0AA;
 --ui-shadow-menu:0 12px 32px rgb(0 0 0 / .36);
 --soft-accent:#51313F;
 --green:#F09C96;
 --studio-lilac:#51313F;
 --studio-lilac-ink:#F09C96;
 --studio-mint:#51313F;
 --studio-mint-ink:#F09C96;
 --studio-peach:#2B3C4D;
 --studio-peach-ink:#B7D8EC;
 --story-accent:#F09C96;
 --palette-feature:#392D3F;
 --palette-ai:#2B3C4D;
 --palette-ai-ink:#B7D8EC;
}
/* Shared semantic and document roles. */
html[data-palette] {
 --text:var(--ink); --foreground:var(--ink); --muted-foreground:var(--muted);
 --panel:var(--paper); --surface:var(--paper); --surface-alt:var(--surface-2);
 --border:var(--line); --primary:var(--brand); --button-text:var(--on-brand);
 --green:var(--brand); --orange:var(--tone-warning); --soft-accent:var(--selection);
 --studio-lilac:var(--selection); --studio-lilac-ink:var(--ink);
 --studio-mint:var(--selection); --studio-mint-ink:var(--ink);
 --studio-peach:var(--tone-warning-bg); --studio-peach-ink:var(--tone-warning);
 --detail-blue:var(--tone-info); --detail-teal:var(--tone-success); --detail-amber:var(--tone-warning);
 --success-ink:var(--tone-success); --danger-ink:var(--tone-danger); --studio-shadow:var(--ui-shadow-panel);
 --palette-feature:var(--paper); --palette-ai:var(--paper); --palette-ai-ink:var(--ink);
 --story-accent:var(--brand); --story-lavender:var(--surface-2); --story-sage:var(--surface-2); --story-peach:var(--surface-2);
 --document:#FFFFFF; --document-ink:#17212B; --document-muted:#52606D; --document-surface:#F4F5F7; --document-focus:#1558D6;
 --ui-radius-sm:10px; --ui-radius:14px; --ui-radius-lg:16px;
 --ui-shadow-panel:0 2px 6px rgb(23 33 43 / .06), inset 0 1px 0 rgb(255 255 255 / .65);
 --ui-shadow-control:0 1px 2px rgb(23 33 43 / .10), inset 0 1px 0 rgb(255 255 255 / .22);
 --ui-shadow-pressed:inset 0 1px 2px rgb(23 33 43 / .15);
}

html[data-theme="dark"][data-palette] {
 --ui-shadow-panel:0 2px 8px rgb(0 0 0 / .20), inset 0 1px 0 rgb(255 255 255 / .04);
 --ui-shadow-control:0 1px 3px rgb(0 0 0 / .25), inset 0 1px 0 rgb(255 255 255 / .09);
 --ui-shadow-pressed:inset 0 1px 3px rgb(0 0 0 / .28);
}

/* Landing appearance switch. */
.landing-theme-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.landing-theme-toggle svg{width:18px;height:18px;flex-shrink:0}
html[data-palette] .story-public .public-nav .brand-mark{color:var(--ink);border-color:var(--ink)}


/* design/action-colors.css */
/* Shared component contract. Never recolour stripboard scene categories. */
html[data-theme][data-palette] body{background:var(--bg);color:var(--ink)}
html[data-theme][data-palette] :is(.sidebar,.topbar,.mobile-bottom-nav){background:var(--chrome);color:var(--ink);border-color:var(--line)}
html[data-theme][data-palette] :is(.panel,.profile-tile,.concept-card,.task-card,.part,.delivery){background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:var(--ui-shadow-panel);border-radius:var(--ui-radius)}
html[data-theme][data-palette] :is(.page,dialog,.auth-card,.assistant-panel,.chat-panel,.ui-context-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):not(.sp-paper *){background:var(--input);color:var(--ink);border-color:var(--control-line);border-radius:var(--ui-radius-sm)}
html[data-theme][data-palette] :is(.page,dialog,.auth-card,.assistant-panel,.chat-panel,.ui-context-panel) :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html[data-theme][data-palette] :is(.button,button.icon-btn){background:transparent;color:var(--ink);border-color:var(--control-line);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-control)}
html[data-theme][data-palette] :is(.button,button.icon-btn):not(:disabled):hover{background:var(--hover);color:var(--ink);filter:none}
html[data-theme][data-palette] :is(.button.primary,.button.accent){background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
html[data-theme][data-palette] :is(.button.primary,.button.accent):not(:disabled):hover{background:var(--brand);color:var(--on-brand);filter:brightness(.95)}
html[data-theme][data-palette] :is(.button.danger,[data-lifecycle-delete].button){background:var(--tone-danger-bg);border-color:var(--tone-danger-line);color:var(--tone-danger)}
html[data-theme][data-palette] :is(.button.danger,[data-lifecycle-delete].button):not(:disabled):hover{background:var(--tone-danger-bg);color:var(--tone-danger);filter:brightness(.95)}
html[data-theme][data-palette] .button.quiet{background:transparent;border-color:transparent;color:var(--ink);box-shadow:none}
html[data-theme][data-palette] :is(button,.button):disabled{background:var(--surface-2);color:var(--muted);border-color:var(--line);opacity:1;cursor:not-allowed;box-shadow:none;filter:none}
html[data-theme][data-palette] :is(.nav button.active,.mobile-bottom-nav [aria-current=page]){background:var(--selection);color:var(--ink);border-color:transparent;box-shadow:inset 3px 0 var(--accent);border-radius:var(--ui-radius-sm)}
html[data-theme][data-palette] :is(.pw-tabs,.sb-tabs,.sp-tabs,.production-status-switch,.production-quick-nav,.tabs,.sp-control-tabs) :is(.button,button,a){background:transparent;color:var(--muted);border-color:transparent;border-radius:0;box-shadow:none}
html[data-theme][data-palette] :is(.pw-tabs,.sb-tabs,.sp-tabs,.production-status-switch,.production-quick-nav,.tabs,.sp-control-tabs) :is([aria-current=page],[aria-pressed=true],[aria-selected=true],.active){background:transparent;color:var(--ink);border-color:transparent;box-shadow:inset 0 -3px var(--accent)}
html[data-theme][data-palette] :is(.format.active,.ui-workspace-link[aria-current=page]){background:var(--selection);color:var(--ink);border-color:var(--control-line);box-shadow:inset 3px 0 var(--accent)}
html[data-theme][data-palette] :is(.pw-tabs,.sb-tabs,.sp-tabs,.production-quick-nav){border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
html[data-theme][data-palette] :is(.avatar,.pill){background:var(--surface-2);color:var(--ink)}
html[data-theme][data-palette] :is(dialog,.ui-context-panel,.ui-workspace-menu,.actions-menu>div,.avatar-popover,.notification-popover,.assistant-panel,.chat-panel,.hc-panel,.sb-row-menu>div){background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-menu)}
html[data-theme][data-palette] :is(.assistant-launcher,.assistant-panel>header,.assistant-panel .assistant-tabs button,.chat-header,.hc-head,.sp-dock-head){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme][data-palette] .assistant-launcher svg{color:var(--ink)}
html[data-theme][data-palette] .assistant-panel .assistant-status{color:var(--tone-success)}
html[data-theme][data-palette] .assistant-panel .assistant-tabs button[aria-selected=true]{background:var(--selection);color:var(--ink);border-color:var(--control-line)}
html[data-theme][data-palette] :is(.dash-welcome,.pw-overview>.panel:first-child,.studio-banner,.workflow-strip,.story-block){background:var(--paper)!important;color:var(--ink);border-color:var(--line)}
html[data-theme][data-palette] .dash-welcome h2{color:var(--ink)}
/* Only functional groups need a box; ordinary content sections share a divider. */
html[data-theme][data-palette] :is(.pw-overview,.dash-columns)>.panel>.panel{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
html[data-theme][data-palette] :is(.creative-ai-field.needs-input,.ui-inline-notice){background:var(--tone-warning-bg);color:var(--tone-warning);border-color:var(--tone-warning-line)}
/* A light manuscript is a document in every theme. Scope its controls separately. */
html[data-theme][data-palette] .sp-paper{background:var(--document);color:var(--document-ink);color-scheme:light}
html[data-theme][data-palette] .sp-paper :is(textarea,input,select){background:transparent;color:var(--document-ink);border-color:transparent}
html[data-theme][data-palette] .sp-paper :is(textarea,input)::placeholder{color:var(--document-muted);opacity:1}
html[data-theme][data-palette] .sp-paper :is(.sp-scene-tools,.sp-scene-options) .button{background:var(--document-surface);color:var(--document-ink);border-color:#74808C}
html[data-theme][data-palette] .sp-paper :is(input,textarea,select,button,a,summary):focus-visible{outline-color:var(--document-focus)}
html[data-theme][data-palette] .sp-block.active{outline-color:var(--document-focus)}
/* Silver: dark, compact writing tools beside white paper; global navigation stays light. */
html[data-theme][data-palette] .sp-writing-bars{
 background:var(--toolbar);color:var(--toolbar-ink);border-color:var(--line);
 --ink:var(--toolbar-ink);--muted:var(--toolbar-muted);--input:var(--toolbar-input);
 --control-line:var(--toolbar-edge);--focus:var(--toolbar-focus);--chrome:var(--toolbar);
}
html[data-theme][data-palette] .sp-writing-bars :is(.sp-editor-tools,.sp-episode-bar,.sp-scene-selector){background:transparent;color:var(--toolbar-ink);border-color:var(--line)}
html[data-theme][data-palette] .sp-writing-bars :is(button,.button):not(.primary):not(:disabled):not(.sp-control-tab){color:var(--toolbar-ink);background:transparent;border-color:var(--toolbar-edge)}
html[data-theme][data-palette="silver"] .sp-writing-bars :is(button,.button):disabled{background:#30383C;color:var(--toolbar-muted);border-color:#46535A}
html[data-theme][data-palette="silver"] .sp-writing-bars :is(button,.button):not(:disabled):hover{background:#30383C;color:var(--toolbar-ink)}
html[data-theme][data-palette="silver"] .sp-writing-bars .button.primary{background:var(--brand);color:var(--on-brand);border-color:var(--toolbar-edge)}
/* Public surfaces follow the same neutral colours; illustration colours stay in artwork. */
html[data-theme][data-palette] .story-public{--story-lavender:var(--surface-2);--story-sage:var(--surface-2);--story-peach:var(--surface-2);--story-accent:var(--brand);background:var(--bg);color:var(--ink)}
html[data-theme][data-palette] .story-public .button.primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
@media(forced-colors:active){html[data-theme][data-palette] :is(.button,input,textarea,select){border-color:ButtonText}html[data-theme][data-palette] :is(.pw-tabs,.sb-tabs,.sp-tabs) :is([aria-current=page],[aria-pressed=true],[aria-selected=true],.active){outline:2px solid Highlight}html[data-theme][data-palette] :focus-visible{outline-color:Highlight}}

html[data-theme][data-palette] .assistant-entry>span:first-child{color:var(--ink)}
html[data-theme][data-palette] .assistant-entry[aria-expanded=true]{background:var(--selection);border-color:var(--control-line)}
html[data-theme][data-palette] .assistant-panel .assistant-modes [aria-pressed=true]{background:var(--selection);color:var(--ink);box-shadow:inset 0 -3px var(--accent)}
html[data-theme][data-palette] :is(.sp-writing-bars,.sp-workspace-dock,.sp-scene-menu){box-shadow:none}
html[data-theme][data-palette] .sp-scene-menu{box-shadow:var(--ui-shadow-menu)}
html[data-theme][data-palette] .sp-writing-bars :is(.sp-control-tab,.sp-control-tab[aria-selected=true]){color:var(--toolbar-ink)}
html[data-theme][data-palette="silver"] .sp-writing-bars :is(.sp-tabs,.sp-control-tabs) :is([aria-selected=true],[aria-pressed=true],.active){box-shadow:inset 0 -3px var(--toolbar-focus)}
html[data-theme][data-palette] :is(.toast,#toast){background:var(--ink);color:var(--paper);border-radius:var(--ui-radius-sm)}
html[data-theme][data-palette] form .fields{align-items:start}
html[data-theme][data-palette] :is(input[type=checkbox],input[type=radio]){accent-color:var(--brand)}
html[data-theme][data-palette] a:not(.button){color:var(--accent)}
html[data-theme][data-palette] :is(.eyebrow,.section-label small,.step){color:var(--muted)}
html[data-theme][data-palette] .settings-nav button{background:transparent;color:var(--muted);border-radius:var(--ui-radius-sm)}
html[data-theme][data-palette] .settings-nav button.active{background:var(--selection);color:var(--ink);box-shadow:inset 3px 0 var(--accent)}
html[data-theme][data-palette] :is(.sp-control-tab,.sp-control-tab[aria-selected=true]){background:transparent;color:var(--ink);border-color:transparent;border-radius:0;box-shadow:none}
html[data-theme][data-palette] .sp-control-tab[aria-selected=true]{box-shadow:inset 0 -3px var(--accent)}
html[data-theme][data-palette] .sp-writing-bars .sp-control-tab{color:var(--toolbar-ink)}
html[data-theme][data-palette="silver"] .sp-writing-bars .sp-control-tab[aria-selected=true]{box-shadow:inset 0 -3px var(--toolbar-focus)}
html[data-theme][data-palette] :is(.concept-art,.hero-card,.studio-note){background:var(--surface-2);color:var(--ink);box-shadow:none}
html[data-theme][data-palette] :is(.mode-badge.live,.fit-choice.active){background:var(--tone-success-bg);color:var(--tone-success);border-color:var(--tone-success-line)}
html[data-theme][data-palette] :is(.fit-choice.active.negative,.error-box,.pill.red){background:var(--tone-danger-bg);color:var(--tone-danger);border-color:var(--tone-danger-line)}

html[data-theme][data-palette] .sp-writing-bars .sp-control-tab:not(:disabled){border-color:transparent;background:transparent}
html[data-theme][data-palette] .sp-paper{box-shadow:none;border:1px solid var(--line)}
html[data-theme][data-palette] .sp-paper summary{color:var(--document-muted)}

html[data-theme][data-palette] .sp-paper #sp-scenes .sp-scene summary{color:var(--document-muted);font-size:12px}
html[data-theme][data-palette] .sp-paper #sp-scenes :is(input,textarea){color:var(--document-ink)}

html[data-theme][data-palette] .sp-catalog-group li:not(.is-linked){opacity:1}
html[data-theme][data-palette="silver"] .sp-scene-menu{--ink:#172A2E;--muted:#526368;--input:#FFFFFF;--control-line:#728085;--focus:#006B75;color:var(--ink)}
html[data-theme][data-palette="silver"] .sp-writing-bars .sp-scene-menu :is(button,.button):not(:disabled){color:var(--ink);background:transparent;border-color:var(--control-line)}
html[data-theme][data-palette="silver"] .sp-scene-menu{--toolbar-ink:#172A2E;--toolbar-muted:#526368;--toolbar-input:#FFFFFF;--toolbar-edge:#728085;--toolbar-focus:#006B75}
html[data-theme][data-palette="silver"] .sp-writing-bars .sp-scene-menu :is(button,.button):not(.primary):not(:disabled):not(.sp-control-tab):hover{background:var(--hover);color:var(--ink)}

/* Gentle depth belongs to tangible controls and outer containers, never text tabs. */
html[data-theme][data-palette] :is(.button,button.icon-btn):not(:disabled):not(.quiet):not(.sp-control-tab):active{box-shadow:var(--ui-shadow-pressed)}
html[data-theme][data-palette] :is(.sp-writing-bars,.sp-workspace-dock){border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-panel)}
html[data-theme][data-palette] .sp-paper{box-shadow:0 2px 8px rgb(0 0 0 / .10)}
html[data-theme][data-palette] :is(.pw-tabs,.sb-tabs,.sp-tabs,.production-status-switch,.production-quick-nav,.tabs,.sp-control-tabs) :is(.button,button,a):active{box-shadow:none}
html[data-theme][data-palette] :is(.pw-tabs,.sb-tabs,.sp-tabs,.production-status-switch,.production-quick-nav,.tabs,.sp-control-tabs) :is([aria-current=page],[aria-pressed=true],[aria-selected=true],.active):active{box-shadow:inset 0 -3px var(--accent)}

/* Distinct work modes; the accent must survive generic toolbar button rules. */
html[data-theme][data-palette] .sp-room .sp-writing-bars .sp-mode-switch{border:0;background:none;padding:0;gap:6px;box-shadow:none}
html[data-theme][data-palette] .sp-room .sp-writing-bars .sp-mode-switch button[data-sp-mode]{border:1px solid var(--toolbar-edge,var(--line));border-radius:7px;min-height:40px;padding:7px 12px;color:var(--toolbar-ink,var(--ink));background:transparent}
html[data-theme][data-palette] .sp-room .sp-writing-bars .sp-mode-switch button[data-sp-mode][aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand);box-shadow:none}
html[data-theme][data-palette] .sp-room .sp-writing-bars{border-radius:0;box-shadow:none}


/* design/dismiss.css */
.ui-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.ui-editor-heading h2{margin:0;font-size:clamp(1.15rem,2vw,1.45rem)}
.ui-editor-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--control-line,var(--line));border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:26px;line-height:1;cursor:pointer}
.ui-editor-close:hover{background:var(--surface-2)}
.ui-editor-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ui-dialog-close{position:sticky;top:0;float:right;margin:0 0 8px 12px;z-index:2}
#ui-dismiss-confirm{width:min(480px,calc(100vw - 32px));padding:24px;height:fit-content!important;max-height:calc(100dvh - 32px);margin:auto!important;inset:0!important;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--ui-shadow-menu)}
#ui-dismiss-confirm::backdrop{background:rgb(0 0 0/.55)}
#ui-dismiss-description{margin:12px 0 24px;color:var(--muted);line-height:1.55}
.ui-dismiss-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.ui-disclosure-close{margin-top:12px}
.prod-save{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
@media(max-width:760px){#ui-dismiss-confirm{padding:18px}.ui-dismiss-actions{display:grid;grid-template-columns:1fr 1fr}.ui-dismiss-actions>.primary{grid-column:1/-1}.ui-editor-heading h2{font-size:1.2rem}.ui-editor-heading{gap:10px}}
/* Close remains reachable when a long dialog scrolls; it shares the dialog's
   own scroll layer and cannot cover the application toolbar. */
#modal>.modal-head{position:sticky;top:0;z-index:3;gap:16px;background:var(--paper);padding-block:8px;border-bottom:1px solid var(--line)}
#modal>.modal-head>.icon-btn{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}


/* workspace-control.css */
#wc-shared textarea{min-height:6rem}#wc-operation fieldset label{display:block;padding:.4rem}#workspace-partners .queue-row{flex-wrap:wrap;margin:.75rem 0}#workspace-partners small{display:block}@media(max-width:600px){.workspace-identity{display:block}.workspace-identity>span{display:block;margin:.75rem 0}.workspace-identity select{width:100%}}
#wc-calendar .field,#wc-budget .field{min-width:0;flex:1 1 12rem}#wc-calendar fieldset,#wc-budget fieldset{min-width:0}#wc-calendar input,#wc-calendar select,#wc-calendar textarea,#wc-budget input,#wc-budget select,#wc-budget textarea{max-width:100%;box-sizing:border-box}#wc-calendar .panel,#wc-budget .panel{min-width:0}#wc-calendar select[multiple]{min-height:5rem}#wc-calendar [data-review],#wc-import [data-review]{margin:1rem 0}#wc-calendar [data-review] label{display:block;margin:.8rem 0}@media(max-width:600px){#wc-calendar .row,#wc-budget .row{display:block}#wc-calendar .field,#wc-budget .field{display:block;width:100%}}

#wc-account .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}#wc-account .field{min-width:0;margin:0}#wc-account input,#wc-account select,#wc-account textarea{width:100%;max-width:100%;box-sizing:border-box}#wc-account [data-wc-partner]{margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:12px;min-width:0}#wc-account [hidden]{display:none!important}#wc-account textarea{min-height:5rem}#wc-account .modal-actions{gap:.65rem;flex-wrap:wrap}@media(max-width:600px){#wc-account .form-grid{grid-template-columns:minmax(0,1fr)}}


/* text-preview.css */
.ce-text-preview{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere;max-height:6.8em;line-height:1.7!important;margin-bottom:8px!important}
.ce-text-read-more{display:block;align-self:flex-start;min-height:44px;padding:8px 0;color:var(--brand);font:inherit;font-weight:600;cursor:pointer;background:none;border:0;text-align:left}
.ce-text-read-more:hover{text-decoration:underline}.ce-text-read-more:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.ce-full-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;max-height:65vh;overflow-y:auto;padding:0 12px 16px 0}
.series-episode-list{align-items:start}.series-episode-card{min-width:0}.series-workspace .heading>div{min-width:0}
@media(max-width:650px){.ce-text-preview{-webkit-line-clamp:3;line-clamp:3;max-height:5.1em}.ce-full-text{max-height:60vh}}


/* design/progressive-workspace.css */
/* Operational rows share rhythm; visual cards and writing canvases keep their purpose. */
.task-list-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(120px,1fr) minmax(120px,1fr);align-items:center;gap:12px;min-height:56px;padding:6px 0;border-bottom:1px solid var(--border)}
.task-list-row>div{display:grid;gap:2px}.task-list-row .task-title{min-height:40px;text-align:left}.task-list-row .task-blocked{margin:0;overflow-wrap:anywhere}.task-list-row time,.task-list-row>span{font-size:.9rem}.task-list-row select{width:100%}
.shoot-list-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(150px,1fr) minmax(240px,1.5fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.shoot-list-row>div:not(.pw-card-actions){display:grid;gap:4px}.shoot-list-row small{color:var(--muted)}.shoot-list-row.is-today{border-left:3px solid var(--accent);padding-left:12px}.shoot-date-group h3{font-size:1rem;margin:16px 0 4px}
.series-episode-list:has(>.series-season-group){display:block}.series-season-group{border-bottom:1px solid var(--border);padding:4px 0}.series-season-group>summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:650}.series-season-group>summary::before{content:'▸'}.series-season-group[open]>summary::before{content:'▾'}.series-episode-row{display:grid;grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) minmax(140px,1fr) minmax(100px,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:6px 0;border-top:1px solid var(--border)}.series-episode-row .task-title{min-height:40px;text-align:left}.series-episode-row>span{font-size:.9rem}.series-result-count{font-size:.85rem;color:var(--muted);padding:8px 0}.series-list-toolbar{flex-wrap:wrap}.series-list-toolbar input{min-width:0;width:100%}
.production-quick-nav.ui-context-switcher{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin:0 0 12px;padding:6px 12px;border-radius:10px}.ui-context-current{display:flex;align-items:center;gap:12px;min-width:0}.ui-context-current>small{font-size:.85rem;overflow-wrap:anywhere}.ui-context-current>strong{font-size:.95rem}.ui-context-switcher>details>summary{min-height:40px;display:flex;align-items:center}.ui-workspace-menu{max-height:min(65vh,500px);overflow:auto}.ui-workspace-menu section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.pw-command-center,.series-command-center{padding:12px!important}.pw-command-intro p,.series-command-intro p{margin:4px 0}.pw-workspace-tabs .pw-workspace-tab{min-height:52px}.pw-workspace-tabs .pw-workspace-tab small{font-size:.8rem}.studio-tools>.studio-help{margin:0}.studio-tools>header p{margin-bottom:0}.studio-tools details:has(>.studio-scene-picker)>.studio-scene-picker{border:0;padding:8px 0}
@media(max-width:1000px){.shoot-list-row{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr)}.shoot-list-row>.pw-card-actions{grid-column:1/-1}.task-list-row,.series-episode-row{grid-template-columns:minmax(120px,1.4fr) minmax(100px,1fr)}}
@media(max-width:760px){.task-list-row,.series-episode-row{gap:6px 12px;min-height:72px}.task-list-row .task-title,.series-episode-row .task-title{min-height:44px}.task-list-row>div,.series-episode-row>.task-title{grid-column:1/-1}.task-list-row select{min-height:44px}.series-episode-row>button:last-child{justify-self:start}.production-quick-nav.ui-context-switcher{padding:6px 8px}.ui-context-current{display:grid;gap:2px}.ui-context-current>small{max-width:35vw}.ui-workspace-menu section>div{grid-template-columns:1fr}.shoot-list-row{grid-template-columns:1fr}.shoot-list-row>.pw-card-actions{grid-column:auto}.shoot-list-row .pw-card-actions{gap:8px}}
@media print{.studio-save,.studio-resource-toolbar,.production-quick-nav,.studio-pager{display:none!important}}

.task-list-row,.series-episode-row{box-sizing:border-box}


/* design/registry-search.css */
.ui-reference-search{position:relative;min-width:0;width:100%;display:block}.ui-reference-search>input{width:100%;padding-right:68px!important;min-width:0;margin:0}.ui-reference-native{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0;pointer-events:none}.ui-reference-clear{position:absolute;right:2px;top:2px;width:32px;height:calc(100% - 4px);min-height:32px;padding:0;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.ui-reference-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ui-reference-options{position:fixed;inset:auto;margin:0;padding:4px;z-index:2000;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 8px 24px #0003}.ui-reference-options[hidden]{display:none}.ui-reference-options [role=option]{padding:10px 12px;min-height:40px;box-sizing:border-box;cursor:pointer;border-radius:6px;text-align:left;overflow-wrap:anywhere}.ui-reference-options [role=option]:hover,.ui-reference-options [aria-selected=true]{background:var(--surface-2,var(--chrome));outline:1px solid var(--accent)}.ui-reference-options strong{font-size:14px;line-height:1.4;font-weight:600}.ui-reference-options small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:2px}

[data-reference-group] label[hidden]{display:none!important}.ui-reference-options>p{padding:10px 12px;font-size:13px;color:var(--muted);margin:0}.ui-reference-options [role=option]{min-height:44px}

.ui-reference-browse{position:absolute;right:34px;top:2px;width:32px;height:calc(100% - 4px);min-height:32px;padding:0;border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.ui-reference-browse:hover,.ui-reference-clear:hover{color:var(--ink)}@media(max-width:480px){.ui-reference-options [role=option]{min-height:48px}}


/* design/journey.css */
/* Content-led density: desktop editing controls remain touch-safe on narrow screens. */
.ui-version-compare,.ui-person-picker{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);overflow:auto}
.ui-version-compare::backdrop,.ui-person-picker::backdrop{background:#0008}
.ui-version-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ui-version-columns pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font:inherit;padding:12px;background:var(--bg);border-radius:8px}.ui-version-compare fieldset{margin:16px 0}.ui-person-results{display:grid;gap:4px;max-height:300px;overflow:auto}.ui-person-results button{text-align:left}.ui-person-results small{display:block}.ui-picker-entry{margin:4px 0;font-size:13px}.ui-dependency-path{font-size:13px;line-height:1.5;margin:8px 0}.ui-pack-review label{display:block;margin:8px 0}.ui-method-picker{margin:12px 0}
.ui-person-picker{width:min(620px,calc(100vw - 32px));padding:24px 28px}.ui-person-picker .ui-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.ui-person-picker .ui-editor-heading h2{margin:0;line-height:1.2}.ui-person-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:end}.ui-person-filters label,.ui-person-create label{display:grid;gap:6px;min-width:0;font-size:14px;font-weight:600;line-height:1.35}.ui-person-filters input,.ui-person-filters select,.ui-person-create input,.ui-person-create select{display:block;width:100%;min-width:0;min-height:44px;margin:0;box-sizing:border-box}.ui-person-count{margin:18px 0 8px;color:var(--muted);font-size:13px;line-height:1.4}.ui-person-results{gap:6px;max-height:min(42dvh,360px);padding:2px 4px 2px 0}.ui-person-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;width:100%;min-height:54px;padding:9px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2,var(--panel));color:var(--text);font:inherit;text-align:left;cursor:pointer}.ui-person-result:hover,.ui-person-result:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.ui-person-result-name{font-weight:650;line-height:1.35;overflow-wrap:anywhere}.ui-person-result-role{color:var(--muted);font-size:13px;line-height:1.35;text-align:right;overflow-wrap:anywhere}.ui-person-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin:10px 0 4px;font-size:13px}.ui-person-pages:empty{display:none}.ui-person-pages .button{min-height:36px}.ui-person-empty{margin:12px 0;color:var(--muted)}.ui-person-create{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.ui-person-create>summary{cursor:pointer}.ui-person-create[open]{display:grid;gap:12px}.ui-person-create p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.ui-person-picker [data-picker-error]:empty{display:none}
@media(min-width:801px){.page .panel.pad{padding:18px}.page .panel.pad>summary{padding-block:8px;min-height:32px}.page .heading,.page .pw-head{margin-bottom:18px}.creative-wizard-head h2{font-size:20px}.creative-prompt-grid{display:none}.creative-ai-field textarea{min-height:88px}.creative-wizard-head{gap:12px}.staffing-panel{padding:12px}.budget-settings{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.shoot-editor .fields{gap:14px}.ui-context-switcher{min-height:52px;padding:8px 12px}.sp-dialog-form{max-width:640px}.studio-resource-summary{min-height:48px}.ui-editor-heading{margin-bottom:12px}}
@media(max-width:800px){.ui-version-columns{grid-template-columns:1fr}.ui-version-compare,.ui-person-picker{padding:16px;width:calc(100vw - 24px)}.ui-person-picker button,.ui-picker-entry{min-height:44px}.ui-person-filters{grid-template-columns:1fr}.ui-person-result{grid-template-columns:1fr;gap:2px}.ui-person-result-role{text-align:left}.ui-method-picker select{min-height:44px}.ui-version-compare fieldset{min-width:0}}

/* Compact context and summaries; keep operational warnings and field help visible. */
html[data-ui="harmonized"] .page .role-dashboard{gap:12px}
html[data-ui="harmonized"] .page .role-dashboard .dash-head{display:flex;align-items:center;gap:8px 16px;margin:0;flex-wrap:wrap}
html[data-ui="harmonized"] .page .role-dashboard .dash-head h1{font-size:clamp(1.4rem,2vw,1.75rem);margin:0;max-width:none}
html[data-ui="harmonized"] .page .role-dashboard .dash-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto}
html[data-ui="harmonized"] .page .role-dashboard .dash-top-actions .dash-controls{margin:0}
html[data-ui="harmonized"] .page .role-dashboard .dash-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
html[data-ui="harmonized"] .page .role-dashboard .dash-head-actions>[data-production-help]:empty{display:none}
html[data-ui="harmonized"] .page .role-dashboard .dash-controls{gap:8px 12px;align-items:center}
html[data-ui="harmonized"] .page .role-dashboard .dash-controls>small:empty{display:none}
html[data-ui="harmonized"] .page .role-dashboard .dash-controls>.row{gap:8px}
html[data-ui="harmonized"] .page .role-dashboard .dash-top-actions .dash-controls>.row>.button{min-height:40px}
html[data-ui="harmonized"] .page .role-dashboard .dash-metrics{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-ui="harmonized"] .page .role-dashboard .dash-metrics button{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 16px}
html[data-ui="harmonized"] .page .role-dashboard .dash-metrics strong{font-size:1.5rem;line-height:1.2;flex:none}
html[data-ui="harmonized"] .page .role-dashboard .dash-metrics span{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
html[data-ui="harmonized"] .page .unified-head{align-items:center;margin-bottom:8px}
html[data-ui="harmonized"] .page .unified-head h1{margin:0}
html[data-ui="harmonized"] .page .unified-filters{margin:12px 0 16px}
html[data-ui="harmonized"] .page .series-workspace .series-command-center{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 16px}
html[data-ui="harmonized"] .page .series-workspace .series-command-center:not(:has(.series-command-intro)){grid-template-columns:minmax(0,1fr)}
html[data-ui="harmonized"] .page .series-workspace .series-command-intro{display:block;order:2;margin:0}
html[data-ui="harmonized"] .page .series-workspace .series-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;order:1;min-width:0}
html[data-ui="harmonized"] .page .series-workspace .series-workspace-tabs>.button{min-height:40px;padding:6px 10px;align-items:center;text-align:center;font-size:14px}
html[data-ui="harmonized"] .page .series-workspace .series-workspace-tabs>.button[aria-current="page"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--ink);box-shadow:inset 0 -3px var(--accent)}
html[data-ui="harmonized"] .page .series-project-tools>summary{min-height:40px;padding:6px 12px;font-size:14px}
html[data-ui="harmonized"] .page .series-workspace .demo-orientation{margin:0 0 12px;padding:0 10px;background:transparent}
html[data-ui="harmonized"] .page .series-workspace .demo-orientation>summary{display:list-item;min-height:40px;line-height:1.4;padding:10px 4px;font-size:13px;box-sizing:border-box;cursor:pointer}
html[data-ui="harmonized"] .page .series-workspace .series-section-head{margin-bottom:12px}
html[data-ui="harmonized"] .page[data-view="series"] .production-quick-nav{min-height:44px;gap:10px;margin-bottom:12px;padding:4px 8px!important}
html[data-ui="harmonized"] .page[data-view="series"] .production-quick-nav>.context-back{margin:0;min-height:40px}
html[data-ui="harmonized"] .page[data-view="series"] .ui-context-current{min-width:0;flex:1}
@media(max-width:760px){
 html[data-ui="harmonized"] .page .role-dashboard .dash-top-actions{width:100%;justify-content:space-between;flex-wrap:wrap;margin-left:0}
 html[data-ui="harmonized"] .page .role-dashboard .dash-head-actions{flex-wrap:wrap}
 html[data-ui="harmonized"] .page .role-dashboard .dash-head-actions>.button{min-height:44px;margin-top:0}
 html[data-ui="harmonized"] .page .role-dashboard .dash-metrics button{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:84px;padding:10px}
 html[data-ui="harmonized"] .page .role-dashboard .dash-metrics span{font-size:13px}
 html[data-ui="harmonized"] .page .series-workspace .series-command-center{grid-template-columns:minmax(0,1fr);gap:8px}
 html[data-ui="harmonized"] .page .series-workspace .series-command-intro{justify-self:end}
 html[data-ui="harmonized"] .page .series-project-tools{margin:0}
 html[data-ui="harmonized"] .page .series-project-tools>summary{min-height:44px}
 html[data-ui="harmonized"] .page .series-workspace .series-workspace-tabs>.button{min-height:52px;padding:6px;font-size:13px}
 html[data-ui="harmonized"] .page .series-workspace .demo-orientation>summary{min-height:44px}
 html[data-ui="harmonized"] .page[data-view="series"] .production-quick-nav{flex-wrap:wrap}
 html[data-ui="harmonized"] .page[data-view="series"] .production-quick-nav>.context-back{min-height:44px}
 html[data-ui="harmonized"] .page[data-view="series"] .ui-context-current{display:none}
}


/* workflow/screenplay-mobile.css */
/* Normal desktop and phone navigation remain intact outside explicit writing. */
.sp-mobile-write-start,.sp-mobile-write-done{display:none!important}
@media(max-width:760px){
 .sp-room .sp-mobile-write-start{display:inline-flex!important;grid-column:1/-1;justify-self:start;min-height:44px}
 html.sp-mobile-writing .sidebar,html.sp-mobile-writing .topbar,html.sp-mobile-writing body>.mobile-bottom-nav,
 html.sp-mobile-writing #privacy-footer{display:none!important}
 html.mobile-app-frame.sp-mobile-writing body{grid-template-rows:minmax(0,1fr)}
 html.mobile-app-frame.sp-mobile-writing .shell{grid-template-rows:minmax(0,1fr)}
 html.mobile-app-frame.sp-mobile-writing .main{grid-row:1;overflow:hidden}
 html.sp-mobile-writing .main>.page{height:100%;padding:0!important;margin:0;overflow:hidden!important}
 html.sp-mobile-writing .sp-room{height:100%;max-width:none}
 html.sp-mobile-writing .sp-room>:not(#sp-episode){display:none!important}
 html.sp-mobile-writing #sp-episode{height:var(--sp-visible-height,100dvh);min-height:0;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
 html.sp-mobile-writing .sp-room .sp-writing-bars{position:static;display:block;flex:0 0 auto;margin:0;padding:4px 6px;border-radius:0;max-height:80px}
 html.sp-mobile-writing .sp-writing-bars>:not(.sp-editor-tools){display:none!important}
 html.sp-mobile-writing .sp-room .sp-editor-tools{display:flex!important;gap:4px;overflow:visible;min-height:44px;flex-wrap:wrap!important}
 html.sp-mobile-writing .sp-editor-tools>:is(label,.sp-more-toggle,.sp-secondary-tools){display:none!important}
 html.sp-mobile-writing .sp-room .sp-editor-tools .button{font-size:13px;padding:5px 8px;min-height:44px!important;white-space:nowrap}
 html.sp-mobile-writing .sp-history-controls{display:flex;gap:4px}
 html.sp-mobile-writing .sp-room .sp-editor-tools [data-sp-history]{font-size:0!important;min-width:44px;width:44px;padding:4px}
 html.sp-mobile-writing [data-sp-history]::before{font-size:20px;content:'↶'}
 html.sp-mobile-writing [data-sp-history=redo]::before{content:'↷'}
 html.sp-mobile-writing .sp-room .sp-editor-tools>[data-sp-editor-status]{display:block!important;flex-basis:100%;font-size:11px;line-height:16px;white-space:nowrap;margin:0;padding:0;color:var(--toolbar-ink,var(--ink))}
 html.sp-mobile-writing .sp-mobile-write-done{display:inline-flex!important;margin-left:auto}
 html.sp-mobile-writing .sp-mobile-write-error{flex:0 0 auto;margin:0;padding:8px;background:var(--panel);color:var(--ink);font-size:13px;max-height:80px;overflow:auto}
 html.sp-mobile-writing .sp-room .sp-editor-layout{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}
 html.sp-mobile-writing .sp-writing-column{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:12px}
 html.sp-mobile-writing .sp-room .sp-workspace-dock{display:none!important}
 html.sp-mobile-writing .sp-room .sp-paper{margin:0!important;padding:14px 16px;min-height:100%;border-radius:0;width:100%;box-sizing:border-box}
 html.sp-mobile-writing .sp-room .sp-paper :is(input,textarea){font-size:16px!important}
 html.sp-mobile-writing .sp-room .sp-paper textarea{max-height:max(80px,calc(var(--sp-visible-height,100dvh) - 90px));overflow-y:auto!important}
 html.sp-mobile-writing .sp-room .sp-paper .sp-scene{scroll-margin-top:12px}
}


/* actor-scenes.css */
.actor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.actor-heading h1{margin:4px 0}.actor-heading p{margin:6px 0}.actor-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px}.actor-picker{max-width:420px;margin-bottom:16px}.actor-scene-list{align-self:start;display:grid;gap:10px}.actor-scene-list h2{font-size:1.1rem;margin:0}.actor-scene{display:flex;flex-direction:column;align-items:stretch;text-align:left;white-space:normal;gap:5px;width:100%}.actor-scene.selected{outline:2px solid var(--accent,#987ac9);outline-offset:1px}.actor-reader{min-width:0;max-width:860px}.actor-reader-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.actor-version{font-size:.8rem;overflow-wrap:anywhere}.actor-script{font:16px/1.5 Courier,monospace;max-width:680px;margin:24px auto;overflow-wrap:anywhere}.actor-script h3{font:inherit;font-weight:bold}.actor-paragraph{white-space:pre-wrap;margin:16px 0}.actor-character{margin-left:35%;margin-bottom:0;font-weight:bold}.actor-dialogue{margin:0 12% 16px 20%}.actor-parenthetical{margin:0 20% 0 27%}.actor-transition{text-align:right}.dash-actor-focus h2{margin:0 0 8px}.dash-actor-scenes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dash-actor-focus{margin-bottom:16px}.actor-reader-actions>[data-actor-list]{display:none}
@media(max-width:700px){.actor-heading{display:block}.actor-heading>.row{margin-top:12px}.actor-layout{grid-template-columns:minmax(0,1fr)}.actor-layout.has-scene .actor-scene-list{display:none}.actor-layout:not(.has-scene) .actor-reader{display:none}.actor-reader-actions>[data-actor-list]{display:inline-flex}.actor-reader{padding:16px}.actor-script{font-size:16px}.actor-character{margin-left:24%}.actor-dialogue{margin-left:10%;margin-right:5%}.actor-parenthetical{margin-left:18%}.actor-heading h1{font-size:1.6rem}}

/* Script paper is white in every workspace theme; tools keep workspace colours. */
.actor-reader-actions{align-items:center;padding-bottom:14px;gap:12px}
.actor-version,.actor-page-reference{margin:0 0 12px;line-height:1.5;font-size:.85rem}
.actor-reader .notice{margin:14px 0;font-size:.85rem}
.actor-script{background:#fff!important;color:#111!important;border:1px solid #d9dce0;border-radius:3px;padding:32px 36px;margin:18px 0 0;max-width:none;box-sizing:border-box;font-weight:400}
.actor-script h3,.actor-script p{color:#111!important}
.actor-scene-list{position:sticky;top:84px;max-height:calc(100dvh - 110px);overflow:auto;scrollbar-gutter:stable}
.actor-scene{padding:10px 12px!important;font-size:.85rem!important}
@media(max-width:700px){.actor-script{padding:24px 16px}.actor-scene-list{position:static;max-height:none}}
@media print{.actor-script,.actor-reader{background:#fff!important;color:#111!important;box-shadow:none}}

.actor-reader[tabindex="-1"]:focus{outline:none}


/* creator-journey.css */
.creator-journey{display:grid;gap:16px;max-width:1120px;margin:0 auto}
.creator-journey-next{padding:24px 28px}
.creator-journey-kicker{margin:0 0 8px;color:var(--muted);font-size:.8rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.creator-journey-next h2{margin:0 0 10px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.18}
.creator-journey-next p:not(.creator-journey-kicker){max-width:58ch;margin:0 0 18px;line-height:1.5}
.creator-journey-actions{display:flex;flex-wrap:wrap;gap:10px}
.creator-journey-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.creator-journey-stages button{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;min-height:74px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);cursor:pointer}
.creator-journey-stages button:hover,.creator-journey-stages button:focus-visible{border-color:var(--accent)}
.creator-journey-stages button:disabled{opacity:.48;cursor:not-allowed}
.creator-journey-stages span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));color:var(--ink);font-weight:750}
.creator-journey-stages strong{font-size:1rem}.creator-journey-stages small{color:var(--muted);font-size:.82rem;line-height:1.3}
.creator-journey-work h3{margin:0 0 12px}.creator-journey-work p{margin:0;padding:9px 0;border-top:1px solid var(--line)}
.creator-journey-work .button{margin-top:14px}
.creator-journey-more{padding:8px 0}.creator-journey-more summary{cursor:pointer;color:var(--muted);font-weight:650}.creator-journey-more>div{display:flex;gap:10px;flex-wrap:wrap;padding-top:12px}
.creator-short-plan{display:grid;gap:16px}.creator-short-plan>p{margin:0;color:var(--muted)}.creator-short-plan fieldset{display:grid;gap:10px;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px}.creator-short-plan legend{padding:0 6px;font-weight:750}.creator-short-plan .field{display:grid;gap:5px}.creator-short-plan input:not([type=radio]):not([type=checkbox]),.creator-short-plan textarea{width:100%;min-width:0;box-sizing:border-box}.creator-radio{display:flex;align-items:center;gap:9px;min-height:44px}.creator-time-fields{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.creator-short-plan.is-exact .creator-time-fields{display:grid}.creator-short-plan details{border-top:1px solid var(--line);padding-top:12px}.creator-short-plan details>summary{cursor:pointer;font-weight:650}.creator-short-plan details[open]{display:grid;gap:12px}.creator-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.creator-short-plan [role=alert]:empty{display:none}
@media(max-width:600px){.creator-journey{gap:12px}.creator-journey-next{padding:18px}.creator-journey-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.creator-journey-stages button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;padding:7px 4px;text-align:center}.creator-journey-stages small{display:none}.creator-journey-stages strong{font-size:.82rem}.creator-journey-stages span{width:22px;height:22px;font-size:.75rem}.creator-time-fields{grid-template-columns:1fr 1fr}.creator-time-fields .field:first-child{grid-column:1/-1}.creator-form-actions>*{flex:1 1 150px}}

/* Only the explicit Creator overview gets a compressed shell. Professional pages
   and the deeper, full-featured workspaces retain their existing navigation. */
.page:has(.creator-journey) #context-back,
.page:has(.creator-journey) .pw-command-center{display:none}
.page:has(.creator-journey) .production-quick-nav{min-height:0;margin:0 0 8px;padding:0;border:0;background:transparent;box-shadow:none;justify-content:flex-end}
.page:has(.creator-journey) .production-quick-nav .ui-context-current{display:none}
.page:has(.creator-journey) .production-quick-nav>details>summary{min-height:40px;padding:7px 12px}
.page:has(.creator-journey) .pw-head{margin:0 0 14px}
.page:has(.creator-journey) .pw-head h1{margin:0 0 5px;font-size:clamp(21px,2.1vw,27px);line-height:1.2}
.page:has(.creator-journey) .pw-head .pw-context,
.page:has(.creator-journey) .pw-head-actions{display:none!important}
@media(max-width:760px){.page:has(.creator-journey) .pw-head h1{font-size:21px}.page:has(.creator-journey) .production-quick-nav{margin-top:-4px}}

.creator-stage-content{display:grid;gap:16px}
.creator-stage .creator-journey-stages{margin-bottom:2px}
.creator-stage .creator-journey-stages button[aria-current=step]{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}
.creator-stage-lead h2{margin:0 0 8px;font-size:clamp(1.45rem,2vw,1.8rem);line-height:1.2}
.creator-stage-lead p:not(.creator-journey-kicker){margin:0 0 15px;line-height:1.45}
.creator-stage-heading,.creator-unit-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.creator-stage-heading h2,.creator-unit h3{margin:0 0 5px}
.creator-stage-heading p{margin:0;color:var(--muted);line-height:1.45}
.creator-stage-heading{margin-bottom:18px}
.creator-stage-units{display:grid;gap:14px}
.creator-unit{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.creator-unit-heading{align-items:center;margin-bottom:14px}
.creator-unit-heading small,.creator-delivery small,.creator-coverage-item small{display:block;color:var(--muted);line-height:1.4}
.creator-unit-heading details{position:relative}
.creator-unit-heading summary{cursor:pointer}
.creator-menu-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}
.creator-coverage-list,.creator-sponsor-list{list-style:none;padding:0;margin:0 0 14px}
.creator-coverage-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.creator-coverage-actions{display:flex;flex-wrap:wrap;gap:6px}
.creator-coverage-actions .button{min-height:38px;padding:6px 10px;font-size:.85rem}
.creator-coverage-actions [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.creator-empty{color:var(--muted);margin:0 0 12px}
.creator-delivery{display:grid;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.creator-delivery a{width:fit-content}
.creator-delivery details summary{cursor:pointer}
.creator-sponsor-list{margin:10px 0 0}.creator-sponsor-list li{padding:7px 0}
.creator-workflow-form{display:grid;gap:13px}.creator-workflow-form .field{display:grid;gap:5px}
.creator-workflow-form input,.creator-workflow-form select,.creator-workflow-form textarea{width:100%;min-width:0;box-sizing:border-box}
.creator-workflow-form [role=alert]:empty{display:none}
@media(max-width:760px){.creator-stage-heading,.creator-unit-heading,.creator-coverage-item{align-items:stretch;flex-direction:column}.creator-stage-heading>.button{width:100%}.creator-coverage-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.creator-coverage-actions .button{min-width:0;white-space:normal}.creator-unit{padding:14px}}


/* design/page-heading.css */
/* Working rhythm: context once, consistent return/help, no changes to exported paper. */
.page .ce-page-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px 16px!important;margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;min-height:56px!important}
.page .ce-page-heading:not(:has(>#context-back)){grid-template-columns:minmax(0,1fr) auto!important}
.page .ce-page-heading>#context-back{margin:0!important;align-self:center}
.page .ce-page-name{min-width:0;display:grid;gap:6px}
.page .ce-page-name h1{font-size:26px!important;line-height:1.25!important;letter-spacing:-.4px!important;margin:0!important;overflow-wrap:anywhere}
.page .ce-page-name p{font-size:14px!important;line-height:1.5;margin:0!important;max-width:64ch;color:var(--muted)}
.page .ce-production-context{display:block;letter-spacing:0;font-size:13px!important;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.page .ce-page-actions{display:flex!important;align-items:center!important;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.page .ce-page-heading :is(.button,summary){font-size:14px!important;min-height:44px!important;line-height:1.3;padding:8px 12px;box-sizing:border-box}
.page .ce-workspace-switch{position:relative;min-width:0}
.page .ce-workspace-switch>summary{cursor:pointer;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px}
.page .ce-workspace-switch .ui-workspace-menu{position:absolute;right:0;top:calc(100% + 6px);width:min(540px,calc(100vw - 32px));max-height:min(65dvh,500px);overflow:auto;padding:16px;background:var(--panel,var(--paper));border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0003;z-index:60}
.page .ce-workspace-switch .ui-workspace-menu section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.page .ce-workspace-switch .ui-workspace-link{white-space:normal;min-height:44px}
.page[data-page-hierarchy] .series-command-center{padding:8px!important;margin-bottom:16px}
.page[data-page-hierarchy] .series-planning-tools{margin:0 0 24px;border-bottom:1px solid var(--line)}
.series-planning-tools>summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:650}
.series-planning-tools>summary::before{content:'▸'}.series-planning-tools[open]>summary::before{content:'▾'}
.series-planning-tools>.professional-planning{margin:8px 0 16px!important}
.page[data-page-hierarchy] .series-section{padding-top:4px}
.page[data-page-hierarchy] .series-section-head{gap:16px;margin:0 0 20px;align-items:center}
.series-framework-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.series-framework-grid+.ui-action-cluster{margin-top:16px!important}
.series-total{font-size:14px;color:var(--muted);font-weight:500;margin-left:8px}
.series-status-label{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-bottom:4px}
.page[data-page-hierarchy] .series-list-toolbar{display:grid;grid-template-columns:minmax(180px,1.4fr) auto minmax(170px,1fr) auto;justify-content:initial;gap:12px;margin-bottom:12px}
.page[data-page-hierarchy] .series-list-toolbar .field{min-width:0;margin:0}
.page[data-page-hierarchy] .series-episode-list{margin-top:12px}
.page[data-page-hierarchy] .series-result-count.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page[data-page-hierarchy] .series-episode-row{grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(120px,1fr) minmax(80px,.6fr) auto;gap:12px;padding-block:8px}
.page[data-page-hierarchy] .calendar-view-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:0 0 16px}
.calendar-view-controls>.field{flex:1;min-width:min(280px,100%);margin:0}
.calendar-view-controls .chips{margin:0}
.calendar-connections,.schedule-queue{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
:is(.calendar-connections,.schedule-queue)>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}
:is(.calendar-connections,.schedule-queue)>summary::before{content:'▸'}:is(.calendar-connections,.schedule-queue)[open]>summary::before{content:'▾'}
.calendar-connections .calendar-connect{margin-top:12px;flex-wrap:wrap}
.page[data-page-hierarchy] .agenda>h2{margin:0 0 12px;font-size:20px}
.page[data-page-hierarchy] .sb-entry{display:flex;flex-direction:column;gap:12px}
.page[data-page-hierarchy] .sb-entry :is(h2,h3,p){margin:0!important;line-height:1.5}
.page[data-page-hierarchy] .sb-entry h2{font-size:20px!important;line-height:1.3}
.page[data-page-hierarchy] .sb-entry>.row{margin-top:auto;padding-top:4px;gap:8px}
.sb-review-notice{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;font-size:13px;line-height:1.5;background:var(--surface-2)}
.sb-review-notice>.button{justify-self:start}
.page[data-page-hierarchy] .sb-av{gap:16px;margin-top:0}.page[data-page-hierarchy] .sb-av>div{display:grid;align-content:start;gap:8px}
.sb-secondary{position:relative}.sb-secondary>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px}.sb-secondary>.button{position:absolute;top:100%;right:0;z-index:10;background:var(--panel);min-width:200px}
.page .department-empty{display:grid;gap:12px;max-width:760px}.page .department-empty :is(h2,p){margin:0}.page .department-empty h2{font-size:20px}.page .department-empty>.button{justify-self:start}
.page .sp-room .sp-tabs{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0;border:0}
.sp-document-tools{position:relative}.sp-document-tools>summary{font-size:14px;min-height:44px;display:flex;align-items:center;cursor:pointer;gap:8px}
.sp-document-tools>summary::after{content:'⌄'}
.sp-document-tools>div{position:absolute;top:100%;left:0;z-index:60;display:grid;gap:8px;min-width:250px;max-width:calc(100vw - 32px);padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0003}
.page .sp-room .sp-paper{padding-top:24px}.page .sp-room .sp-paper-title{margin-bottom:24px}.page .sp-room .sp-paper-title input{font-size:18px;line-height:1.4}
@media(max-width:1100px){.page .ce-page-heading{grid-template-columns:auto minmax(0,1fr)!important}.page .ce-page-heading:not(:has(>#context-back)){grid-template-columns:1fr!important}.page .ce-page-actions{grid-column:1/-1}.page[data-page-hierarchy] .series-list-toolbar{grid-template-columns:minmax(180px,1fr) auto}.page[data-page-hierarchy] .series-episode-row{grid-template-columns:minmax(180px,2fr) 1fr 1fr}.page[data-page-hierarchy] .series-episode-row>button:last-child{justify-self:start}}
@media(max-width:760px){.page .ce-page-name h1{font-size:22px!important}.page .ce-page-heading{gap:12px!important;margin-bottom:16px!important}.page .ce-workspace-switch .ui-workspace-menu{position:fixed;top:auto;left:16px;right:16px;width:auto;margin-top:8px}.page .ce-workspace-switch .ui-workspace-menu section>div{grid-template-columns:1fr}.page[data-page-hierarchy] .series-list-toolbar{grid-template-columns:minmax(0,1fr)}.page[data-page-hierarchy] .series-list-toolbar .ui-action-cluster{display:flex;flex-wrap:wrap}.page[data-page-hierarchy] .series-episode-row{grid-template-columns:1fr 1fr;gap:8px 12px}.page[data-page-hierarchy] .series-episode-row>.task-title{grid-column:1/-1}.page[data-page-hierarchy] .series-section-head{align-items:flex-start;display:flex;flex-direction:column}.series-framework-actions{justify-content:flex-start}.page .sp-room .sp-paper-title input{font-size:16px}.page .sp-room .sp-tabs{flex-wrap:wrap}}
@media print{.ce-page-heading,.series-planning-tools,.calendar-view-controls,.calendar-connections,.sp-document-tools{display:none!important}}
.page .ce-page-heading>#context-back{display:inline-flex!important;justify-content:center}
.page .ce-page-heading .button{margin:0!important}


/* design/mobile-workviews.css */
/* Phone task layouts share the desktop design tokens and canonical controls. */
.mw-production-list,.mw-contact-row{min-width:0}
.mw-choice-body{display:grid;gap:12px;padding:12px 0}
.mw-choice summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}
.mw-profile-transfer{align-self:center}
.mw-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,600px);max-width:100%;max-height:85dvh;box-sizing:border-box;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom));box-shadow:0 -12px 48px #0004}
.mw-sheet::backdrop{background:#0006}
.mw-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-16px;background:var(--paper);padding:12px 0;z-index:2}
.mw-sheet>header h2{font-size:20px;margin:0;overflow-wrap:break-word}
.mw-sheet .mw-choice-body{padding:0;min-width:0}
.mw-sheet .mw-choice-body>.button{justify-content:flex-start;white-space:normal;text-align:left}
.mw-sheet .mw-choice-body>.button small{display:block;white-space:normal;font-weight:400}
.mw-sheet input,.mw-sheet select,.mw-sheet textarea{font-size:16px!important}
.mw-sheet .sp-control-center{display:grid;gap:12px}
.mw-sheet .sp-control-center [role=tablist]{display:grid;gap:8px}
.mw-sheet.mw-editor-sheet{inset:0;margin:auto;max-height:100%;height:100%;border-radius:0;padding-top:max(12px,env(safe-area-inset-top))}
@media(max-width:760px){
 html.mobile-app-frame .mw-shell .sidebar{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:6px 12px!important;min-height:58px!important;max-height:none;border-bottom:1px solid var(--line)}
 .mw-shell .sidebar>.brand{display:none!important}
 .mw-shell .sidebar .sidebar-bottom{display:block!important;position:static!important;flex:1;min-width:0;margin:0!important;padding:0!important;border:0}
 .mw-shell .sidebar .workspace{display:flex!important;gap:8px;padding:0!important;min-height:44px;align-items:center}
 .mw-shell .workspace>span:nth-child(2){display:block!important;min-width:0;flex:1}
 .mw-shell .workspace b{display:block;font-size:14px!important;line-height:1.25;max-height:2.5em;overflow:hidden;overflow-wrap:break-word;white-space:normal!important}
 .mw-shell .workspace small,.mw-shell .account-trigger-label{display:none!important}
 .mw-shell .workspace .avatar{width:30px;height:30px;flex:0 0 30px;font-size:13px}
 .mw-shell .sidebar>.topbar{display:block!important;position:static!important;padding:0!important;min-height:0!important;border:0;background:transparent!important}
 .mw-shell .top-right{display:flex!important;align-items:center;gap:4px!important;flex-wrap:nowrap!important}
 .mw-shell .topbar [data-save-status]{width:8px;height:8px;overflow:hidden;clip-path:circle(50%);font-size:0;background:var(--muted)}
 .mw-shell .topbar [data-save-status][data-status=saved]{background:var(--success,var(--accent))}
 .mw-shell .topbar [data-save-status][data-status=failed]{background:var(--danger,#c33838)}
 .mw-shell .topbar [data-save-status][data-status=unsaved],.mw-shell .topbar [data-save-status][data-status=saving]{background:var(--accent)}
 .mw-shell .top-right>.button[data-project=new]{width:44px;height:44px;padding:10px;font-size:0!important;gap:0;min-width:44px}
 .mw-shell .top-right>.button[data-project=new] svg{width:22px;height:22px}
 .mw-shell .top-right .notification-bell{min-width:44px;width:44px;height:44px;padding:10px!important}
 .mw-shell .top-right .credit-chip{max-width:44px}
 html.mobile-app-frame .page{padding:14px 12px 24px!important}
 .page h1{font-size:22px!important;line-height:1.2;letter-spacing:-.015em}
 .page h2{font-size:18px!important;line-height:1.3}
 .page h3{font-size:16px!important;line-height:1.35}
 .page .panel.pad{padding:14px!important;margin-bottom:12px}
 .page :is(input,select,textarea){font-size:16px!important}
 .page :is(.button,summary){min-height:44px;line-height:1.3}
 .page .button{font-size:14px!important;padding:10px 12px;white-space:normal;overflow-wrap:normal;word-break:normal}
 .page :is(p,small){overflow-wrap:break-word}
 .page .mw-page-head,.page .mw-project-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
 .mw-page-head h1,.mw-project-head h1{margin:0}
 .mw-page-head>div:first-child,.mw-project-title{min-width:0;flex:1}
 .mw-page-head>div:last-child,.mw-project-options{display:flex;gap:8px;align-items:center}
 .page .mw-project-head{align-items:flex-start}
 .mw-project-title>button{padding:4px 0!important;margin-bottom:4px;min-height:32px!important}
 .mw-project-title small{display:block;color:var(--muted);margin-top:4px}
 .mw-project-options{flex-wrap:wrap;justify-content:flex-end}
 .mw-work-area{display:flex;align-items:center;gap:8px;margin:12px 0 16px;flex-wrap:wrap}
 .mw-work-area .mw-choice{flex:1;min-width:120px;border:1px solid var(--line);border-radius:10px;padding:0 10px}
 .mw-work-area .mw-choice>summary:after,.mw-search-bar .mw-choice>summary:after{content:'⌄';margin-left:auto}
 .mw-secondary{margin:12px 0;font-size:14px}
 .mw-secondary>summary{font-size:14px;gap:8px}
 .mw-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px;align-items:center}
 .mw-search-bar input{min-width:0;width:100%;height:44px}
 .mw-search-bar .mw-choice{border:1px solid var(--line);border-radius:10px;padding:0 10px;max-width:155px}
 .mw-search-bar .mw-choice>summary{font-size:14px}
 .mw-production-row{position:relative;border-bottom:1px solid var(--line);padding:10px 0}
 .mw-open-row{display:flex;align-items:center;width:100%;gap:10px;text-align:left;color:var(--ink);padding:6px 0;min-height:64px}
 .mw-open-row>span:first-child{flex:1;min-width:0}
 .mw-open-row strong{display:block;font-size:16px;line-height:1.35;overflow-wrap:break-word}
 .mw-open-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
 .mw-open-row .pill{font-size:11px;max-width:90px;white-space:normal;text-align:center}
 .mw-row-more{margin:0}
 .mw-row-more>summary{font-size:12px;min-height:32px!important;color:var(--muted);width:max-content}
 .mw-row-more>div{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}
 .page .dash-head{margin-bottom:12px;gap:8px}
 .page .dash-columns{display:block}
 .page .dash-item{padding:10px 0;gap:12px;align-items:center}
 .page .dash-item p{font-size:14px;line-height:1.45;margin:4px 0}
 .page .dash-item>.row{gap:6px;flex-wrap:wrap}
 .mw-next-shoot .dash-item>.row>a[href^='/production-live/']{display:none}
 .page .dash-actor-focus .dash-actor-scenes{display:none}
 .page .dash-metrics{gap:8px}
 .page .dash-metrics button{padding:8px;font-size:12px;min-height:44px}
 .page .dash-metrics strong{font-size:20px}
 .page .pw-overview{display:grid;grid-template-columns:1fr;gap:0}
 .page .pw-command-center{margin-bottom:12px}
 .page .production-quick-nav:has(+.mw-project-head){display:none}
 .page:has(.mw-project-head)>.production-quick-nav{display:none}
 .mw-contact-row{display:flex;gap:8px;align-items:flex-start;border-bottom:1px solid var(--line);padding:10px 0}
 .mw-contact-row>details{flex:1;min-width:0}
 .mw-contact-row summary{display:flex;gap:10px;align-items:center;list-style:none}
 .mw-contact-row summary>span:last-child{min-width:0;flex:1}
 .mw-contact-row strong{font-size:15px;display:block;overflow-wrap:break-word}
 .mw-contact-row small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:3px}
 .mw-contact-row .pw-contact-avatar{width:32px;height:32px;flex:0 0 32px;font-size:12px}
 .mw-contact-row .pw-contact-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:120px}
 .mw-contact-row details>div{padding:8px 0;font-size:13px}
 .pw-contact-header,.pw-contacts-header{display:grid!important;gap:8px}
 .pw-contacts-header>h2{margin:0}
 .pw-contact-search input{width:100%;height:44px}
 .pw-contact-grid{display:block!important}
 .pw-contact-group{margin-top:14px}
 .pw-contact-group h3{position:sticky;top:0;background:var(--paper);padding:8px 0;z-index:2;margin:0}
 .pw-contact-departments{display:block!important;margin:8px 0}
 .page .mw-call-time{display:flex;align-items:center;gap:16px;margin:12px 0}
 .mw-call-time>strong{font-size:30px;font-variant-numeric:tabular-nums;line-height:1.2}
 .mw-call-time>span{font-size:14px}
 .mw-call-time small{display:block;color:var(--muted);margin-top:3px;font-size:12px}
 .mw-call-card>p{margin:8px 0;line-height:1.45}
 .mw-call-card>.row{gap:8px}
 .mw-callsheet .shoot-sharing{padding:12px!important}
 .mw-callsheet .shoot-sharing-body{padding-top:10px}
 .mw-callsheet .shoot-roster-tools{grid-template-columns:1fr 1fr;gap:8px}
 .mw-callsheet .shoot-roster-tools>label:first-child{grid-column:1/-1}
 .mw-callsheet .shoot-roster-scroll{max-height:45dvh}
 .mw-callsheet .shoot-response-row{padding:8px 0;font-size:13px;gap:8px}
 .mw-callsheet .shoot-response-row summary{min-height:44px;white-space:normal}
 .mw-callsheet .shoot-own-response{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
 .mw-callsheet .shoot-own-response>strong{width:100%;font-size:14px}
 .page .series-command-center{padding:0!important;margin:8px 0 14px!important;border:0;background:transparent}
 .mw-series-navigation .mw-choice{border:1px solid var(--line);padding:0 12px;border-radius:10px}
 .page .series-planning-tools{margin-top:14px}
 .page .series-identity .eyebrow,.page .series-section-head .eyebrow{display:none}
 .page .series-section-head{display:flex;gap:10px;margin:0 0 10px;align-items:flex-start}
 .page .series-section-head p{font-size:14px;line-height:1.45;margin-top:6px}
 .page .series-framework-grid{display:block}
 .page .series-framework-item{padding:12px!important}
 .page .series-workspace>.demo-orientation{font-size:12px;margin:4px 0!important;border:0;padding:0;background:none}
 .page .series-workspace>.demo-orientation>summary{min-height:32px}
 .page .ce-page-heading{gap:8px;margin-bottom:12px}
 .page .ce-page-heading>.ce-page-name{min-width:0}
 .page .ce-production-context{font-size:12px;line-height:1.3}
 .page .ce-page-heading>.ce-page-actions{gap:6px}
 .page .ce-page-actions>.hc-context>.button{font-size:0!important;width:44px;padding:10px}
 .page .ce-page-actions>.hc-context>.button svg{width:20px;height:20px}
 .page .ce-page-name p{font-size:14px;line-height:1.4;margin-top:6px}
 .page .calendar-view-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0}
 .calendar-view-controls label{font-size:12px}
 .calendar-view-controls .chips{gap:4px}
 .page .agenda-day{padding:12px!important}
 .page .agenda-day>small{display:none}
 .page .calendar-layout{margin-top:0}
 .page .mw-photo-picker{position:relative;display:flex;gap:8px;align-items:center;width:max-content}
 .mw-photo-picker input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
 .mw-photo-picker:focus-within{outline:3px solid var(--accent);outline-offset:3px}
 #person-card-form>.fields{gap:12px}
 #person-card-form>.row.wrap:first-child{display:flex;gap:12px;margin-top:0}
 #person-card-form>.row.wrap:first-child>img{width:54px;height:54px;border-radius:50%;object-fit:cover}
 #person-card-form details{margin-top:12px}
 #person-card-form .mw-profile-transfer{width:100%}
 /* Reading uses the same paper. Explicit Edit enables the same single editor. */
 .sp-room .sp-tabs{margin:4px 0 10px!important;gap:8px;justify-content:space-between}
 .sp-room .sp-tabs>.button{display:none}
 .sp-room .sp-document-tools>summary{font-size:13px;min-height:36px}
 .sp-room .sp-writing-bars.mw-script-reader-tools{display:grid!important;grid-template-columns:1fr auto;gap:6px;padding:8px!important}
 .mw-script-reader-tools>.mw-choice{grid-column:2;grid-row:1/3;font-size:12px}
 .mw-script-reader-tools>.sp-episode-nav{grid-column:1;grid-row:1;display:block!important}
 .mw-script-reader-tools>.sp-scene-sidebar{grid-column:1;grid-row:2;display:block!important}
 .mw-script-reader-tools .sp-episode-nav label,.mw-script-reader-tools .sp-scene-jump{font-size:11px;gap:2px}
 .mw-script-reader-tools :is(.sp-episode-nav,.sp-scene-sidebar) select{height:40px;min-height:40px!important;padding:6px 8px;font-size:14px!important;width:100%;max-width:100%}
 .mw-script-reader-tools .sp-episode-nav small,.mw-script-reader-tools .sp-scene-index{display:none}
 html:not(.sp-mobile-writing) .mw-script-reader-tools>.sp-editor-tools{display:none!important}
 .mw-script-reader-tools>.sp-mobile-write-start{display:flex!important;grid-column:2;grid-row:3;justify-content:center}
 .mw-script-reader-tools>.mw-choice>summary{max-width:100px;text-align:center;padding:4px}
 html:not(.sp-mobile-writing) .mw-script-reader-tools+.sp-editor-layout .sp-editor-actions{display:none}
 html:not(.sp-mobile-writing) .sp-paper :is(input,textarea){cursor:text}
 html.sp-mobile-writing .mw-script-reader-tools{display:block!important}
 html.sp-mobile-writing .mw-script-reader-tools>.mw-choice{display:none!important}
 html.sp-mobile-writing .mw-script-reader-tools>.sp-editor-tools{display:flex!important}
 .page .task-toolbar{display:flex;flex-wrap:wrap;gap:8px}
 .page .task-toolbar>label{flex:1 1 120px}
 .page .task-board{display:block}
 .page .task-column{margin-bottom:12px}
 /* Long existing edit dialogs get a focused screen; short choices remain sheets. */
 dialog#modal:has(form:not(#login-form):not(#demo-install)){width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0;inset:0;border-radius:0;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}
 dialog#modal :is(.fields.two,.fields.three,.sp-grid){grid-template-columns:1fr}
 .page .directory-row{min-width:0}
 .page .directory-row>div{min-width:0}
 .page .registry-search-control{min-width:0}
 .mw-sheet .registry-search-results{max-height:35dvh}
}

@media(max-width:760px){.mw-shell .workspace b{display:block!important}.mw-shell .workspace{width:100%}.mw-shell .topbar .ui-create-label{display:none!important}.mw-shell .topbar .ui-global-tools{display:block!important}.mw-page-head .mw-choice>summary{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px}.mw-sheet .mw-choice-body .pw-workspace-tab{display:flex;width:100%;justify-content:flex-start}.mw-sheet .mw-choice-body .pw-workspace-tab [aria-current]{font-weight:700}.mw-series-navigation .mw-choice>summary:after{content:"⌄";margin-left:auto}.mw-script-reader-tools>.mw-choice>summary{border:1px solid var(--line);border-radius:8px;min-height:44px}.mw-sheet .mw-choice-body .sp-mode-controls{flex-wrap:wrap}.mw-sheet .mw-choice-body .sp-control-tab{min-height:44px}}

@media(max-width:760px){.mw-shoot-row .row.wrap{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center}.mw-shoot-row .row.wrap>.button{width:auto!important;flex:0 1 auto}.mw-shoot-row .row.wrap>.mw-choice{flex:0 1 auto}.mw-shoot-row .mw-choice>summary{padding:8px 12px;border:1px solid var(--line);border-radius:10px}.page .mw-callsheet .ce-page-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}.mw-callsheet .ce-page-actions{grid-column:2;justify-content:flex-start}.mw-callsheet .ce-page-name p{font-size:12px;line-height:1.4}.page .mw-project-head.ce-page-heading{display:grid;grid-template-columns:auto minmax(0,1fr)}.mw-project-head .ce-page-actions{grid-column:2}.page .mw-project-head .mw-project-title:empty{display:none}.mw-callsheet .mw-call-card .button{margin-top:8px}.mw-callsheet .mw-call-card .row .button{margin-top:0}.page .reg-filter,.page .reg-tabs{margin-bottom:12px}.page .reg-item{padding:10px;margin-bottom:8px}.page .reg-row{grid-template-columns:28px minmax(0,1fr) auto}.page .reg-name{font-size:15px;line-height:1.4;text-align:left}.page .reg-item>p{font-size:13px}.page .reg-list .reg-check input{width:18px;height:18px}}

@media(max-width:760px){
 .sp-room .mw-script-reader-tools>.mw-choice{grid-column:1!important;grid-row:3!important;justify-self:start;min-width:130px}
 .sp-room .mw-script-reader-tools>.mw-choice>summary{max-width:none}
 .sp-room .mw-script-reader-tools>.sp-episode-nav{grid-column:1/-1!important;grid-row:1!important;width:100%;min-width:0}
 .sp-room .mw-script-reader-tools>.sp-scene-sidebar{grid-column:1/-1!important;grid-row:2!important;min-width:0}
 .sp-room .mw-script-reader-tools>.sp-mobile-write-start{grid-column:2!important;grid-row:3!important;justify-self:end}
 html.sp-mobile-writing .sp-room .sp-editor-tools>label{display:flex!important;align-items:center;font-size:0;flex:0 1 110px;min-width:90px}
 html.sp-mobile-writing .sp-room .sp-editor-tools>label select{height:44px;min-height:44px!important;width:100%;font-size:14px!important;padding:6px}
 html.sp-mobile-writing .sp-room .sp-writing-bars{max-height:120px}
 html.sp-mobile-writing .sp-room .sp-editor-tools [data-sp-local-status]{font-size:11px}
 .page .mw-project-head.ce-page-heading,.page .mw-callsheet .ce-page-heading{grid-template-columns:auto minmax(0,1fr)!important}
 .page .mw-project-head.ce-page-heading .ce-page-actions{grid-column:1/-1;justify-content:flex-start}
 .page .mw-profile-transfer>summary{padding:8px 0}
}

@media(max-width:760px){.mw-plan-values>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:12px;margin:10px 0}.mw-plan-values dt{font-size:13px;color:var(--muted)}.mw-plan-values dd{margin:0;font-size:14px;white-space:pre-wrap;overflow-wrap:break-word}.mw-department-entry p{font-size:14px;line-height:1.45;margin:8px 0}.mw-department-day .row.wrap{gap:8px}.mw-sheet .department-fields{display:grid;grid-template-columns:1fr!important;gap:12px}.mw-sheet .department-entry{border:0;padding:0}.mw-sheet .department-entry legend{font-size:14px}.mw-sheet .mw-choice-body form{min-width:0}}

@media(max-width:760px){
 .page[data-page-hierarchy]:not([data-page-hierarchy=calendar]) .ce-page-heading{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;margin-bottom:14px!important}
 .page[data-page-hierarchy]:not([data-page-hierarchy=calendar]) .ce-page-actions{grid-column:3!important;grid-row:1!important;flex-wrap:nowrap}
 .page[data-page-hierarchy]:not([data-page-hierarchy=calendar]) .ce-page-name{grid-column:2;grid-row:1}
 .page .mw-header-choice>summary{min-width:44px;justify-content:center;padding:8px;border:1px solid var(--line);border-radius:10px}
 .page[data-page-hierarchy] .ce-page-actions:has(>.ui-help-control){width:44px}
 .page[data-page-hierarchy] .ce-page-actions>.ui-help-control{font-size:0!important;width:44px;min-width:44px;padding:10px!important}
 .page[data-page-hierarchy] .ce-page-actions>.ui-help-control svg{width:20px;height:20px}
 .mw-sheet .mw-choice-body>.ce-workspace-switch{width:100%}
 .mw-sheet .mw-choice-body .ui-workspace-menu{max-width:100%;position:static}
 .mw-sheet .mw-choice-body .ui-workspace-menu section>div{grid-template-columns:1fr}
 .mw-sheet .mw-choice-body .ui-action-popup{max-width:calc(100vw - 32px)}
 .page .mw-project-head .mw-project-title:empty{display:none}
}

/* Welcome/clarity audit: explicit placement, readable people, compact disclosures. */
.dash-orientation{margin:0 0 18px;max-width:68ch}.dash-orientation h2{font-size:22px;line-height:1.3;margin:0 0 6px}.dash-orientation p{margin:6px 0;color:var(--muted);line-height:1.5}.dash-orientation .eyebrow{font-size:12px;letter-spacing:0;text-transform:none}.dash-entry-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dash-demo-days{margin-top:12px}.dash-demo-days>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650}.mw-library-lead{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 14px}
@media(max-width:760px){
 .page[data-page-hierarchy=calendar] .ce-page-heading{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;min-height:0!important}
 .page[data-page-hierarchy=calendar] .ce-page-heading>#context-back{grid-column:1!important;grid-row:1!important}
 .page[data-page-hierarchy=calendar] .ce-page-name{grid-column:2!important;grid-row:1!important}
 .page[data-page-hierarchy=calendar] .ce-page-heading:not(:has(>#context-back)) .ce-page-name{grid-column:1/-1!important}
 .page[data-page-hierarchy=calendar] .ce-page-actions{grid-column:1/-1!important;grid-row:2!important;display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;width:auto!important}
 .page[data-page-hierarchy=calendar] .ce-page-actions>.button{width:auto!important;max-width:100%;margin:0!important}
 .page[data-page-hierarchy=calendar] .ce-page-actions>.ui-help-control{width:44px!important}
 .page .agenda .shoot-card{padding:10px 12px;grid-template-columns:auto minmax(0,1fr);gap:4px 8px}
 .page .agenda .shoot-card strong{font-size:15px;line-height:1.4;white-space:normal}
 .page .agenda .shoot-card>span{font-size:13px}
 .page .agenda .shoot-card small{font-size:13px;white-space:normal;line-height:1.45}
 .page .mw-callsheet>details.panel{padding:0 12px!important;margin:10px 0!important;min-height:0!important;box-shadow:none}
 .mw-callsheet>details.panel>summary{min-height:48px;display:flex;align-items:center;gap:8px;padding:12px 0!important;list-style:none;font-size:14px!important}
 .mw-callsheet>details.panel>summary:before{content:'›';font-size:20px;flex:none}.mw-callsheet>details.panel[open]>summary:before{content:'⌄'}
 .mw-callsheet>details.panel[open]{padding-bottom:12px!important}
 .mw-callsheet .shoot-sharing>summary{flex-wrap:wrap;gap:4px 8px!important}.mw-callsheet .shoot-sharing>summary>span{flex:1 1 100%;font-size:12px;margin-left:18px;color:var(--muted)}
 .mw-callsheet .shoot-roster-columns{display:none!important}
 .mw-callsheet .shoot-response-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-items:start;padding:12px 0!important;gap:2px 12px!important}
 .mw-callsheet .shoot-response-row>details{grid-column:1;grid-row:1/3;min-width:0}
 .mw-callsheet .shoot-response-row>details>summary{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;padding:0 0 0 16px;position:relative;min-height:44px;list-style:none}
 .mw-callsheet .shoot-response-row>details>summary:before{content:'›';position:absolute;left:0;top:0}.mw-callsheet .shoot-response-row>details[open]>summary:before{content:'⌄'}
 .mw-callsheet .shoot-response-row summary strong{font-size:14px!important;overflow-wrap:normal;word-break:normal;white-space:normal;line-height:1.45}
 .mw-callsheet .shoot-response-row summary small{font-size:12px!important;color:var(--muted);line-height:1.4}
 .mw-callsheet .shoot-response-row>time{grid-column:2;grid-row:1;font-size:14px;text-align:right}
 .mw-callsheet .shoot-response-row>.shoot-response-status{grid-column:2;grid-row:2;font-size:12px;white-space:normal;text-align:right;max-width:90px}
 .mw-callsheet .shoot-share-bar{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center}.mw-callsheet .shoot-share-bar>p{flex:1 1 100%;font-size:14px;margin:0 0 4px}
 .mw-callsheet .shoot-roster-tools{margin:12px 0;gap:8px}.mw-callsheet .shoot-roster-tools label{font-size:12px}
 .mw-callsheet .shoot-roster-scroll{max-height:none!important;overflow:visible!important}.mw-callsheet .shoot-roster-scroll:focus-visible{outline-offset:2px}
 .mw-callsheet .mw-call-card .row.wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mw-callsheet .mw-call-card .row.wrap>.button{width:auto!important;flex:1 1 auto}
 .mw-callsheet .mw-day-notice{padding:10px 12px;font-size:14px;line-height:1.45;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:8px;margin:12px 0}.mw-day-notice .button{margin-top:8px}
 .dash-orientation{margin:4px 0 16px}.dash-orientation h2{font-size:23px!important}.dash-orientation p{font-size:14px!important}.dash-entry-links>.button{flex:1 1 auto;width:auto!important}
 .mw-secondary.mw-partners>summary{font-size:14px;min-height:44px}.mw-partners{padding:0 12px!important;min-height:0!important}.mw-partners[open]{padding-bottom:12px!important}
 .mw-row-more>summary{min-height:44px!important;font-size:12px;color:var(--muted)}
}

@media(max-width:760px){.page .agenda .queue-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 0!important}.page .agenda .queue-row>.shoot-card{grid-column:1/-1;grid-row:2}.page .agenda .queue-row>.pill{grid-column:2;grid-row:1;font-size:12px}.page .agenda .queue-row>span:first-child{grid-column:1;grid-row:1;font-size:14px}.page .agenda .queue-row>span>small{font-size:12px}.page .mw-agenda-zone{font-size:12px;color:var(--muted);margin:4px 0 8px}.page>.shoot-transfer{padding:0 12px!important;margin:10px 0;min-height:0;box-shadow:none}.page>.shoot-transfer>summary{font-size:14px;min-height:48px;display:flex;align-items:center;gap:8px}.page>.shoot-transfer>summary:before{content:"›"}.page>.shoot-transfer[open]>summary:before{content:"⌄"}}

@media(max-width:760px){
 .page .role-dashboard{gap:12px}.page #role-dashboard>details.panel{padding:0 12px!important;margin:0!important;box-shadow:none}.page #role-dashboard>details.panel>summary{display:flex;gap:8px;align-items:center;min-height:48px;font-size:14px;padding:10px 0;list-style:none}.page #role-dashboard>details.panel>summary:before{content:'›';font-size:20px}.page #role-dashboard>details.panel[open]>summary:before{content:'⌄'}.page #role-dashboard>details.panel[open]{padding-bottom:12px!important}
 .page .dash-head.mw-page-head{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap;gap:8px;margin-bottom:0}
 .page .dash-head.mw-page-head h1{margin:0!important;flex:1 1 130px}.page .dash-head.mw-page-head>div{display:flex;gap:8px;align-items:center}.page .dash-head .ui-help-control{width:44px;font-size:0!important;padding:10px!important}.page .dash-head .ui-help-control svg{width:20px;height:20px}
 .dash-orientation{margin:0 0 4px}.dash-orientation .eyebrow{font-size:12px!important;letter-spacing:0!important;text-transform:none!important}.dash-orientation p{margin:6px 0}.dash-orientation .dash-entry-links{margin-top:12px}.mw-next-step{font-size:14px;line-height:1.5}
 #role-dashboard>[data-mobile-task-inbox]:empty{display:none}
}

@media(max-width:760px){.mw-callsheet .shoot-response-row[hidden]{display:none!important}}

/* Field work: clear hierarchy, one close control and no toolbar over reading text. */
.mw-sheet .mw-choice-body>.button:has(>small){display:grid;gap:4px;align-content:center}
.mw-sheet .mw-choice-body>.button>span{font-weight:650;font-size:15px;line-height:1.35}
.mw-sheet .mw-choice-body>.button>small{font-size:13px;line-height:1.4;color:var(--muted);margin:0}
.mw-sheet>header>.button{flex:0 0 auto;min-height:44px;font-size:14px}
@media(max-width:760px){
 .page .dash-orientation{margin:0 0 12px;padding:0}
 .page .dash-orientation>.eyebrow{font-size:12px;line-height:1.4;letter-spacing:0;text-transform:none;margin:0 0 10px}
 .page .dash-entry-links{margin:0;gap:8px}
 .page .mw-field-focus>.eyebrow{font-size:12px;line-height:1.4;letter-spacing:0;text-transform:none;margin:0 0 6px;color:var(--muted)}
 .page .mw-field-focus h2,.page .mw-field-entry h2{margin:0 0 10px}
 .page .mw-field-focus p,.page .mw-field-entry p{font-size:14px;line-height:1.5;margin:8px 0}
 .mw-field-time small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:4px}
 .mw-field-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
 .page .mw-contact-shortcut{display:grid;gap:4px;width:100%;text-align:left;justify-content:start;margin-top:8px}
 .mw-contact-shortcut>span{font-weight:650}.mw-contact-shortcut>small{font-size:12px;color:var(--muted)}
 html:not(.sp-mobile-writing) .sp-room .sp-writing-bars.mw-script-reader-tools{position:static!important;top:auto!important;display:flex!important;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:8px}
 html:not(.sp-mobile-writing) .mw-script-reader-tools>.mw-choice{flex:1;min-width:120px}
 html:not(.sp-mobile-writing) .mw-script-reader-tools>.sp-mobile-write-start{margin:0}
 .mw-sheet .sp-episode-nav,.mw-sheet .sp-scene-sidebar{position:static!important;display:block!important;top:auto!important;margin:0!important}
 .mw-sheet .sp-episode-nav label,.mw-sheet .sp-scene-jump>span{font-size:13px!important;line-height:1.4}
 .mw-sheet .sp-episode-nav label::before{content:none!important}
 .mw-sheet .sp-episode-nav label select,.mw-sheet .sp-scene-jump select{display:block;width:100%;margin-top:5px;min-height:44px}
 .mw-sheet .sp-scene-index{margin-top:8px}
 .page .shoot-progress>i{min-width:0}
}

@media(max-width:760px){.mw-day-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.mw-sheet .sp-episode-nav label{display:block}.mw-sheet .sp-scene-sidebar .sp-scene-jump{display:block}}

@media(max-width:760px){
 .mw-sheet .sp-scene-jump::before{content:none!important}
 .mw-shell .ui-global-tools .ui-action-popup .ui-create-label{display:inline!important}
 .mw-shell .ui-global-tools .ui-action-popup [data-project=new]{font-size:14px!important;width:100%;justify-content:flex-start}
 .calendar-workspace [data-page-actions] .mw-choice>summary,.page .heading [data-page-actions] .mw-choice>summary{border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:13px}
}


/* design/presentation.css */
/* One visual and interaction vocabulary across work, people, days and tools. */
.ce-symbol{width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
html[data-presentation=unified] .page{max-width:1440px;margin-inline:auto;width:100%;box-sizing:border-box}
html[data-presentation=unified] .page :is(h1,h2,h3){letter-spacing:-.025em;overflow-wrap:break-word}
html[data-presentation=unified] .page h1{font-size:clamp(24px,2.2vw,32px);line-height:1.2}
html[data-presentation=unified] .page h2{font-size:21px;line-height:1.3}
html[data-presentation=unified] .page h3{font-size:17px;line-height:1.4}
html[data-presentation=unified] .page .panel{box-shadow:0 1px 3px rgb(0 0 0 / .06)}
html[data-presentation=unified] .sidebar .nav button{gap:12px;min-height:46px;font-size:14px;font-weight:600}
html[data-presentation=unified] .sidebar .secondary-nav{padding-top:16px;border-top:1px solid var(--line)}
html[data-presentation=unified] .ce-object-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;margin:0 0 20px;border-bottom:1px solid var(--line);min-width:0}
.ce-object-context>div:first-child{min-width:0;display:grid;gap:4px}.ce-object-context span{font-size:12px;color:var(--muted)}.ce-object-context a:not(.button){font-size:14px;font-weight:600;text-decoration:none;color:var(--ink);overflow-wrap:anywhere}.ce-object-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.ce-production-navigation,.ce-day-navigation,.ce-inbox-navigation{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 24px;align-items:center}
.ce-production-navigation .button,.ce-day-navigation .button{background:transparent;box-shadow:none;min-height:44px}
.ce-production-navigation [aria-current=page],.ce-day-navigation [aria-current=page]{background:var(--selection)!important;color:var(--ink)!important;border-color:var(--accent)!important;box-shadow:none!important}
.ce-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px}
.ce-index-link{display:flex;align-items:center;gap:12px;padding:16px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink);font:inherit;min-height:52px;cursor:pointer;overflow-wrap:anywhere}.ce-index-link>span{flex:1;min-width:0}
.ce-tool-search{display:grid;gap:8px;max-width:560px;margin:20px 0;font-size:14px;font-weight:600}.ce-tool-search input{font:inherit;width:100%;min-height:44px}
.ce-contact-projects{display:grid;gap:0}.ce-notice-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.ce-notice-row:last-child{border:0}.ce-notice-row>svg{margin-top:4px;color:var(--accent)}.ce-notice-row h3{margin:0 0 6px}.ce-notice-row p{white-space:pre-wrap;margin:0 0 8px}.ce-notice-row small{display:block;color:var(--muted);margin-bottom:12px}
.ce-phase{display:flex;align-items:center;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin:0 0 20px;font-size:12px;color:var(--muted)}.ce-phase li{display:flex;align-items:center;gap:6px}.ce-phase li>span{width:8px;height:8px;border:1px solid currentColor;border-radius:50%;box-sizing:border-box}.ce-phase [aria-current=step]{color:var(--ink);font-weight:600}.ce-phase [aria-current=step]>span{background:var(--accent);border-color:var(--accent)}
.ce-personal-day header h2{margin:0 0 20px}.ce-personal-day .eyebrow{margin:0 0 6px}.ce-day-facts{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:24px}.ce-fact{display:flex;align-items:flex-start;gap:12px;min-width:0}.ce-fact>svg{margin-top:5px;color:var(--muted)}.ce-fact>div{min-width:0;display:grid;gap:5px}.ce-fact span,.ce-fact small{color:var(--muted);font-size:14px}.ce-fact strong{overflow-wrap:anywhere}.ce-fact .ce-calltime{font-size:34px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:650}
.ce-signal{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.5}.ce-signal svg{margin-top:2px;color:var(--accent)}.ce-own-preparation{margin-top:16px}.ce-own-preparation p{display:flex;align-items:flex-start;gap:10px;margin:6px 0}.ce-primary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ce-primary-actions a{display:inline-flex;gap:8px;align-items:center}
.ce-work-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}.ce-work-columns>div{min-width:0}.ce-work-columns .panel{margin-bottom:24px}.ce-work-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px}.ce-work-head h1{margin:0 0 8px}.ce-work-head p{margin:0;color:var(--muted)}.ce-work-controls{display:flex;gap:8px;flex-wrap:wrap}.ce-work-empty{padding:16px 0}.ce-work-empty p{max-width:55ch}.ce-work-empty .button{margin-top:8px}
html[data-presentation=unified] .professional-planning .planning-tool-grid{gap:24px}html[data-presentation=unified] .professional-planning .pw-tool-card{box-shadow:none;min-height:64px}html[data-presentation=unified] .professional-planning .pw-tool-card strong{font-size:15px}html[data-presentation=unified] .professional-planning .pw-tool-card small{display:block;font-size:13px;line-height:1.45;margin-top:4px;color:var(--muted)}
[data-ce-budget-expand]{display:none}
@media(min-width:761px){html[data-presentation=unified] .sidebar{width:224px}html[data-presentation=unified] .shell{grid-template-columns:224px minmax(0,1fr)}html[data-presentation=unified] .main>.topbar{min-height:64px;padding-block:10px}html[data-presentation=unified] .production-quick-nav{display:none}}
@media(max-width:1023px){.ce-work-columns{grid-template-columns:minmax(0,1fr)}.ce-day-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:760px){
 html[data-presentation=unified] .page{padding:20px 16px 32px!important;font-size:16px;line-height:1.5}
 html[data-presentation=unified] .page .panel.pad{padding:20px;margin-block:0 20px}
 html[data-presentation=unified] .page :is(input,textarea,select){font-size:16px!important}
 html[data-presentation=unified] .page .button{min-height:44px;font-size:14px;line-height:1.35}
 html[data-presentation=unified] .page .heading{margin-bottom:20px;gap:12px}
 html[data-presentation=unified] .ce-object-context{gap:8px;align-items:flex-start;margin-bottom:16px;padding-bottom:12px}
 html[data-presentation=unified] .ce-object-context .ce-object-actions .button{padding:6px 9px;font-size:12px;min-height:40px}
 .ce-object-actions{max-width:48%;gap:6px}.ce-day-facts{grid-template-columns:minmax(0,1fr);gap:20px}.ce-fact .ce-calltime{font-size:32px}.ce-work-head{flex-wrap:wrap}.ce-work-head h1{font-size:26px}.ce-work-controls{width:100%}.ce-work-columns{display:block}.ce-work-columns>div:empty{display:none}
 .ce-production-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:24px}.ce-production-navigation .button{padding:8px;font-size:13px;text-align:center;justify-content:center}
 .ce-day-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ce-day-navigation .button{font-size:13px!important;padding:8px 4px!important;text-align:center;justify-content:center}
 .ce-primary-actions{gap:8px}.ce-primary-actions>a{flex:1 1 auto;justify-content:center}.ce-phase{gap:14px}
 html[data-presentation=unified] body>.mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 6px max(6px,env(safe-area-inset-bottom));min-height:66px}
 html[data-presentation=unified] body>.mobile-bottom-nav button{min-width:0;min-height:50px;padding:5px 2px;font-size:11px;line-height:1.2;gap:5px;border-radius:9px}
 html[data-presentation=unified] body>.mobile-bottom-nav svg{width:21px;height:21px}
 html[data-presentation=unified] .page .mw-day-nav{display:none}
 html[data-presentation=unified] .budget-scroll{overflow:visible}
 html[data-presentation=unified] #budget-form table{display:block;width:100%;min-width:0!important}
 html[data-presentation=unified] #budget-form thead{display:none}
 html[data-presentation=unified] #budget-form tbody{display:grid;gap:16px}
 html[data-presentation=unified] #budget-form tr[data-budget-row]{display:grid;grid-template-columns:minmax(0,1fr);padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}
 html[data-presentation=unified] #budget-form tr[data-budget-row] td{min-width:0;border:0!important;padding:7px 0!important;display:none}
 html[data-presentation=unified] #budget-form tr[data-budget-row] td:is(:first-child,:nth-child(3),:nth-child(9)){display:block}
 html[data-presentation=unified] #budget-form tr.ce-budget-expanded td{display:block}
 html[data-presentation=unified] #budget-form tr td::before{content:attr(data-label);display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
 html[data-presentation=unified] #budget-form tr td :is(input,select){width:100%;box-sizing:border-box;min-width:0}
 html[data-presentation=unified] [data-ce-budget-expand]{display:inline-flex;margin-left:12px;font-size:13px}
 html[data-presentation=unified] .page .mw-sheet{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html[data-presentation=unified] .shell *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){
 .ce-read-source{display:none!important}
 .ce-script-reading{font-family:Courier,monospace;font-size:16px!important;line-height:1.65;white-space:pre-wrap;overflow-wrap:break-word;margin:0 0 1em;min-height:1em;color:inherit}
 .ce-script-reading[data-kind=character]{text-align:center;margin-bottom:.3em;font-weight:600}
 .ce-script-reading[data-kind=dialogue]{margin-inline:12%;margin-bottom:1em}
 .ce-script-reading[data-kind=parenthetical]{margin-inline:16%;margin-bottom:.3em}
 .ce-script-reading[data-kind=transition]{text-align:right}
 .ce-project-head{display:flex;flex-wrap:wrap;gap:12px}.ce-project-head .pw-head-actions{flex-wrap:wrap}
}
body[data-shoot-id] .ce-day-navigation{margin:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
body[data-shoot-id] .ce-day-navigation .button{border:1px solid var(--live-line);border-radius:7px;color:var(--live-text);font-size:14px;text-align:center;min-height:44px;padding:10px 6px;text-decoration:none}
body[data-shoot-id] .ce-day-navigation [aria-current=page]{border-color:var(--live-accent)!important;color:var(--live-accent)!important;background:var(--live-surface)!important}
@media(max-width:899px){#live-next,#live-form,#live-personal,#live-actor-scenes,#live-changes,#live-running-order,#live-team{order:initial}}
html[data-presentation=unified] :is(.pw-tool-card,.ce-tool-collection a,.ce-tool-collection button)[hidden]{display:none!important}
@media(min-width:761px){html[data-presentation=unified] .mw-secondary{margin-block:24px}html[data-presentation=unified] .mw-secondary>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}html[data-presentation=unified] .dash-entry-links{display:flex;gap:8px;margin-block:16px}html[data-presentation=unified] .mw-contact-shortcut{display:inline-flex;flex-direction:column;gap:4px;margin:8px 8px 0 0}}
html[data-presentation=unified] :is(.planning-tool-group,.ce-tool-collection)[hidden]{display:none!important}
@media(max-width:760px){html[data-presentation=unified] .page .ce-page-actions{justify-content:flex-end}html[data-presentation=unified] .page .ce-page-actions [data-help-context]{flex:0 0 auto;width:auto;min-width:44px}.ce-script-reading[data-kind=heading]{font-weight:600}.sp-paper-title .ce-script-reading{text-align:center;font-size:18px!important}}
@media(max-width:760px){html[data-presentation=unified] #budget-form fieldset:disabled tr[data-budget-row] td{display:block}html[data-presentation=unified] #budget-form fieldset:disabled [data-ce-budget-expand]{display:none}}
html.sp-mobile-writing[data-presentation=unified] .ce-object-context{display:none!important}
/* 30 Oct: object actions stay with their object; navigation has lower emphasis. */
html[data-presentation=unified] .page{max-width:1280px}
html[data-presentation=unified] .page :is(h1,h2,h3){letter-spacing:-.018em}
html[data-presentation=unified] .page h1{font-size:clamp(24px,2.05vw,30px);line-height:1.25}
html[data-presentation=unified] .page h2{font-size:20px;line-height:1.35}
.page h1>.ce-symbol{width:26px;height:26px;margin-right:10px;color:var(--accent);vertical-align:-3px}
.page h2>.ce-symbol{margin-right:8px;color:var(--muted);vertical-align:-2px}
.page :is(.button,.ce-day-navigation a)>.ce-symbol{margin-right:6px}
.ce-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.ce-section-heading h2{flex:1;min-width:140px;margin:0!important;display:flex;gap:8px;align-items:center}
.ce-section-heading h2>.ce-symbol{margin:0}
.ce-segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;max-width:100%}
html[data-presentation=unified] .ce-segmented .button{border:0!important;box-shadow:none!important;background:transparent;color:var(--muted);border-radius:6px;min-height:38px;padding:7px 12px;font-size:13px;line-height:1.3}
html[data-presentation=unified] .ce-segmented [aria-pressed=true]{background:var(--selection)!important;color:var(--ink)!important;font-weight:650}
.ce-status{display:inline-flex;align-items:center;gap:5px;line-height:1.4;font-size:12px;font-weight:550;color:var(--muted)}
.ce-status>.ce-symbol{width:15px;height:15px;flex-basis:15px}
.ce-status-success{color:var(--success,#267e51)}.ce-status-waiting{color:var(--warning,#966000)}.ce-status-danger{color:var(--danger,#b83f49)}.ce-status-active{color:var(--accent)}
html[data-theme=dark] .ce-status-success{color:#9cddba}html[data-theme=dark] .ce-status-waiting{color:#f2ca82}html[data-theme=dark] .ce-status-danger{color:#ffafb5}
.ce-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-start}
.ce-row-menu{display:inline-block;vertical-align:middle}.ce-row-menu>summary{font-weight:500}
html[data-presentation=unified] .pw-section-head{justify-content:flex-start;gap:8px}.pw-section-head>h2{margin-right:auto}
html[data-presentation=unified] .ce-object-context{padding:0 0 12px;margin:0 0 20px;align-items:center;gap:12px}
.ce-object-context>div:first-child{gap:3px}.ce-object-actions .context-back{margin:0!important}
html[data-presentation=unified] .ce-production-navigation,html[data-presentation=unified] .ce-day-navigation{gap:0;border-bottom:1px solid var(--line);padding:0;margin:8px 0 24px}
html[data-presentation=unified] :is(.ce-production-navigation,.ce-day-navigation) .button{border:0!important;border-bottom:3px solid transparent!important;border-radius:0;background:transparent!important;color:var(--muted);box-shadow:none!important;padding:10px 14px;min-height:46px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:5px}
html[data-presentation=unified] :is(.ce-production-navigation,.ce-day-navigation) [aria-current=page]{border-bottom-color:var(--accent)!important;color:var(--ink)!important;font-weight:650}
html[data-presentation=unified] .ce-production-navigation>.button:last-child{margin-left:auto;color:var(--accent)}
html[data-presentation=unified] .professional-planning .planning-tool-grid{gap:24px}
html[data-presentation=unified] .professional-planning .pw-tool-card{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:center;justify-content:start;column-gap:10px;row-gap:3px;min-height:76px;padding:12px;border-radius:10px;background:var(--surface-2)}
.professional-planning .pw-tool-card>.ce-symbol{grid-column:1;grid-row:1/3;width:24px;height:24px;color:var(--accent);align-self:center}
.professional-planning .pw-tool-card>strong,.professional-planning .pw-tool-card>small{grid-column:2;min-width:0;overflow-wrap:break-word}
html[data-presentation=unified] .professional-planning .pw-tool-card strong{font-size:14px;line-height:1.4;font-weight:650}
html[data-presentation=unified] .professional-planning .pw-tool-card small{font-size:12px;line-height:1.45;margin:0}
html[data-presentation=unified] .role-dashboard{gap:18px}
html[data-presentation=unified] .role-dashboard>.dash-head{margin:0;align-items:center;flex-wrap:nowrap}
.role-dashboard>.dash-head h1{margin:0}.role-dashboard .ce-work-controls{display:flex;align-items:center;gap:8px}
.role-dashboard .dash-orientation{margin:-8px 0 6px}.ce-work-date{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 5px;text-transform:none;letter-spacing:0}.ce-work-intro{max-width:64ch;font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.ce-work-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:20px;align-items:start}
.ce-work-main,.ce-work-side{min-width:0;display:grid;gap:20px}
.ce-work-layout :is(.panel,.panel.pad){margin:0!important}
.ce-work-layout [data-mobile-task-inbox]:empty{display:none}
.ce-task-entry,.ce-object-link{display:flex;align-items:center;gap:16px;width:100%;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;text-align:left;text-decoration:none;box-sizing:border-box;cursor:pointer;min-height:60px}
.ce-task-entry:last-child,.ce-object-link:last-child{border-bottom:0}
.ce-task-entry:hover strong,.ce-object-link:hover strong{text-decoration:underline;text-underline-offset:3px}
.ce-task-entry>.ce-symbol,.ce-object-link>.ce-symbol{margin-left:auto;color:var(--muted);flex-shrink:0}
.ce-task-copy,.ce-object-link>span{display:grid;gap:5px;min-width:0;flex:1}
.ce-task-entry strong,.ce-object-link strong{font-size:15px;font-weight:650;line-height:1.4;overflow-wrap:break-word}
.ce-task-entry small,.ce-object-link small{color:var(--muted);font-size:13px;line-height:1.45}
.ce-task-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.ce-task-meta time{font-variant-numeric:tabular-nums}
.ce-empty-inline{font-size:14px;color:var(--muted);margin:8px 0}
.ce-work-notice{padding:14px 0;border-bottom:1px solid var(--line)}.ce-work-notice:last-child{border:0}.ce-work-notice p{margin:6px 0 12px;font-size:14px;line-height:1.55}.ce-text-action{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
/* One predictable trigger for additional choices on both pointer and touch devices. */
html[data-presentation=unified] .dash-head .mw-choice{position:relative;flex:none}
html[data-presentation=unified] .dash-head .mw-choice>summary{border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:40px;font-size:13px;list-style:none;box-sizing:border-box}
.dash-head .mw-choice>summary::after{content:'⌄';margin-left:8px}
.dash-head .mw-choice:not([open])>.mw-choice-body{display:none}
@media(min-width:761px){.dash-head .mw-choice>.mw-choice-body{position:absolute;right:0;z-index:30;width:310px;max-width:calc(100vw - 32px);padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgb(0 0 0/.16)}}
.live-weather{display:inline-flex;gap:6px;align-items:center}.live-weather .ce-symbol{width:17px;height:17px}.live-status>.ce-status{color:inherit}.live-card h2>.ce-symbol{margin-right:8px;vertical-align:-2px}
@media(max-width:1023px){.ce-work-layout{grid-template-columns:minmax(0,1fr)}.ce-work-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 html[data-presentation=unified] .page{padding-top:16px!important}
 html[data-presentation=unified] .ce-work-layout .panel.pad{padding:16px}
 .ce-work-side{grid-template-columns:minmax(0,1fr)}.ce-work-layout{gap:16px}.ce-work-main,.ce-work-side{gap:16px}
 .page h1>.ce-symbol{width:23px;height:23px;margin-right:8px}
 html[data-presentation=unified] .ce-object-context{gap:8px;align-items:flex-start}.ce-object-actions{max-width:none;flex-shrink:0}.ce-object-context .context-back{font-size:0!important;width:40px;padding:6px!important}.ce-object-context .context-back::before{content:'←';font-size:18px}
 html[data-presentation=unified] .ce-production-navigation{display:flex;flex-wrap:wrap;gap:0}.ce-production-navigation>.button{flex:1 1 30%}.ce-production-navigation>.button:last-child{flex-basis:30%}
 html[data-presentation=unified] .ce-day-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}
 html[data-presentation=unified] .ce-day-navigation .button{flex-direction:column;gap:4px;padding:8px 3px!important;font-size:12px!important;line-height:1.25}
 .ce-day-navigation .button>.ce-symbol{margin:0}
 .ce-task-entry{padding:14px 0}.ce-task-entry strong{font-size:15px}
 html[data-presentation=unified] .ce-segmented .button{min-height:44px;padding:8px 12px}
 .ce-work-intro{font-size:14px}.ce-work-date{font-size:13px}
 .ce-section-heading{gap:8px}.ce-section-heading h2{min-width:110px}
 .ce-project-head .pw-head-actions{align-items:center}
}
@media print{.ce-symbol{color:#000!important}.ce-row-menu{display:none!important}}
.ce-phase{gap:18px}.ce-phase .ce-symbol{width:17px;height:17px;flex-basis:17px}.ce-phase [aria-current=step] .ce-symbol{color:var(--accent)}
.unified-card .task-title,.unified-row-title .task-title{display:inline-flex;align-items:center;gap:10px;text-align:left}.unified-card .task-title>.ce-symbol,.unified-row-title .task-title>.ce-symbol{width:17px;height:17px;color:var(--muted);flex-shrink:0}
.hc-role>.ce-symbol{width:25px;height:25px;color:var(--accent);margin-bottom:8px}
html[data-presentation=unified] .sb-entry{display:flex;flex-direction:column}.sb-entry>.row:last-child{margin-top:auto;padding-top:16px;justify-content:flex-start;gap:8px}
html[data-presentation=unified] .story-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:6px}
html[data-presentation=unified] .media-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:6px}
html[data-presentation=unified] .role-dashboard>.mw-secondary{padding:0 4px!important;margin:0!important;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.role-dashboard>.mw-secondary>summary{gap:10px;min-height:48px;font-size:14px;font-weight:550}.role-dashboard>.mw-secondary>summary:before{content:'›';font-size:21px;line-height:1;color:var(--muted)}.role-dashboard>.mw-secondary[open]>summary:before{content:'⌄'}
html[data-presentation=unified] :is(.shot-more,.story-more,.sb-secondary)>summary{min-height:44px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550;cursor:pointer;list-style:none;padding:6px 10px;box-sizing:border-box}
:is(.shot-more,.story-more,.sb-secondary)>summary::after{content:'⌄';color:var(--muted)}
.ce-tip{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.ce-tip>.ce-symbol{color:var(--accent);margin-top:2px}
@media(max-width:760px){html[data-presentation=unified] .role-dashboard>.dash-head>.ce-work-controls{width:auto;flex:0 0 auto}.role-dashboard>.dash-head>h1{min-width:0;flex:1 1 130px}.ce-work-main:has(>[data-mobile-task-inbox]:only-child){display:none}.ce-work-layout:has(>.ce-work-main>[data-mobile-task-inbox]:only-child){grid-template-columns:minmax(0,1fr)}}
@media(min-width:761px){.ce-work-main:has(>[data-mobile-task-inbox]:only-child){display:none}.ce-work-layout:has(>.ce-work-main>[data-mobile-task-inbox]:only-child){grid-template-columns:minmax(0,1fr)}}
.ce-work-side:empty{display:none}.ce-work-layout:has(>.ce-work-side:empty){grid-template-columns:minmax(0,1fr)}
.ce-day-scenes{gap:8px;margin-top:6px}
/* Mobile acceptance pass: shared components, one meaningful level of choice. */
.ce-chat-list-heading{display:none}
.ce-conversation-section{display:flex;align-items:center;justify-content:space-between;gap:12px}.ce-conversation-section h2{margin:16px 0 10px}.ce-conversation-section .button{font-size:13px}
.ce-disclosure>summary{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;list-style:none;line-height:1.4}
.ce-disclosure>summary::-webkit-details-marker{display:none}
.ce-disclosure>summary::after{content:'›';font-size:22px;font-weight:400;line-height:1;flex:0 0 18px;text-align:center;margin-left:auto;color:var(--muted)}
.ce-disclosure[open]>summary::after{transform:rotate(90deg)}
html[data-presentation=unified] .page .mw-secondary{padding:0 4px!important;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;margin:16px 0}
.page .mw-secondary>summary{font-size:14px;font-weight:600;min-height:48px;padding:8px 0;box-sizing:border-box}
.page .mw-secondary[open]>:not(summary){margin-top:12px}
html[data-presentation=unified] .page .pw-overview{gap:16px;margin-bottom:20px}
.page .pw-overview>.panel{margin:0!important}
.ce-overview-task .ce-task-copy{gap:5px}.ce-overview-task small{font-size:13px}
.ce-project-resources>p{font-size:14px!important;color:var(--muted);margin:8px 0}
.ce-project-resources .pw-card-actions{gap:18px;margin:8px 0 0}
.ce-project-resources .pw-card-actions .button{padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--accent);font-size:14px;min-height:44px}
.ce-agenda-day{border-bottom:1px solid var(--line);padding:16px 0}
.ce-agenda-day:last-child{border:0}.ce-agenda-day>header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:8px}
.ce-agenda-day>header>time{font-size:14px;font-weight:600}.ce-agenda-day .ce-status{font-size:12px}
.ce-agenda-open{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;align-items:start;width:100%;min-height:64px;padding:12px 0;text-align:left;color:var(--ink);font:inherit;background:none;border:0;cursor:pointer}
.ce-agenda-open>time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;padding-top:2px}
.ce-agenda-open>span{min-width:0;display:grid;gap:6px}.ce-agenda-open strong{font-size:16px;line-height:1.4}.ce-agenda-open small{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.45;color:var(--muted)}
.ce-agenda-open small .ce-symbol{width:15px;height:15px;flex-basis:15px;margin-top:2px}.ce-agenda-open>.ce-symbol{align-self:center;color:var(--muted)}
.ce-agenda-open:hover strong{text-decoration:underline;text-underline-offset:3px}
.ce-mobile-area{display:flex;align-items:center;gap:12px;margin:8px 0 20px;border-bottom:1px solid var(--line);padding-bottom:12px}
.ce-mobile-area>.mw-choice{flex:1;min-width:0}.ce-mobile-area>.mw-choice>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;box-sizing:border-box;list-style:none}
.ce-mobile-area>.mw-choice>summary::after{content:'⌄';font-size:15px;font-weight:400;color:var(--muted)}
.ce-area-tools{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:44px;padding:6px 0;font-size:13px;text-decoration:none;white-space:nowrap}
@media(max-width:760px){
 html[data-presentation=unified] .ce-project-head{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:10px;row-gap:10px;align-items:center}
 .ce-project-head>.ce-inline-back{grid-column:1;grid-row:1;width:40px;min-height:44px;padding:6px!important;margin:0!important;font-size:0!important}
 .ce-inline-back::before{content:'←';font-size:20px}
 .ce-project-head>div:first-of-type{grid-column:2;grid-row:1;min-width:0}
 .ce-project-head h1{margin:0!important;font-size:23px!important;line-height:1.3!important}.ce-project-head .pw-context{margin:5px 0 0!important;font-size:12px!important}
 .ce-project-head>.pw-head-actions{grid-column:1/-1;width:100%;margin:0;justify-content:flex-end;gap:6px;display:flex!important;flex-wrap:wrap}
 html[data-presentation=unified] .ce-project-head .pw-head-actions>.button:first-child{flex:0 0 auto!important;width:auto!important;min-width:0}
 .ce-project-head .pw-head-actions .button,.ce-project-head .pw-head-actions summary{font-size:13px!important;min-height:44px;padding:8px 10px!important}
 .ce-project-head .pw-head-actions>span{display:inline-flex}
 html[data-presentation=unified] .unified-head.mw-page-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;margin:0 0 16px!important}
 .unified-head.mw-page-head h1{min-width:0;flex:1;margin:0!important}.unified-head>.ui-action-menu{flex:none}
 .mw-production-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;padding:12px 0}
 .mw-production-row:has(>.mw-open-row:only-child){grid-template-columns:minmax(0,1fr)}
 .mw-production-row>.ui-action-menu{margin:0;justify-self:end;align-self:center}
 html[data-presentation=unified] .mw-production-row>.ui-action-menu>summary{font-size:0!important;width:44px;height:44px;min-height:44px;padding:8px!important;text-align:center;justify-content:center;border:1px solid var(--line);border-radius:8px;box-sizing:border-box}
 .mw-production-row>.ui-action-menu>summary::before{content:'•••';font-size:18px;line-height:1}
 .mw-production-row>.ui-action-menu>summary::after{display:none!important}
 .mw-open-row{min-width:0;min-height:66px;padding:8px 0}.mw-open-row strong{font-size:16px}.mw-open-row .pill{font-size:11px}
 html[data-presentation=unified] .page .mw-partners{padding:0!important;margin-top:16px;background:transparent;border:0;box-shadow:none}
 .mw-partners>.mw-secondary{margin:0!important}
 html[data-presentation=unified] .page .agenda{padding:16px!important}.agenda h2{margin:0 0 8px!important}.mw-agenda-zone{font-size:12px!important;margin:0 0 4px!important}
 .page .calendar-workspace .ce-page-heading{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}
 .calendar-workspace .ce-page-heading #context-back{width:40px;min-height:44px;padding:6px!important;margin:0!important;font-size:0!important}.calendar-workspace #context-back::before{content:'←';font-size:20px}
 .calendar-workspace .ce-page-name p{display:none}.calendar-workspace .ce-page-actions{grid-column:1/-1;justify-content:flex-end!important;margin:0}
 .calendar-view-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:16px 0!important}
 .calendar-view-controls>.field{min-width:0;margin:0;font-size:13px}.calendar-view-controls select{height:44px!important;min-height:44px;width:100%}
 .calendar-view-controls>.chips{display:flex;flex-wrap:nowrap;gap:2px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
 .calendar-view-controls .chip{font-size:13px;min-height:44px;padding:8px 10px;border-radius:7px}
 .ce-agenda-open{gap:10px;grid-template-columns:43px minmax(0,1fr) 16px}.ce-agenda-day{padding:12px 0}
 .in-chat .chat-sidebar .ce-chat-list-heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;min-height:44px}
 .ce-chat-list-heading>a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;font-size:20px;text-decoration:none;color:var(--ink);flex:none}
 .ce-chat-list-heading h1{font-size:24px!important;line-height:1.25;margin:0!important}.ce-chat-list-heading h1 .ce-symbol{width:23px;height:23px;vertical-align:-2px;margin-right:8px}
 .in-chat .chat-sidebar .chat-list-tools{position:static;padding:0 0 12px}.chat-list-tools>label{font-size:13px;line-height:1.4}
 .in-chat .chat-conversation{padding:12px 0;min-height:72px;border-bottom:1px solid var(--line);border-radius:0;gap:12px}
 .in-chat .chat-conversation strong{font-size:16px;line-height:1.4}.in-chat .chat-conversation small{font-size:13px;line-height:1.45;margin-top:4px}
 .in-chat #chat-list-items>h2{font-size:17px;margin:22px 0 10px}.chat-list-note{font-size:14px!important;line-height:1.5!important}
}
@media(max-width:359px){.ce-project-head .ui-help-control{font-size:0!important;width:44px!important}.ce-project-head .ui-help-control>.ce-symbol{width:20px;height:20px;margin:0}.calendar-view-controls{grid-template-columns:minmax(0,1fr)}.calendar-view-controls>.chips{justify-self:start}}
.role-dashboard>.mw-secondary.ce-disclosure>summary::before{display:none}
.ce-project-resources .pw-card-actions .button{border:0!important;box-shadow:none!important;background:transparent!important;padding:6px 0!important;border-radius:0!important}
@media(max-width:760px){
 html[data-presentation=unified] .page .ce-compact-navigation{display:block!important;border:0;padding:0!important;margin:12px 0 20px!important;max-width:100%;overflow:visible}
 .ce-compact-navigation>.mw-choice>summary{min-height:44px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;list-style:none;box-sizing:border-box}
 .ce-compact-navigation>.mw-choice>summary::after{content:'⌄';margin-left:auto;font-size:15px;color:var(--muted)}
 .ce-compact-navigation>.mw-choice:not([open])>.mw-choice-body{display:none}
}
.ce-disclosure>summary::before{display:none!important}
@media(max-width:760px){
 html[data-presentation=unified] .page .ui-help-control{width:auto!important;flex:0 0 auto!important;justify-self:start;align-self:start;max-width:max-content;min-width:44px}
 html[data-presentation=unified] .page[data-ce-surface=calendar] .ce-page-heading{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}
 .page[data-ce-surface=calendar] .ce-page-heading #context-back{width:40px;min-height:44px;padding:6px!important;margin:0!important;font-size:0!important}
 .page[data-ce-surface=calendar] #context-back::before{content:'←';font-size:20px}
 .page[data-ce-surface=calendar] .ce-page-name p{display:none}
 .page[data-ce-surface=calendar] .ce-page-actions{grid-column:1/-1;justify-content:flex-end!important;margin:0}
 .calendar-view-controls .chip{border:0!important;box-shadow:none!important;background:transparent;color:var(--muted)}
 .calendar-view-controls .chip[aria-pressed=true]{background:var(--paper)!important;color:var(--ink);font-weight:600}
 .ce-disclosure:is(.shoot-sharing)>summary,.shoot-response-row details.ce-disclosure>summary{padding-left:0!important}
}
@media(max-width:760px){
 html[data-presentation=unified] .page button{min-height:44px}
 .mw-sheet .mw-choice-body>button{min-height:44px;width:100%;text-align:left;padding:10px 12px;font-size:15px;line-height:1.4;border-radius:8px}
 .mw-sheet .mw-choice-body>button:is(.active,[aria-current=page],[aria-pressed=true]){background:var(--selection);color:var(--ink);font-weight:650}
}

@media(max-width:760px){
 .page[data-ce-surface=develop] .detail-heading{gap:10px;margin:0 0 12px!important}
 .page[data-ce-surface=develop] .detail-heading h1{margin:4px 0 8px!important;font-size:24px!important;line-height:1.3!important}
 .page[data-ce-surface=develop] .detail-heading p{font-size:14px;line-height:1.6;margin:8px 0 0}
 .page[data-ce-surface=develop] .idea-action-bar{display:flex;gap:8px;align-items:center;margin:0 0 20px}
 .page[data-ce-surface=develop] .idea-action-bar>.button{width:auto!important;flex:0 1 auto!important;font-size:14px;padding:8px 12px}
 .idea-action-bar>.mw-choice{flex:1;min-width:0}
 .idea-action-bar>.mw-choice>summary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;line-height:1.4;padding:8px 10px;list-style:none;border:1px solid var(--line);border-radius:8px;box-sizing:border-box}
 .idea-action-bar>.mw-choice>summary::after{content:'⌄';margin-left:auto;color:var(--muted)}
 .idea-action-bar>.mw-choice:not([open])>.mw-choice-body{display:none}
}

@media(max-width:760px){html[data-presentation=unified] .ce-object-context .context-back,html[data-presentation=unified] .ce-object-context .ce-object-actions .button{min-height:44px!important}}

@media(max-width:760px){.crm-row>span[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:3px}.crm-row>span.pill{justify-self:start;width:auto;max-width:max-content}.crm-row{gap:12px!important}}

@media(max-width:760px){
 html[data-presentation=unified] .ce-project-head,.page[data-ce-surface=calendar] .ce-page-heading{grid-template-columns:44px minmax(0,1fr)!important}
 .ce-project-head>.ce-inline-back,.page[data-ce-surface=calendar] .ce-page-heading #context-back,html[data-presentation=unified] .ce-object-context .context-back{width:44px!important;min-width:44px}
}
@media(max-width:359px){html[data-presentation=unified] .page .ce-project-head .pw-head-actions .ui-help-control{font-size:0!important;width:44px!important;min-width:44px;max-width:44px;padding:8px!important}.ce-project-head .pw-head-actions .ui-help-control>.ce-symbol{width:20px;height:20px;margin:0}}

html[data-presentation=unified] .sb-daybreak{background:var(--surface-2);color:var(--ink)}
.sb-daybreak small{color:var(--muted)}
html[data-presentation=unified] .sb-daybreak .button{color:var(--ink)!important;background:var(--paper)!important;border-color:var(--line)!important}