:root{color:#ecedef;font-synthesis:none;letter-spacing:0;--panel:#171a1d;--panel-2:#1d2125;--line:#2a2f34;--muted:#8e969d;--accent:#ee6d3c;--accent-soft:#39231d;--green:#59c784;--danger:#ee6767;background:#0e1012;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{background:#0e1012;min-width:1180px;min-height:100%;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.login-shell{background:radial-gradient(circle at 50% 34%,#25211f 0,#111315 42%,#0d0f10 75%);place-items:center;min-height:100vh;display:grid}.login-panel{background:#171a1df2;border:1px solid #2e3338;border-radius:8px;width:430px;padding:42px;box-shadow:0 24px 80px #0008}.brand-mark{color:#fff;background:linear-gradient(145deg,#f18150,#ca4f27);border-radius:8px;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 1px #fff5,0 10px 28px #d4552838}.brand-mark.small{width:34px;height:34px}.eyebrow{letter-spacing:1.8px;color:#ef835d;margin:0 0 6px;font-size:10px;font-weight:800}.login-panel h1{margin:24px 0 8px;font-size:30px}.login-copy{color:#a8afb5;margin:0 0 30px;line-height:1.7}.field-label{color:#aeb4ba;margin-bottom:8px;font-size:12px;display:block}.login-panel input{color:#fff;background:#101214;border:1px solid #343a40;border-radius:6px;outline:none;width:100%;height:48px;padding:0 14px}.login-panel input:focus{border-color:#e66a3d;box-shadow:0 0 0 3px #e66a3d22}.wide{justify-content:center;width:100%;margin-top:14px}.security-note{color:#778087;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.primary,.ghost{border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#e96839;box-shadow:inset 0 1px #ffffff48}.primary:hover{background:#f27749}.ghost{color:#c4c9cd;background:#1c2023;border-color:#30363b}.ghost:hover{color:#fff;background:#24292d}.primary:disabled,.ghost:disabled{opacity:.35;cursor:not-allowed}.icon{justify-content:center;width:36px;padding:0}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:#141719;border-bottom:1px solid #272c30;flex:none;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex}.project-identity{align-items:center;gap:11px;display:flex}.project-identity strong{font-size:14px}.project-identity .eyebrow{margin:0;font-size:9px}.status{color:#aeb4b8;background:#272b2f;border-radius:20px;margin-left:7px;padding:4px 8px;font-size:11px}.status.draft{color:#f19978;background:#35251f}.status.published{color:#72d99a;background:#193124}.status.submitted{color:#e8c66e;background:#332f1c}.top-actions{gap:7px;display:flex}.workbench{flex:1;grid-template-columns:238px minmax(620px,1fr) 268px;min-height:0;display:grid}.rail{background:#15181b;flex-direction:column;min-height:0;display:flex}.left-rail{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line);overflow-y:auto}.rail-section{border-bottom:1px solid #252a2e;padding:16px}.rail-section.compact{padding-bottom:18px}.rail-section.grow{flex:1}.section-title{color:#d5d8db;align-items:center;gap:8px;height:24px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.section-title small{color:#697178;margin-left:auto}.stage-tabs{gap:5px;margin-bottom:10px;display:flex;overflow-x:auto}.stage-tabs button{color:#80888f;background:#202428;border:0;border-radius:4px;padding:5px 8px;font-size:11px}.stage-tabs button.active{color:#f28a64;background:#37241e}.state-list{flex-direction:column;gap:3px;display:flex}.state-row{color:#b2b8bd;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px;display:grid}.state-row:hover{background:#1d2124}.state-row.active{color:#fff;background:#27231f}.state-row small{color:#6f777e;font-size:10px}.dot{border:1px solid #4e555b;border-radius:50%;width:7px;height:7px}.dot.done{background:#55bf7d;border:0;box-shadow:0 0 8px #55bf7d66}.progress-copy{justify-content:space-between;align-items:baseline;display:flex}.progress-copy strong{font-size:23px}.progress-copy span{color:#777f86;font-size:11px}.progress{background:#292e32;border-radius:4px;height:5px;margin-top:9px;overflow:hidden}.progress i{background:linear-gradient(90deg,#df5c31,#f38a61);height:100%;display:block}.muted-copy{color:#747c83;font-size:11px;line-height:1.5}.asset-card{background:#1b1f22;border:1px solid #2c3237;border-radius:6px;padding:10px}.asset-card strong,.asset-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-card strong{font-size:11px}.asset-card small{color:#727b82;margin-top:6px;font-size:10px}.danger-link{color:#d66e6e;background:0 0;border:0;align-items:center;gap:5px;margin-top:12px;padding:0;font-size:11px;display:flex}.empty-mini{color:#697178;text-align:center;border:1px dashed #30363b;border-radius:6px;padding:18px 8px;font-size:11px}.stage-column{background:#101214;grid-template-rows:50px minmax(350px,1fr) 42px 132px;min-width:0;min-height:0;display:grid}.stage-toolbar{border-bottom:1px solid #24292d;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.stage-toolbar strong,.stage-toolbar span{display:block}.stage-toolbar strong{font-size:13px}.stage-toolbar span{color:#737b82;margin-top:3px;font-size:10px}.playback{align-items:center;gap:6px;display:flex}.playback span{margin:0 0 0 5px;font-size:11px}.canvas-wrap{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.checkerboard{opacity:.18;background-color:#e9e6df;background-image:linear-gradient(45deg,#dcd9d2 25%,#0000 25%),linear-gradient(-45deg,#dcd9d2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dcd9d2 75%),linear-gradient(-45deg,#0000 75%,#dcd9d2 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;position:absolute;inset:0}.svg-stage{transform-origin:50%;filter:drop-shadow(0 18px 22px #0004);width:min(56vh,510px);height:min(56vh,510px);position:relative}.svg-stage svg{width:100%;height:100%;display:block}.svg-stage.playing{animation:1s ease-in-out infinite alternate studio-breathe}@keyframes studio-breathe{0%{translate:0 1px}to{translate:0 -3px}}.drop-zone{color:#afb5ba;background:#181b1ec9;border:1px dashed #596169;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:340px;height:210px;display:flex;position:relative}.drop-zone:hover{background:#1d1e1e;border-color:#e26a3e}.drop-zone span{color:#798188;font-size:11px}.canvas-meta{gap:6px;display:flex;position:absolute;bottom:12px;left:14px}.canvas-meta span{color:#818990;background:#171a1dd9;border:1px solid #2a3034;border-radius:4px;padding:4px 6px;font-size:9px}.timeline{background:#171a1d;border-top:1px solid #272c30;border-bottom:1px solid #272c30;align-items:center;gap:8px;padding:0 14px;display:flex}.flat{color:#b9bfc4;background:0 0;border:0}.timeline input{accent-color:#e66b3d;flex:1;height:3px}.timecode{color:#767e85;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.preview-strip{background:#141719;align-items:center;gap:24px;padding:12px 18px;display:flex;overflow:hidden}.preview-item{grid-template-rows:1fr 1fr;grid-template-columns:90px auto;align-items:end;column-gap:10px;display:grid}.preview-item .badge-preview{grid-row:1/3;justify-self:center}.preview-item span{color:#bfc4c8;font-size:11px}.preview-item small{color:#6f777e;align-self:start;margin-top:4px;font-size:9px}.badge-preview{border:2px solid #ffffffb5;border-radius:50%;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #0002}.badge-preview img{object-fit:contain;width:88%;height:88%}.event-simulator{min-width:270px;margin-left:auto}.event-simulator strong{color:#7c848b;font-size:10px}.event-simulator div{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.event-simulator button{color:#aeb5ba;background:#1d2124;border:1px solid #30363a;border-radius:4px;padding:5px 8px;font-size:9px}.control{margin-bottom:13px;display:block}.control>div{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.control span,.select-control span,.color-control span,.switch-row span{color:#a6adb2;font-size:11px}.control input[type=number]{color:#d4d8db;text-align:right;background:#101214;border:1px solid #30363b;border-radius:4px;width:64px;padding:3px 6px;font-size:10px}.control input[type=range]{accent-color:#e36a3e;width:100%;height:3px}.color-control,.select-control,.switch-row{justify-content:space-between;align-items:center;margin:13px 0;display:flex}.color-control input{background:0 0;border:0;width:28px;height:22px;padding:0}.color-control code{color:#737b81;font-size:9px}.select-control select{color:#c8cdd1;background:#101214;border:1px solid #30363b;border-radius:4px;max-width:140px;padding:5px;font-size:10px}.switch-row input{accent-color:#e76b3d}.layer-section{min-height:190px}.layer-list{max-height:250px;overflow-y:auto}.layer-list button{color:#9fa6ac;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;height:28px;padding:0 5px;display:flex}.layer-list button:hover{color:#fff;background:#1f2326}.layer-list span{white-space:nowrap;text-overflow:ellipsis;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.toast{z-index:30;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;animation:3s forwards toast;display:flex;position:fixed;top:74px;left:50%;translate:-50%;box-shadow:0 14px 35px #0008}.toast.success{color:#79dda0;background:#183626;border:1px solid #28543b}.toast.error{color:#f19999;background:#3c2020;border:1px solid #643030}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.busy-bar{z-index:40;background:#f07547;width:30%;height:2px;animation:1s ease-in-out infinite busy;position:fixed;top:0;left:0}@keyframes busy{0%{translate:-100%}to{translate:440%}}.loading{color:#9da4aa;justify-content:center;align-items:center;gap:10px;height:100vh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{rotate:360deg}}@media (height<=760px){.preview-strip{height:102px}.workbench{grid-template-columns:220px minmax(600px,1fr) 250px}.rail-section{padding:12px}.svg-stage{width:min(49vh,430px);height:min(49vh,430px)}}