@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{--bg:#0d0d0f;--side:#111113;--panel:#151518;--panel2:#1b1b1f;--line:#292a2f;--text:#f3f3f5;--muted:#85868d;--blue:#2e78ed;--amber:#efad2c;--green:#20bd8d;--sans:Manrope,"Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--sans)}button,input,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--side);border-right:1px solid #242529;padding:14px 10px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;padding:5px 9px 20px}.gem{width:35px;height:30px;display:grid;place-items:center;background:linear-gradient(145deg,#10c7dc,#4c4ef1,#9c35ed);clip-path:polygon(50% 0,100% 25%,75% 50%,100% 75%,50% 100%,0 75%,25% 50%,0 25%)}.gem svg{width:18px}.brand b{font-size:17px}.brand em{font-style:normal;color:#6257ff}.brand small{display:block;color:#6f7077;font:9px var(--mono);letter-spacing:.12em;margin-top:2px}.sidebar nav,.tool-group{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:#888990;background:none;border:0;border-radius:8px;padding:10px 12px;text-align:left;font-size:13px}.nav-item svg{width:15px;height:15px}.nav-item:hover,.nav-item.active{color:#fff;background:#292a2c}.tool-group{margin-top:18px}.tool-group>span{color:#62636a;font-size:11px;padding:8px 13px}.tool-group sup{margin-left:auto;color:#b58eea;font:9px var(--mono)}.bottom{margin-top:auto}.user{display:flex;align-items:center;gap:8px;background:#1d1d20;border-radius:9px;padding:9px;margin-top:10px}.user>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#246fe4}.user b{font-size:11px}.user small{display:block;color:#777;font-size:9px;margin-top:2px}.user>svg{margin-left:auto;width:14px;color:#9b9ba2}.shell{margin-left:224px;min-height:100vh}.shell header{height:60px;border-bottom:1px solid #222327;padding:0 29px;display:flex;align-items:center;justify-content:space-between}.crumb{display:flex;align-items:center;gap:9px;color:#85868d;font-size:12px}.crumb svg{width:14px}.crumb b{color:#eee}.mobile{display:none;background:transparent;color:#aaa;border:0}.top-actions{display:flex;gap:14px;align-items:center}.top-actions button,.ghost,.outline{display:inline-flex;align-items:center;gap:7px;background:#17171a;border:1px solid #2b2c31;border-radius:8px;color:#ddd;padding:8px 12px;font-size:12px}.top-actions button svg,.ghost svg,.outline svg,.primary svg{width:14px}.top-actions i{font:12px var(--mono);font-style:normal;color:#f0c04e}.top-actions .purple{color:#c2a4fb}main{max-width:1500px;margin:auto;padding:25px 24px}.page-head,.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.page-head h1,.sub-head h1,.work-head h1{margin:0;font-size:25px}.page-head p,.sub-head p,.work-head p{color:#77787f;margin:7px 0 0}.actions{display:flex;align-items:center;gap:13px;color:#8a8b91}.search{display:flex;align-items:center;gap:8px;width:220px;background:#19191c;border:1px solid #2a2b30;border-radius:8px;padding:8px}.search svg{width:14px}.search input{background:none;border:0;outline:0;color:#fff;width:100%;font-size:12px}.collection{border:1px solid #3b301d;border-radius:14px;background:#101012;overflow:hidden;margin-bottom:16px}.collection-head{min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#3b203c,#17152d);border-bottom:1px solid #443529}.collection-head>div{display:flex;align-items:center;gap:12px}.collection-head b{font-size:16px}.tag{background:#624618;color:#f5b735;border:1px solid #967025;border-radius:16px;padding:5px 11px;font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(4,255px);gap:16px;padding:16px;min-height:215px}.project-card{border:1px solid #28292e;background:#151518;border-radius:14px;overflow:hidden;cursor:pointer;transition:.18s}.project-card:hover{border-color:#4e91ef;transform:translateY(-2px)}.thumb{height:170px;display:grid;place-items:center;background:linear-gradient(145deg,#1b293d,#0e1522);color:#526989;position:relative}.thumb svg{width:46px;height:46px;stroke-width:1.4}.thumb span{position:absolute;top:13px;left:13px;border:1px solid #89651e;background:#312718;color:#f1b52c;border-radius:15px;padding:6px 10px;font-size:11px}.project-info{padding:14px}.project-info h3{margin:0 0 11px;font-size:16px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span{background:#222226;color:#9a9ba1;border-radius:14px;padding:5px 8px;font-size:10px}.chips .green{color:#61caa5}.project-info hr{border:0;border-top:1px solid #26272a;margin:13px 0 10px}.project-info small{font-size:10px;color:#76777f}.empty{grid-column:1/-1;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#6f7077}.empty svg{width:34px;color:#4e6282}.empty span{font-size:11px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#2e74df;border:0;border-radius:8px;color:#fff;padding:10px 15px;font-weight:700}.sub-head{display:flex;align-items:center;gap:13px;margin:4px 0 20px}.back{width:34px;height:34px;display:grid;place-items:center;background:#1c1c20;border:0;border-radius:8px;color:#bbb}.create-card,.stage-panel{background:#121214;border:1px solid #292a2f;border-radius:12px;padding:20px}.project-name-field{display:flex;flex-direction:column;gap:8px;color:#8b8c93;margin-bottom:20px}.project-name-field input{max-width:500px;background:#1a1a1d;border:1px solid #303138;color:#fff;border-radius:7px;padding:10px;outline:none}.field-title{font-weight:700;color:#ddd;margin:0 0 10px}.choice-grid,.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px}.choice{border:1px solid #2b2c30;border-radius:9px;background:#18181b;color:#aaa;text-align:left;padding:15px;min-height:140px}.choice.selected{border-color:#307ff3;background:#171d28;box-shadow:0 0 0 1px #307ff3 inset}.choice b{display:block;color:#f0f0f2}.choice em{font:10px var(--mono);font-style:normal;color:#60a8ff;margin-left:5px}.choice small{display:block;color:#888;margin-top:10px}.choice p{color:#85868c;font-size:11px;line-height:1.7;margin:9px 0}.choice.mini{min-height:67px}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid #292a2e;padding-top:18px}.settings-grid label{display:block;color:#86878d;font-size:11px;margin-bottom:8px}.seg{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid #292a2f;background:#19191c;border-radius:7px}.seg button{background:none;border:0;color:#999;padding:7px 8px;font-size:11px;border-radius:5px}.seg button.selected{background:#1e4f9b;color:#68a8ff}.create-lower{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #292a2f;padding-top:18px;margin-top:20px}.drop-script{height:155px;border:1px dashed #317be9;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#c1c2c7;background:#101114;cursor:pointer}.drop-script svg{width:27px;color:#a1a2a7}.drop-script small{font-size:10px;color:#777}.style-input{width:100%;height:87px;background:#18181b;border:1px solid #2c2d32;border-radius:7px;color:#fff;padding:10px;resize:none;outline:none}.style-upload{height:61px;border:1px dashed #36373c;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;color:#85868d;margin-top:9px}.style-upload svg{width:16px}.create-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #292a2e;padding-top:17px;margin-top:20px}.cancel{border:0;background:none;color:#aaa;padding:10px}.work-head{align-items:center;border-bottom:1px solid #26272b;padding-bottom:18px}.work-head>div:first-child{display:flex;align-items:center;gap:13px}.work-head h1{font-size:16px}.work-head h1 span{color:#5ca0ff}.stage-tabs{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;margin:23px 0}.stage-tabs>svg{width:15px;color:#666}.stage-tabs button{border:1px solid #2b2c31;background:#151619;border-radius:9px;text-align:left;padding:13px;color:#878990}.stage-tabs button.active{border-color:#387ff0;background:#17243a;color:#fff}.stage-tabs b,.stage-tabs span,.stage-tabs small{display:block}.stage-tabs b{font:10px var(--mono);color:#679fff}.stage-tabs span{font-weight:700;margin-top:6px}.stage-tabs small{color:#777;margin-top:4px;font-size:10px}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #292a2f;padding-bottom:16px}.eyebrow{font:10px var(--mono);color:#5ca0ff;letter-spacing:.1em}.panel-title h2{margin:7px 0 0;font-size:19px}.state{color:#efb333;background:#3c2a0b;border-radius:14px;padding:6px 10px;font-size:11px}.state.ready{color:#5ed4a7;background:#063e30}.script-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0}.drop-script.large{height:250px}.script-actions{display:flex;gap:9px;margin-top:10px}.episode-list{border:1px solid #2a2b30;background:#17171a;border-radius:9px;min-height:250px}.list-head{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #2b2c30}.list-head span{color:#6ba6ff;font:11px var(--mono)}.list-empty{height:190px;display:grid;place-items:center;color:#74757c;font-size:11px;text-align:center;padding:20px}.episode{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:13px;border-bottom:1px solid #292a2f}.episode>span{font:14px var(--mono);color:#5599fc}.episode b{font-size:12px}.episode p{font-size:11px;color:#888990;line-height:1.5;margin:5px 0 0}.episode>small{color:#777;font:10px var(--mono)}.next-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #292a2f;padding-top:15px;color:#7d7e85;font-size:11px}.asset-board{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:25px 0}.asset-board article{border:1px solid #2a2b30;background:#18181b;border-radius:9px;padding:19px;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center}.asset-board article>svg{width:30px;color:#66a4ff}.asset-board article b{font-size:15px}.asset-board article small{color:#81828a}.asset-board .outline{margin-top:6px}.storyboard-empty{height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#777}.storyboard-empty svg{width:40px;color:#4d7dc7}.storyboard-empty h3{color:#ddd;margin:0}.storyboard-empty p{font-size:11px}.stage-panel .primary:disabled{opacity:.4}@media (max-width:1000px){.project-grid{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:12px 0 30px #000}.shell{margin-left:0}.mobile{display:grid;place-items:center}.crumb>span,.crumb>svg{display:none}.top-actions button{font-size:0;padding:8px}.top-actions button svg{width:15px}main{padding:18px 13px}.page-head,.work-head{display:block}.actions{margin-top:14px;flex-wrap:wrap}.search{width:100%}.project-grid{grid-template-columns:1fr}.project-card{width:100%}.choice-grid,.choice-row,.settings-grid,.create-lower,.script-layout{grid-template-columns:1fr}.stage-tabs{grid-template-columns:1fr;gap:7px}.stage-tabs>svg{display:none}.next-bar{display:block}.next-bar .primary{margin-top:12px;width:100%}.asset-board{grid-template-columns:1fr 1fr}.collection-head{padding:12px;gap:8px}.collection-head .outline{font-size:0}.collection-head .outline svg{width:15px}}.notice{margin:0 0 14px;padding:10px 13px;border:1px solid #315b98;background:#14233a;color:#83b6ff;border-radius:7px;font-size:11px}.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-top:20px}.shot-card{border:1px solid #2a2b30;background:#18181b;border-radius:9px;padding:15px;display:flex;flex-direction:column;gap:10px}.shot-index{font:18px var(--mono);color:#5c9fff}.shot-card b{font-size:13px}.shot-card p{color:#85868d;font-size:11px;line-height:1.6;min-height:38px;margin:0}.shot-card>div:last-of-type{display:flex;gap:7px}.shot-card .outline,.shot-card .primary{padding:7px 9px;font-size:10px}.shot-card small{color:#6f7076;font:10px var(--mono)}