:root{color:#171717;font-synthesis:none;--ink:#171717;--muted:#77746f;--line:#dedbd5;--paper:#fff;--paper-soft:#faf9f7;--accent:#6d39ff;--accent-soft:#eee9ff;--success:#16865d;--danger:#c44949;background:#f5f4f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f4f1;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.studio{grid-template-rows:68px 64px 1fr;min-height:100vh;display:grid}.studio-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffeb;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;padding:0 24px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{background:var(--ink);border-radius:11px;grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);place-content:center;gap:4px;width:36px;height:36px;display:grid;transform:rotate(8deg);box-shadow:inset 0 0 0 1px #ffffff0f}.brand-mark span{background:#fff;border-radius:50%;width:7px;height:7px}.brand>div:last-child{line-height:1.05;display:grid}.brand strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:800}.brand span{color:var(--muted);margin-top:4px;font-size:11px}.project-summary{color:#67645f;white-space:nowrap;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.project-summary i{background:#b4b0a8;border-radius:50%;width:3px;height:3px}.header-actions{justify-content:flex-end;gap:8px;display:flex}.button{border:1px solid var(--line);height:38px;color:var(--ink);background:#fff;border-radius:10px;padding:0 15px;font-size:12px;font-weight:700}.button:hover{border-color:#b8b4ad}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{border-color:var(--ink);background:var(--ink);color:#fff;padding-inline:18px}.button.primary:hover{background:#2b2b2b}.button.subtle{background:0 0}.project-bar{border-bottom:1px solid var(--line);background:var(--paper-soft);grid-template-columns:minmax(260px,.75fr) minmax(360px,1.5fr) auto;align-items:center;gap:18px;padding:10px 24px;display:grid}.project-field{gap:3px;min-width:0;display:grid}.project-field span{color:#96918a;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.project-field input{color:var(--ink);background:0 0;border:0;outline:none;min-width:0;padding:0;font-size:13px;font-weight:650}.project-field input:focus{color:var(--accent)}.project-health{color:#696660;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.health-dot{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #16865d1a}.health-dot.error{background:var(--danger);box-shadow:0 0 0 3px #c449491a}.workspace{grid-template-columns:280px minmax(430px,1fr) 320px;min-height:0;display:grid}.storyboard,.inspector{background:var(--paper);min-height:0;overflow:auto}.storyboard{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.section-heading{border-bottom:1px solid #ece9e4;justify-content:space-between;align-items:center;gap:12px;height:70px;padding:16px 18px;display:flex}.section-heading>div{gap:3px;display:grid}.section-heading strong,.canvas-toolbar strong,.narration-heading strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:800}.section-kicker{color:#9a958d;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.count-pill,.duration-pill{color:#716e68;background:#f0eeea;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.scene-list{gap:6px;padding:10px;display:grid}.scene-card{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:70px minmax(0,1fr);gap:11px;padding:8px;display:grid}.scene-card:hover{background:#f8f7f4}.scene-card.active{background:var(--accent-soft);border-color:#d9ccff}.scene-thumb{background:#ece9e3;border-radius:9px;width:70px;height:92px;position:relative;overflow:hidden}.scene-thumb img{object-fit:cover;width:100%;height:100%}.scene-thumb span{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:800;position:absolute;bottom:5px;right:5px}.scene-copy{align-self:center;min-width:0}.scene-copy small{color:#99958e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:9px;font-weight:750;display:block}.scene-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.scene-copy p{color:#77736d;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:10px;line-height:1.3;overflow:hidden}.publishing-card{border-top:1px solid #ece9e4;margin:8px 10px 18px;padding:14px}.publishing-card>.section-kicker{margin-bottom:12px;display:block}label{color:#77736d;gap:7px;font-size:10px;font-weight:750;display:grid}input,textarea{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #dedbd5;border-radius:9px;outline:none;padding:9px 10px;font-size:12px;font-weight:500;line-height:1.45}input:focus,textarea:focus{border-color:#9d83ff;box-shadow:0 0 0 3px #6d39ff14}.canvas-column{background:radial-gradient(circle at 50% 30%,#6d39ff12,#0000 34rem),#eeece8;grid-template-rows:70px minmax(0,1fr) 96px;min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.canvas-toolbar>div{gap:3px;min-width:0;display:grid}.canvas-toolbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:620px;overflow:hidden}.status-text{color:#77736d;white-space:nowrap;font-size:10px}.canvas-stage{place-items:center;min-height:580px;padding:28px 30px;display:grid}.phone-frame{aspect-ratio:9/16;background:#000;border-radius:22px;height:min(68vh,720px);overflow:hidden;box-shadow:0 1px #ffffffe6,0 24px 70px #28221a38,0 0 0 1px #1a18151f}.timeline-shell{align-self:end;padding:0 24px 18px}.timeline-ruler{color:#99958d;font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 1px 7px;font-size:8px;display:flex}.timeline{background:#ffffffb8;border:1px solid #d8d5cf;border-radius:10px;gap:3px;height:42px;padding:4px;display:flex}.timeline-segment{color:#73706a;background:#d8d5d0;border:0;border-radius:6px;min-width:0;padding:0;position:relative;overflow:hidden}.timeline-segment:before{content:"";background:var(--scene-accent);width:4px;position:absolute;inset:0 auto 0 0}.timeline-segment span{z-index:1;font-size:9px;font-weight:800;position:relative}.timeline-segment:hover{background:#c9c5bf}.timeline-segment.active{color:#fff;background:#252525;box-shadow:0 0 0 2px #25252514}.inspector-heading{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;position:sticky;top:0}.inspector-form{gap:15px;padding:16px 18px 28px;display:grid}.field-row{grid-template-columns:1fr 80px;align-items:end;gap:10px;display:grid}.number-field{position:relative}.number-field input{padding-right:42px}.number-field span{color:#9b968e;font-size:9px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.color-field{cursor:pointer;height:37px;padding:4px}.narration-card{background:#faf9f7;border:1px solid #dedbd5;border-radius:12px;margin-top:2px;padding:13px}.narration-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.narration-heading>div{gap:2px;display:grid}.icon-button{width:30px;height:30px;color:var(--ink);background:#fff;border:1px solid #d8d5cf;border-radius:50%;place-items:center;padding-left:3px;font-size:10px;display:grid}.icon-button:hover{border-color:#aaa59d}.narration-card textarea{box-shadow:none;background:0 0;border:0;padding:0}.validation{color:var(--success);background:#edf7f2;border-radius:9px;padding:10px 11px;font-size:10px;font-weight:700;line-height:1.4}.validation.error{color:var(--danger);background:#fbefef}@media (width<=1100px){.studio-header{grid-template-columns:1fr auto}.project-summary{display:none}.workspace{grid-template-columns:240px minmax(400px,1fr)}.inspector{z-index:30;border:1px solid var(--line);border-radius:14px;width:320px;position:fixed;top:148px;bottom:16px;right:16px;box-shadow:0 24px 70px #231f1b29}.canvas-column{padding-right:330px}}@media (width<=820px){.studio{grid-template-rows:auto auto 1fr}.studio-header{grid-template-columns:1fr;gap:12px;padding:14px 16px;position:static}.header-actions{justify-content:stretch}.header-actions .button{flex:1}.project-bar{grid-template-columns:1fr;padding:12px 16px}.project-health{display:none}.workspace{grid-template-columns:1fr}.storyboard{border-right:0;border-bottom:1px solid var(--line);max-height:340px}.canvas-column{padding-right:0}.canvas-stage{min-height:520px;padding:22px 16px}.phone-frame{height:min(64vh,640px)}.inspector{border:0;border-top:1px solid var(--line);width:auto;box-shadow:none;border-radius:0;position:static}}