:root{--bg:#07100d;--panel:#101b16;--panel2:#0c1511;--line:#25372e;--text:#f2f7f3;--muted:#91a79a;--green:#50e3a4;--green2:#a3f4cf;--gold:#d5c18a;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% -10%,#173628 0,transparent 34%),var(--bg);color:var(--text);font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{padding:26px 17px 18px;border-right:1px solid var(--line);background:#09120e;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);padding:2px 8px 34px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#79f4b9,#1b9366);color:#06130c;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 7px 25px #39d99522}.brand b{display:block;font-size:12px;letter-spacing:1.2px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:4px}.workspace-label{font-size:10px;letter-spacing:1.6px;color:#60776a;font-weight:800;padding:0 12px 12px}.nav-item{border:1px solid transparent;color:#9db0a4;background:transparent;text-align:left;padding:12px 13px;border-radius:11px;margin-bottom:5px;font:inherit;cursor:pointer}.nav-item span{display:inline-block;width:25px;color:#8ab9a0}.nav-item.active{background:#15271e;border-color:#254333;color:#dfffee}.sidebar-bottom{margin-top:auto}.status-card{display:flex;gap:10px;align-items:flex-start;padding:13px 10px;border:1px solid var(--line);border-radius:13px;background:#0e1913;margin-bottom:16px}.status-dot{width:7px;height:7px;border-radius:50%;background:#e3bd69;box-shadow:0 0 12px #e3bd6944;margin-top:5px;flex-shrink:0}.status-card b,.user-chip b{font-size:12px;display:block}.status-card small,.user-chip small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.user-chip{display:flex;gap:10px;align-items:center;padding:9px 5px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#214332;color:var(--green2);font-size:11px;font-weight:800}.main{max-width:1680px;width:100%;margin:0 auto;padding:34px clamp(20px,3.2vw,54px) 20px}.topbar{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--green);font-weight:850;margin-bottom:11px}.topbar h1{font-size:clamp(27px,3vw,39px);letter-spacing:-1.5px;margin:0 0 9px;line-height:1.1}.topbar p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.plan-pill,.soft-label{font-size:9px;font-weight:850;letter-spacing:1.1px;border:1px solid #2a4938;background:#10251a;color:var(--green2);padding:8px 10px;border-radius:999px;white-space:nowrap}.button{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:inherit;font-weight:750;cursor:pointer;transition:.2s}.button-quiet{background:#101b15;color:#d8e8dd}.button-quiet:hover{border-color:#4e8065}.button-primary{background:var(--green);color:#06140d;border-color:var(--green);font-weight:850;padding:14px 16px}.button-primary:hover{background:#7aefba;transform:translateY(-1px)}.full-width{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.arrow{margin-left:auto;font-size:18px}.content-grid{display:grid;grid-template-columns:minmax(390px,.93fr) minmax(380px,1.07fr);gap:20px;align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(155deg,#111e17,#0d1712 80%);border-radius:var(--radius);box-shadow:0 15px 45px #00000012}.editor-panel{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.panel-heading>div{display:flex;align-items:center;gap:11px}.panel-heading h2{font-size:15px;margin:0;letter-spacing:-.2px}.step{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#193629;color:var(--green);font-size:10px;font-weight:900}.field-label{display:block;color:#dce8df;font-size:12px;font-weight:750;margin:17px 0 8px}.optional{color:#6f8d7b;font-size:9px;letter-spacing:1px;margin-left:6px}.text-input,.text-area{width:100%;border:1px solid #2a4033;background:#0a130e;color:#e9f4ec;border-radius:10px;padding:12px 13px;font:inherit;font-size:12px;outline:none;transition:.2s}.text-input:focus,.text-area:focus{border-color:#54c992;box-shadow:0 0 0 3px #50e3a411}.text-input{min-height:42px}.text-area{resize:vertical;line-height:1.65}.text-area::placeholder,.text-input::placeholder{color:#607568}.field-footer{display:flex;justify-content:space-between;gap:12px;color:#71877a;font-size:10px;margin-top:7px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}.script-area{min-height:100px}.engine-notice{display:flex;gap:11px;background:#201e14;border:1px solid #4a4124;padding:12px;border-radius:11px;margin:19px 0 17px}.notice-icon{flex:0 0 21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#f0d98f;background:#494022;font-size:11px;font-weight:900}.engine-notice b{font-size:11px;color:#f1dca1}.engine-notice p{font-size:10px;line-height:1.6;color:#b4aa83;margin:5px 0 0}.privacy-note{color:#657b6d;font-size:10px;text-align:center;line-height:1.5;margin:11px 5px 0}.preview-column{display:grid;gap:18px}.preview-panel,.storyboard-panel{padding:21px}.preview-panel .panel-heading{margin-bottom:17px}.preview-stage{min-height:345px;border:1px solid #2a4133;border-radius:14px;background:radial-gradient(ellipse at 50% 35%,#224a36 0,transparent 47%),linear-gradient(140deg,#0d2017,#07100c 70%);position:relative;overflow:hidden;display:grid;place-items:center}.preview-stage:before,.preview-stage:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #4be0a21c;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.preview-stage:after{width:300px;height:300px}.preview-glow{position:absolute;width:210px;height:210px;background:#38d58b14;filter:blur(45px);border-radius:50%}.preview-content{position:relative;z-index:1;text-align:center;padding:24px 15px}.preview-logo{font-size:11px;font-weight:950;letter-spacing:2px;color:#dff9e9}.preview-logo span{color:var(--green);margin-left:3px}.preview-orb{width:66px;height:66px;border-radius:50%;border:1px solid #72e9ad6e;background:#1c4632;margin:23px auto 20px;display:grid;place-items:center;box-shadow:0 0 40px #4ce7a11c}.orb-inner{width:39px;height:39px;border-radius:50%;background:var(--green);color:#092016;display:grid;place-items:center;padding-left:3px}.preview-kicker{font-size:8px;letter-spacing:2px;color:var(--green);font-weight:900}.preview-content h3{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:10px 0}.preview-content h3 em{font-style:normal;color:var(--green2)}.preview-content p{font-size:10px;color:#91a99a}.preview-tag{position:absolute;bottom:13px;left:13px;font-size:8px;letter-spacing:1px;color:#799686;border:1px solid #2a4636;border-radius:5px;padding:5px 7px}.preview-meta{display:flex;justify-content:space-between;gap:10px;padding:15px 3px 0}.preview-meta small{display:block;font-size:8px;color:#71897a;letter-spacing:1px;margin-bottom:6px}.preview-meta b{font-size:11px;font-weight:750}.storyboard-panel .panel-heading{margin-bottom:15px}.text-button{border:0;background:transparent;color:var(--green2);font:inherit;font-size:11px;font-weight:750;cursor:pointer}.empty-state{text-align:center;padding:23px 10px 27px;color:#819789}.empty-icon{margin:0 auto 12px;width:39px;height:39px;border:1px solid #2e4939;background:#13271b;border-radius:12px;display:grid;place-items:center;color:var(--green);font-size:18px}.empty-state b{font-size:12px;color:#dce9df}.empty-state p{font-size:10px;line-height:1.6}.scene-list{display:grid;gap:10px}.scene-card{display:grid;grid-template-columns:48px 1fr;gap:12px;border:1px solid #263d2f;border-radius:11px;padding:12px;background:#0b1510}.scene-number{height:49px;border-radius:8px;background:linear-gradient(145deg,#244c37,#142a1d);display:grid;place-items:center;color:var(--green2);font-weight:900;font-size:11px}.scene-card h3{margin:1px 0 5px;font-size:11px}.scene-card p{margin:0;color:#91a79a;font-size:10px;line-height:1.55}.scene-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.scene-tags span{font-size:8px;border:1px solid #2b4434;color:#9fc5ac;border-radius:4px;padding:3px 5px}.footer{display:flex;justify-content:space-between;gap:15px;color:#5f7667;font-size:9px;letter-spacing:.5px;padding:25px 2px 0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e4f8eb;color:#0b2417;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:750;box-shadow:0 12px 35px #0005;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.content-grid{grid-template-columns:1fr}.preview-column{grid-template-columns:1fr 1fr;align-items:start}.preview-stage{min-height:300px}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;height:auto;min-height:0;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 4px 15px}.workspace-label,.sidebar .nav-item,.sidebar-bottom{display:none}.main{padding:25px 14px}.topbar{display:block}.top-actions{margin-top:18px}.content-grid{grid-template-columns:minmax(0,1fr)}.preview-column{grid-template-columns:1fr}.editor-panel,.preview-panel,.storyboard-panel{padding:17px}.two-col{gap:10px}.footer{flex-direction:column}.preview-stage{min-height:330px}}@media(max-width:390px){.two-col{grid-template-columns:1fr}.plan-pill{display:none}}