:root{--bg:#0b0d12;--panel:#11151d;--panel2:#151b25;--line:#252c38;--text:#f2f4f8;--muted:#8f9aaa;--accent:#a7f36b;--accent2:#d2ffad;--purple:#9e8cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#18202b 0,transparent 40%),var(--bg);color:var(--text);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:26px 17px;background:#0a0c10;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:13px;font-weight:850;letter-spacing:1.8px;padding:0 7px 42px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#10150b;font-size:21px;letter-spacing:0}.brand-light{color:#8e98a7;font-weight:500}.workspace-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#7e8a9b}.workspace-label{padding:0 10px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 11px;border-radius:10px;color:#aeb7c5;text-decoration:none;font-size:13px;margin-bottom:5px}.nav-item>span:first-child{font-size:17px}.nav-item.active{background:#1a2518;color:var(--accent);border:1px solid #2b3c26}.nav-pill{font-size:8px;margin-left:auto;border:1px solid #40533b;border-radius:4px;padding:2px 4px;letter-spacing:1px}.nav-item.muted{color:#778292}.sidebar-bottom{margin-top:auto}.local-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#10141b;padding:12px;border-radius:10px}.local-card strong,.local-card small{display:block}.local-card strong{font-size:11px}.local-card small{color:#929dad;font-size:10px;margin-top:3px}.status-dot{display:inline-block;width:7px;height:7px;background:#f0b65a;border-radius:50%;box-shadow:0 0 10px #f0b65a55;flex:none}.sidebar-bottom p{font-size:10px;line-height:1.8;color:#687485;padding:8px 12px}.main{margin-left:238px;max-width:1500px;padding:0 5.2% 32px}.topbar{height:74px;border-bottom:1px solid #202631;display:flex;align-items:center;justify-content:space-between;gap:16px}.crumb{font-size:10px;letter-spacing:1.7px;color:#a0aaba;font-weight:800}.crumb span{color:#495363;padding:0 8px}.top-actions{display:flex;align-items:center;gap:15px}.local-badge{font-size:10px;color:#a6b0bd;display:flex;align-items:center;gap:7px}.local-badge .status-dot{background:var(--accent);box-shadow:none}.outline-btn,.primary-btn{border:1px solid #343d4b;background:#151a23;color:#e9edf4;border-radius:8px;padding:10px 13px;font:inherit;font-size:11px;cursor:pointer}.outline-btn:hover{border-color:#68758a}.hero{display:flex;justify-content:space-between;align-items:center;padding:52px 0 38px;min-height:255px;position:relative;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:8px}.sparkle{color:var(--accent);font-size:17px}h1{font-size:clamp(36px,4.3vw,56px);letter-spacing:-2.7px;line-height:1.04;margin:16px 0 14px;font-weight:780}h1 span{color:var(--accent)}.hero-copy{color:#9ba6b6;max-width:510px;font-size:13px;line-height:1.8;margin:0}.hero-orb{width:190px;height:190px;position:relative;margin-right:6%;display:grid;place-items:center;flex:none}.orb-ring{position:absolute;border:1px solid #92dc6650;border-radius:50%;inset:8px;transform:rotate(-24deg) scaleY(.62)}.ring-two{inset:24px;transform:rotate(38deg) scaleY(.68);border-color:#a0a9ff55}.orb-core{width:95px;height:95px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#c8ff9e,#71b84a);color:#17220f;font-size:55px;font-weight:850;box-shadow:0 0 75px #9ee66b25;position:relative}.orb-core span{font-size:15px;position:absolute;right:16px;top:13px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:linear-gradient(145deg,#121721,#10141b);border:1px solid var(--line);border-radius:13px;padding:20px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading>div{display:flex;align-items:center;gap:10px}.step{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#202a20;color:var(--accent);font-size:10px;font-weight:800}.panel h2{font-size:14px;margin:0;font-weight:700;letter-spacing:-.2px}.optional{font-size:9px;letter-spacing:1.2px;color:#687587}.panel-description{font-size:11px;color:#8792a2;margin:11px 0 17px}.dropzone{min-height:190px;border:1px dashed #3a4554;background:#0e1219;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center;padding:18px;transition:.2s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#141b14}.upload-icon{width:37px;height:37px;border-radius:12px;background:#1d2820;color:var(--accent);display:grid;place-items:center;font-size:22px;margin-bottom:4px}.dropzone strong{font-size:12px}.dropzone span{font-size:11px;color:#98a3b2}.dropzone u{color:var(--accent);text-underline-offset:3px}.dropzone small{font-size:9px;color:#657183;margin-top:7px}.image-drop{min-height:190px}.file-preview video{width:100%;max-height:280px;background:#050608;border-radius:8px}.file-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px}.file-meta strong,.file-meta small{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta strong{font-size:11px}.file-meta small{color:var(--muted);font-size:10px}.text-btn{background:none;border:0;color:var(--accent);font-size:11px;cursor:pointer}.image-preview{height:190px;position:relative;display:flex;justify-content:center;background:#090c11;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.remove-image{position:absolute;right:9px;top:9px;border:0;background:#0b0d12d9;color:#fff;border-radius:7px;font-size:21px;width:30px;height:30px;cursor:pointer}.hidden{display:none!important}.prompt-panel{margin-top:16px}.prompt-panel textarea{width:100%;margin-top:15px;resize:vertical;min-height:90px;background:#0c1016;border:1px solid #2a3340;border-radius:9px;color:var(--text);padding:13px;font:inherit;font-size:12px;line-height:1.7;outline:none}.prompt-panel textarea:focus,.setting select:focus,.dialog-form input:focus{border-color:#7cb951}.prompt-panel textarea::placeholder{color:#647081}.prompt-footer{display:flex;justify-content:space-between;gap:12px;color:#707c8d;font-size:9px;margin-top:8px}.settings-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin-top:16px}.setting label{display:block;color:#758294;font-size:9px;letter-spacing:1.2px;font-weight:800;margin:0 0 8px 2px}.setting select{width:100%;background:#131923;color:#dce2eb;border:1px solid #2b3442;border-radius:8px;padding:11px 10px;font:inherit;font-size:11px;outline:none}.generate-area{margin-top:22px}.notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #3c3927;background:#1b1912;padding:12px 14px;border-radius:9px;color:#d4c9a8}.notice>span{font-size:16px;color:#f0c46d}.notice p{margin:0;font-size:10px;line-height:1.7}.notice strong{color:#f5dfaa;font-size:11px}.generate-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background:var(--accent);color:#11180c;border:0;border-radius:9px;padding:15px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;margin-top:13px;box-shadow:0 8px 28px #9ee66b12;transition:.2s}.generate-btn:hover{background:var(--accent2);transform:translateY(-1px)}.btn-arrow{margin-left:4px;font-size:16px}.fine-print{text-align:center;color:#657183;font-size:9px;margin:10px 0 0}.output-panel{margin-top:20px}.output-message{font-size:12px;color:#adb7c5;padding:16px 0}.output-panel video{width:100%;max-height:500px;border-radius:8px;background:#050608}.how-panel{margin-top:38px;border-top:1px solid var(--line);padding-top:25px}.how-title h2{font-size:21px;letter-spacing:-.6px;margin:8px 0 19px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.how-steps>div{border:1px solid var(--line);border-radius:10px;padding:15px;background:#10141b}.how-steps>div>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#202a20;color:var(--accent);font-size:11px;font-weight:800;margin-bottom:13px}.how-steps strong{font-size:12px}.how-steps p{font-size:10px;line-height:1.8;color:#8792a2;margin:7px 0 0}footer{display:flex;justify-content:space-between;color:#687486;font-size:10px;border-top:1px solid var(--line);margin-top:30px;padding-top:17px}footer span{color:#495363}dialog{background:#121721;color:var(--text);border:1px solid #333d4c;border-radius:14px;width:min(500px,calc(100% - 28px));padding:0;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#03050ac9;backdrop-filter:blur(4px)}.dialog-form{padding:23px}.dialog-title{display:flex;justify-content:space-between;align-items:flex-start}.dialog-title h2{margin:7px 0 0;font-size:21px}.close-btn{background:#202630;color:#e9edf4;border:0;border-radius:8px;width:32px;height:32px;font-size:22px;cursor:pointer}.dialog-form p{color:#9ba6b6;font-size:12px;line-height:1.8}.dialog-form label{display:block;font-size:10px;color:#aeb8c6;margin:18px 0 7px}.dialog-form input{width:100%;padding:12px;background:#0b0f15;border:1px solid #303947;border-radius:8px;color:white;outline:none}.dialog-note{font-size:10px;color:#d0b879;background:#211e14;padding:10px;border-radius:8px;margin-top:12px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.primary-btn{background:var(--accent);color:#11180c;border-color:var(--accent);font-weight:800}.primary-btn:hover{background:var(--accent2)}@media(max-width:1000px){.sidebar{width:200px}.main{margin-left:200px;padding:0 4% 28px}.hero-orb{margin-right:0;transform:scale(.8)}.local-badge{display:none}}@media(max-width:720px){.sidebar{position:relative;width:auto;height:auto;inset:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.workspace-label,.nav-item,.sidebar-bottom{display:none}.main{margin:0;padding:0 18px 25px}.topbar{height:58px}.top-actions{gap:8px}.outline-btn{padding:9px;font-size:10px}.crumb{font-size:9px}.hero{padding:36px 0 26px;min-height:0}.hero-orb{display:none}h1{font-size:42px}.hero-copy{font-size:12px}.editor-grid{grid-template-columns:1fr}.panel{padding:16px}.dropzone,.image-drop{min-height:160px}.settings-row{grid-template-columns:1fr}.how-steps{grid-template-columns:1fr}.prompt-footer{align-items:flex-start}.prompt-footer span:first-child{max-width:75%}}