:root{--studio-bg:#f7f8fa;--studio-panel:#fff;--studio-ink:#121722;--studio-muted:#697386;--studio-border:#dfe3ea;--studio-blue:#1268f5;--studio-blue-soft:#edf4ff;--studio-sidebar:#171b21;--studio-sidebar-2:#20252d;--studio-green:#17b26a;--studio-radius:7px;--studio-shadow:0 1px 2px rgba(16,24,40,.04)}
*{box-sizing:border-box}.studio-home{margin:0;background:var(--studio-bg);color:var(--studio-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.studio-home a{text-decoration:none}.studio-home button,.studio-home input,.studio-home select,.studio-home textarea{font:inherit}.studio-home button,.studio-home select{cursor:pointer}.studio-home :focus-visible{outline:3px solid rgba(18,104,245,.28);outline-offset:2px}.studio-app{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:var(--studio-bg)}
.studio-sidebar{position:sticky;top:0;height:100vh;padding:23px 14px 18px;background:linear-gradient(180deg,var(--studio-sidebar),#11151a);color:#eef1f5;display:flex;flex-direction:column;z-index:20}.studio-brand{height:34px;display:flex;align-items:center;gap:10px;padding:0 8px;color:#fff;font-size:14px;letter-spacing:.01em}.studio-brand__mark{width:25px;height:25px;border:1px solid #7e8794;border-radius:6px;display:grid;place-items:center;font-size:13px}.studio-new{height:42px;margin:24px 5px 18px;border-radius:6px;background:var(--studio-blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650;box-shadow:0 4px 12px rgba(18,104,245,.25)}.studio-new:hover{background:#075be1}.studio-nav{display:grid;gap:3px}.studio-nav a{min-height:39px;padding:0 11px;border-radius:6px;color:#bfc6d1;display:flex;align-items:center;gap:11px;font-size:13px}.studio-nav a:hover{background:rgba(255,255,255,.055);color:#fff}.studio-nav a.is-current{background:var(--studio-sidebar-2);color:#fff;box-shadow:inset 2px 0 var(--studio-blue)}.studio-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.studio-nav--resources{border-top:1px solid #303640;margin-top:18px;padding-top:17px}.studio-nav__dot{width:5px;height:5px;border:1px solid #7e8794;border-radius:50%}.studio-sidebar__footer{margin-top:auto;padding:15px 9px 0;border-top:1px solid #303640;color:#8993a2;font-size:10px;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--studio-green);flex:none}
.studio-workspace{min-width:0}.studio-topbar{height:58px;padding:0 28px;border-bottom:1px solid var(--studio-border);background:rgba(255,255,255,.94);display:flex;align-items:center;gap:22px;position:sticky;top:0;z-index:12;backdrop-filter:blur(10px)}.project-switcher{border:0;background:transparent;padding:7px 0;font-size:15px;font-weight:700;color:var(--studio-ink)}.episode-select select{height:34px;min-width:118px;border:1px solid var(--studio-border);border-radius:6px;background:#fff;padding:0 30px 0 11px;color:#313846;font-size:12px}.save-state{margin:0;display:flex;align-items:center;gap:7px;color:var(--studio-muted);font-size:11px}.studio-topbar__actions{margin-left:auto;display:flex;gap:8px}.studio-button{height:36px;padding:0 14px;border-radius:6px;border:1px solid var(--studio-border);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:650;white-space:nowrap}.studio-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.studio-button--ghost{background:#fff;color:#273142}.studio-button--ghost:hover{background:#f7f8fa;border-color:#cbd1dc}.studio-button--primary{height:39px;background:var(--studio-blue);border-color:var(--studio-blue);color:#fff}.studio-button--primary:hover{background:#075be1}.studio-menu{display:none}
.studio-main{width:min(1200px,calc(100% - 56px));margin:0 auto;padding:29px 0 50px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.studio-heading h1{font-size:31px;line-height:1.1;letter-spacing:-.03em;margin:0 0 6px}.studio-heading p{margin:0;color:var(--studio-muted);font-size:13px}.studio-stepper{display:grid;grid-template-columns:repeat(10,1fr);margin:27px 0 25px}.studio-stepper a{color:#616b7c;text-align:center;position:relative;font-size:11px}.studio-stepper a:before{content:"";position:absolute;top:15px;left:0;width:50%;height:1px;background:#cfd5df}.studio-stepper a:after{content:"";position:absolute;top:15px;right:0;width:50%;height:1px;background:#cfd5df}.studio-stepper a:first-child:before,.studio-stepper a:last-child:after{display:none}.studio-stepper a span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#f2f4f7;border:1px solid #dde2ea;color:#445063;position:relative;z-index:2;font-size:11px}.studio-stepper a small{font-size:11px}.studio-stepper a.is-complete span,.studio-stepper a.is-current span{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff}.studio-stepper a.is-complete:after,.studio-stepper a.is-current:before{background:var(--studio-blue)}.studio-stepper a.is-current{color:var(--studio-ink);font-weight:650}
.story-workbench{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);gap:16px}.story-editor,.story-inspector,.studio-next{background:var(--studio-panel);border:1px solid var(--studio-border);border-radius:var(--studio-radius);box-shadow:var(--studio-shadow)}.story-editor{padding:22px;display:flex;flex-direction:column}.story-editor label,.story-inspector label{font-size:12px;font-weight:700;margin:0 0 7px}.story-editor textarea,.story-inspector textarea,.story-inspector select{width:100%;border:1px solid #d9dee7;border-radius:6px;background:#fff;color:#2d3543;line-height:1.55;resize:none;transition:border-color .15s,box-shadow .15s}.story-editor textarea{padding:12px 13px;font-size:13px}.story-editor textarea:focus,.story-inspector textarea:focus,.story-inspector select:focus{border-color:var(--studio-blue);box-shadow:0 0 0 3px rgba(18,104,245,.09);outline:0}.story-editor small{text-align:right;color:#8a93a2;font-size:10px;margin:5px 1px 17px}.story-inspector{padding:20px;display:flex;flex-direction:column}.story-inspector__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.story-inspector__heading h2{font-size:17px;margin:0;letter-spacing:-.015em}.story-inspector__heading span{font-size:9px;color:#8a93a2;text-transform:uppercase;letter-spacing:.08em}.story-inspector select{height:38px;padding:0 9px;margin-bottom:13px;font-size:12px}.story-inspector textarea{padding:10px;font-size:11px;margin-bottom:13px}.continuity-note{margin:auto 0 0;padding:11px;border-radius:6px;background:var(--studio-blue-soft);color:#1756aa;display:flex;gap:9px;font-size:10px;line-height:1.45}.continuity-note svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.studio-next{margin-top:16px;overflow:hidden}.studio-next header{padding:17px 20px 12px;border-bottom:1px solid var(--studio-border);display:flex;align-items:baseline;gap:10px}.studio-next h2{font-size:15px;margin:0}.studio-next header p{font-size:10px;color:var(--studio-muted);margin:0}.next-row{min-height:62px;display:grid;grid-template-columns:22px minmax(220px,1fr) 100px 145px;gap:13px;align-items:center;padding:0 20px;border-bottom:1px solid #edf0f4}.next-row:last-child{border-bottom:0}.next-row>svg{width:18px;height:18px;fill:none;stroke:#4a5565;stroke-width:1.6}.next-row h3{font-size:12px;margin:0 0 3px}.next-row p{font-size:10px;color:var(--studio-muted);margin:0}.next-row__status{font-size:10px;color:#7a8493}.next-row__status:before{content:"";display:inline-block;width:7px;height:7px;border:1px solid #8d97a6;border-radius:50%;margin-right:7px}.next-row>a{height:31px;border:1px solid var(--studio-border);border-radius:5px;color:#273142;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:650}.next-row>a:hover{border-color:#aeb7c5;background:#f8f9fb}.studio-toast{position:fixed;right:22px;bottom:22px;z-index:40;background:#161b22;color:#fff;padding:11px 15px;border-radius:7px;box-shadow:0 8px 25px rgba(0,0,0,.2);font-size:12px}.studio-toast[hidden]{display:none}
*{scrollbar-color:#aeb6c2 #eef1f4;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#eef1f4}*::-webkit-scrollbar-thumb{background:#aeb6c2;border:2px solid #eef1f4;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#8f99a8}
@media(max-width:900px){.studio-app{grid-template-columns:190px minmax(0,1fr)}.studio-sidebar{padding-inline:10px}.studio-main{width:min(100% - 34px,1100px)}.studio-topbar{padding-inline:18px}.save-state{display:none}.story-workbench{grid-template-columns:1fr}.story-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.story-inspector__heading,.story-inspector .continuity-note{grid-column:1/-1}.story-inspector textarea{grid-column:1/-1}.studio-stepper{overflow-x:auto;grid-template-columns:repeat(10,88px);padding-bottom:7px}.next-row{grid-template-columns:22px 1fr 120px}.next-row__status{display:none}}
@media(max-width:680px){.studio-app{display:block}.studio-sidebar{position:fixed;left:0;top:0;width:230px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:12px 0 40px rgba(0,0,0,.22)}.studio-app.is-nav-open .studio-sidebar{transform:translateX(0)}.studio-topbar{height:54px;padding:0 14px;gap:11px}.studio-menu{width:30px;height:30px;border:0;background:transparent;display:grid;place-content:center;gap:5px;padding:0}.studio-menu span{width:17px;height:1px;background:#26303d}.project-switcher{font-size:13px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-select,.studio-topbar__actions,.save-state{display:none}.studio-main{width:calc(100% - 28px);padding-top:22px}.studio-heading{align-items:flex-start}.studio-heading h1{font-size:27px}.studio-heading p{font-size:11px;max-width:230px}.studio-heading .studio-button{width:38px;padding:0;font-size:0}.studio-heading .studio-button svg{margin:0}.studio-stepper{margin:22px -14px 18px;padding:0 14px 8px;grid-template-columns:repeat(10,78px)}.studio-stepper a small{font-size:10px}.story-editor{padding:17px}.story-editor textarea{font-size:12px}.story-inspector{display:flex;padding:17px}.studio-next header{display:block}.studio-next header p{margin-top:4px}.next-row{grid-template-columns:20px 1fr;padding:12px 15px;gap:10px;min-height:72px}.next-row>a{grid-column:2;width:max-content;padding:0 11px}.studio-toast{left:14px;right:14px;bottom:14px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.project-switcher{margin:0}