:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5ff;background:#050811;font-family:Inter,Segoe UI,Malgun Gothic,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0,#00d8ff1f,#0000 28%),radial-gradient(circle at 82% 18%,#f6be481a,#0000 30%),#050811;min-width:1180px;margin:0}button,input,textarea,select{font:inherit}button{color:#d8e5f7;cursor:pointer;background:#111827;border:1px solid #7f95b83d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;transition:all .16s;display:inline-flex}button:hover{color:#fff;background:#162234;border-color:#00d8ff9e}input,textarea,select{color:#eef5ff;background:#080d17;border:1px solid #7f95b833;border-radius:7px;outline:none;width:100%}input,select{height:38px;padding:0 12px}textarea{resize:vertical;height:182px;padding:14px;line-height:1.65}a{color:#00d8ff;text-decoration:none}.studio-shell{min-height:100vh;padding:14px}.topbar{grid-template-columns:270px 1fr 220px;align-items:center;gap:16px;height:56px;margin-bottom:12px;display:grid}.brand{align-items:center;gap:10px;font-size:19px;font-weight:850;display:flex}.brand svg{color:#00d8ff}.project-strip{color:#8ea2bd;grid-template-columns:auto minmax(280px,520px) auto;justify-content:center;align-items:center;gap:12px;font-size:13px;display:grid}.project-strip input{text-align:center;height:36px}.draft{font-variant-numeric:tabular-nums}.status-pill{background:#0b111deb;border:1px solid #7f95b83d;border-radius:8px;justify-content:center;justify-self:end;align-items:center;gap:8px;min-width:156px;height:38px;font-size:13px;font-weight:800;display:flex}.status-pill.done,dd.done{color:#70eba2}.status-pill.error,dd.error{color:#ff4860}.status-pill.working,dd.working{color:#00d8ff}.dot{background:currentColor;border-radius:50%;width:8px;height:8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:360px minmax(540px,1fr) 420px;gap:12px;height:calc(100vh - 82px);min-height:760px;display:grid}.panel{background:#0b111df0;border:1px solid #7f95b82b;border-radius:8px;box-shadow:0 18px 52px #0000003d}.left-panel,.center-panel{padding:18px;overflow:auto}.right-panel{grid-template-rows:1fr 250px 230px;gap:12px;min-height:0;display:grid}.right-panel .panel{min-height:0;padding:16px;overflow:hidden}.panel-title{color:#dfe9f7;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:850;display:flex}.panel-title span{color:#8ea2bd}.panel-title svg{color:#00d8ff}.counter,.hint{color:#7f91a8;font-size:12px}.counter{text-align:right;margin:8px 0 22px}.hint{margin:9px 0 22px;line-height:1.5}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr);margin-bottom:10px}.segmented button{font-size:13px}.segmented .active{color:#00d8ff;background:#00d8ff17;border-color:#00d8ff}.path-input{font-size:12px}.stacked{margin-top:8px}.url-input{height:104px;margin-top:8px;font-size:12px}.mini-actions{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px;display:grid}.mini-actions button{min-height:38px;font-size:12px}.research-list{background:#05081185;border:1px solid #7f95b82b;border-radius:8px;gap:6px;margin:0 0 22px;padding:10px;display:grid}.research-list a{color:#a7d7ff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;overflow:hidden}.action-stack{gap:10px;display:grid}.action-stack .primary{color:#fff;background:linear-gradient(#19abc4,#118ba2);border-color:#00d8ffb8}.action-stack .render{color:#fff;background:linear-gradient(#a76a14,#70450b);border-color:#f6be48b3}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.metrics{color:#8ea2bd;gap:8px;font-size:12px;display:flex}.metrics span{background:#0508118f;border:1px solid #7f95b829;border-radius:999px;padding:6px 10px}.scene-list{gap:10px;padding-bottom:12px;display:grid}.scene-row{background:#080d17c2;border:1px solid #7f95b82b;border-radius:8px;grid-template-columns:38px 128px 1fr 42px;align-items:start;gap:12px;padding:12px;display:grid}.scene-index{color:#a8b8cc;font-variant-numeric:tabular-nums;border:1px solid #7f95b82e;border-radius:8px;place-items:center;height:36px;display:grid}.scene-thumb{background:#050811;border-radius:7px;width:128px;height:150px;position:relative;overflow:hidden}.scene-thumb img{object-fit:cover;width:100%;height:100%}.scene-thumb span{background:#000000b8;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:800;position:absolute;bottom:8px;left:8px}.scene-fields{gap:7px;display:grid}.scene-fields label{color:#7f91a8;grid-template-columns:76px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.field-grid{grid-template-columns:1fr 1fr 1.4fr;gap:8px;display:grid}.field-grid label{grid-template-columns:1fr;gap:5px}.icon-danger{color:#ff776f;background:#ff486014;width:38px;min-width:38px}.scene-tools{background:linear-gradient(#0b111d00,#0b111d 28%);gap:10px;padding-top:10px;display:flex;position:sticky;bottom:0}.scene-tools button{padding-inline:14px}.phone-frame{aspect-ratio:9/16;background:#050811;border:2px solid #7f95b838;border-radius:8px;width:260px;margin:8px auto 0;position:relative;overflow:hidden}.player-frame{overflow:hidden}.player-frame>div:first-child{width:100%!important;height:100%!important}.phone-frame img{object-fit:cover;filter:brightness(.64);width:100%;height:100%}.preview-copy{gap:8px;display:grid;position:absolute;top:31px;left:19px;right:47px}.preview-copy span{color:#050811;border-radius:999px;width:fit-content;padding:5px 9px;font-size:10px;font-weight:900}.preview-copy strong{text-shadow:0 2px 8px #000;font-size:24px;line-height:1.04}.preview-copy em{color:#00d8ff;font-size:17px;font-style:normal;font-weight:900}.preview-caption{background:#050811c7;border:1px solid #00d8ff80;border-radius:8px;padding:12px;font-size:12px;line-height:1.45;position:absolute;bottom:106px;left:19px;right:47px}.safe-readable,.safe-right-ui,.safe-bottom-ui{pointer-events:none;position:absolute}.safe-readable{background:linear-gradient(#70eba214,#70eba214),0 0;border:1px solid #70eba2d1;box-shadow:inset 0 0 0 1px #05081166}.safe-right-ui{background:#ff48602b;border-left:1px solid #ff48608c}.safe-bottom-ui{background:#ff486024;border-top:1px solid #ff486085;left:0;right:0}.safe-label{color:#70eba2;letter-spacing:0;background:#050811bd;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900;position:absolute;top:8px;left:19px}.timeline-panel{background:#0508119e;border:1px solid #7f95b82b;border-radius:8px;margin-top:12px;padding:14px}.timeline-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.frame-readout{color:#8ea2bd;align-items:center;gap:8px;font-size:12px;display:flex}.frame-readout span,.frame-readout strong{color:#dce7f5;font-variant-numeric:tabular-nums;background:#080d17;border:1px solid #7f95b82e;border-radius:6px;padding:5px 8px}.frame-readout em{font-style:normal}.seek-row{grid-template-columns:88px 1fr 88px;align-items:center;gap:10px;display:grid}.seek-row button{min-height:34px;font-size:12px}.seek-row input{accent-color:#00d8ff;padding:0}.timeline-bars{gap:4px;height:38px;margin-top:10px;display:flex}.timeline-bars button{color:#8ea2bd;background:#111827d1;border-width:2px;min-width:26px;min-height:38px;padding:0;font-size:12px;font-weight:900}.timeline-bars button.active{color:#fff;background:#00d8ff29;box-shadow:inset 0 0 0 1px #00d8ff6b}.frame-editor-grid{grid-template-columns:1fr 1.4fr 170px;align-items:end;gap:10px;margin-top:12px;display:grid}.frame-editor-grid label{color:#7f91a8;gap:6px;font-size:12px;display:grid}.cue-list{gap:7px;margin-top:10px;display:grid}.cue-row{grid-template-columns:1fr 84px 94px 38px;gap:8px;display:grid}.cue-row button{color:#ff776f;background:#ff486014;min-width:38px;min-height:38px}.contact-sheet{object-fit:contain;background:#050811;border-radius:7px;width:100%;height:calc(100% - 32px)}.empty-box{color:#7f91a8;text-align:center;border:1px dashed #7f95b840;border-radius:8px;place-items:center;height:calc(100% - 32px);padding:18px;line-height:1.5;display:grid}.render-panel dl{gap:14px;margin:0;display:grid}.render-panel div{grid-template-columns:66px 1fr;align-items:start;gap:12px;display:grid}.render-panel dt{color:#7f91a8;font-size:12px}.render-panel dd{color:#dce7f5;word-break:break-all;margin:0;font-size:13px;line-height:1.5}