:root{--bg:#020713;--side:#030c1c;--panel:#07152d;--panel2:#0a1c3c;--line:#16345d;--blue:#1688ff;--blue2:#54bdff;--text:#f7f9ff;--muted:#8fa4c2;--green:#42dc9b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--side);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;padding:0 6px 18px}.brand img{width:40px;height:40px;border-radius:50%;border:1px solid #fff6}.brand strong,.brand small{display:block}.brand small{font-size:8px;letter-spacing:.15em;color:var(--blue2);margin-top:4px}.new-btn{border:1px solid #285284;background:#0b2448;color:#fff;border-radius:11px;padding:13px;text-align:left;font-weight:800;cursor:pointer}.side-label{color:#58708f;font-size:10px;letter-spacing:.18em;margin:28px 9px 8px}.tools{display:grid;gap:5px}.tools button,.side-bottom>button{border:0;background:transparent;color:#b9c8dc;text-align:left;padding:12px 10px;border-radius:10px;font-size:14px;cursor:pointer}.tools button:hover,.tools button.active,.side-bottom>button:hover{background:#0c274f;color:#fff}.tools button span,.side-bottom>button span{display:inline-block;width:24px;color:var(--blue2)}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}.account-row{display:flex;align-items:center;gap:9px;margin-top:9px;padding:10px 7px;color:#dfe9f8}.avatar{width:32px;height:32px;border-radius:50%;background:#123768;display:grid;place-items:center;font-size:11px;font-weight:900}.account-row b,.account-row small{display:block}.account-row b{font-size:12px}.account-row small{font-size:9px;color:#66809f;margin-top:3px}main{grid-column:2;min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;background:#020713eF;backdrop-filter:blur(14px);z-index:8}.topbar>div{display:flex;gap:12px;align-items:center}.topbar b{font-size:14px}.topbar span{font-size:11px;color:var(--green)}.topbar a{font-size:12px;color:#9fb4d0;text-decoration:none}.workspace{max-width:980px;margin:auto;padding:60px 28px 100px}.intro{text-align:center;margin-bottom:30px}.intro img{width:54px;height:54px;border-radius:50%;margin:auto;border:1px solid #fff8}.intro h1{font-size:clamp(34px,5vw,56px);margin:19px 0 9px;letter-spacing:-.045em}.intro p{color:var(--muted);margin:auto;max-width:690px;line-height:1.6}.panel,.result{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#07162f,#040d1e);padding:22px;box-shadow:0 20px 70px #0005}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.field{display:grid;gap:7px}.field label{font-size:11px;color:#8da3c0}.field input,.field select,.field textarea{width:100%;background:#040d1f;color:#fff;border:1px solid #183a68;border-radius:11px;padding:12px;outline:none;font:inherit}.field textarea{min-height:180px;resize:vertical;line-height:1.5}.field.full{grid-column:1/-1}.filebox{border:1px dashed #285484;border-radius:13px;padding:24px;text-align:center;color:#91a9c7;background:#041027}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.primary,.secondary{border:0;border-radius:11px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#1688ff,#0c5cea);color:#fff}.secondary{background:#0b1c37;color:#c8d7ea;border:1px solid var(--line)}.primary:disabled{opacity:.45;cursor:wait}.result{margin-top:18px}.hidden{display:none}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.result-head small{color:#6f87a8}.story-output,.video-output{white-space:pre-wrap;line-height:1.75;color:#e7eef9}.generated-image{max-width:100%;border-radius:14px;display:block;margin:auto}.audio-player{width:100%}.notice{border:1px solid #725b1b;background:#221b07;color:#f1d989;border-radius:12px;padding:13px;line-height:1.5;font-size:13px}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.gallery-filters button{background:#06142c;color:#9fb2ce;border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer}.gallery-filters button.active{background:#0d62c9;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.media-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#06142a}.media-preview{aspect-ratio:16/10;background:#030916;display:grid;place-items:center;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:cover}.media-preview .icon{font-size:38px;color:#4ea9ff}.media-info{padding:12px}.media-info b{display:block;font-size:13px;margin-bottom:5px}.media-info small{color:#7187a5}.media-card .card-actions{display:flex;gap:7px;margin-top:10px}.media-card button,.media-card a{font-size:11px;padding:7px 9px;border:1px solid var(--line);background:#071a37;color:#d8e6f8;border-radius:8px;text-decoration:none;cursor:pointer}@media(max-width:850px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto}.tools{grid-template-columns:repeat(5,1fr);overflow:auto}.tools button{white-space:nowrap}.side-bottom{display:none}main{grid-column:auto}.form-grid,.gallery-grid{grid-template-columns:1fr}.workspace{padding-top:35px}.topbar{position:static}}@media(max-width:560px){.tools{grid-template-columns:1fr 1fr}.topbar span{display:none}.workspace{padding:28px 14px 70px}.panel,.result{padding:15px}.intro h1{font-size:36px}}
.generated-video{width:100%;max-height:560px;border-radius:14px;background:#000}.error-notice{border-color:#79322c;background:#25100e;color:#ffb6ae}.compact-intro{margin-bottom:15px}.compact-intro img{width:36px;height:36px}.compact-intro h1{font-size:32px;margin:10px 0 4px}.compact-intro p{font-size:13px}.workspace.editor-mode{max-width:none;padding:24px 20px 70px}.panel.editor-panel{padding:0;background:transparent;border:0;box-shadow:none}.video-editor{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#030b18}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#07152b;border-bottom:1px solid var(--line)}.toolbar-group{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.editor-toolbar button,.editor-toolbar select,.mini-upload,.media-bin button{border:1px solid #1a3b66;background:#091a34;color:#dceaff;border-radius:8px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.editor-toolbar .primary{background:#147df4;border-color:#147df4}.mini-upload input{display:none}.editor-grid{display:grid;grid-template-columns:220px minmax(420px,1fr) 240px;min-height:480px}.media-bin,.inspector{background:#061326;padding:13px;border-right:1px solid var(--line);overflow:auto;max-height:640px}.inspector{border-right:0;border-left:1px solid var(--line)}.media-bin h3,.inspector h3{font-size:13px;margin:4px 0 10px}.media-bin p,.muted{font-size:11px;color:#758da9}.bin-item{display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;padding:8px;border:1px solid #14345e;border-radius:9px;margin-bottom:7px;background:#071932}.bin-item b,.bin-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bin-item b{font-size:11px}.bin-item small{font-size:9px;color:#6e86a4}.bin-item button{padding:5px 7px}.wide{width:100%;margin-bottom:6px}.preview-pane{background:#02060d;display:flex;flex-direction:column;min-width:0}.canvas-wrap{flex:1;min-height:360px;display:grid;place-items:center;padding:14px;overflow:hidden;background:radial-gradient(circle,#101a2b,#01040a 70%)}#previewCanvas{max-width:100%;max-height:520px;background:#000;box-shadow:0 8px 50px #000;border:1px solid #1b2d49}.transport{height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px}.transport button{background:#0b1c35;color:#fff;border:1px solid #1b3b66;border-radius:7px;padding:6px 9px}.transport span{font-size:10px;color:#9bb0ca}.transport #zoom{width:90px;margin-left:auto}.inspector-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-fields label{font-size:9px;color:#7892b2;display:grid;gap:4px}.inspector-fields label.full{grid-column:1/-1}.inspector-fields input,.inspector-fields textarea,.inspector-fields select{width:100%;background:#020b1b;color:#fff;border:1px solid #18385f;border-radius:7px;padding:7px;font-size:11px}.inspector-fields textarea{min-height:70px}.timeline{border-top:1px solid var(--line);background:#041020;padding:10px;overflow-x:auto}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.timeline-head input{width:64px;background:#061832;color:#fff;border:1px solid #1a3d68;border-radius:6px;padding:5px}.ruler{height:24px;position:relative;margin-left:72px;border-bottom:1px solid #1a3557}.ruler span{position:absolute;transform:translateX(-50%);font-size:8px;color:#647e9e;bottom:5px}.tracks{position:relative;min-height:176px}.track-row{display:grid;grid-template-columns:72px 1fr;height:42px;border-bottom:1px solid #102b4c}.track-row>label{font-size:9px;color:#7891af;padding:14px 7px;background:#06162d}.track-lane{position:relative;background:#030d1c}.clip{position:absolute;top:4px;height:34px;min-width:20px;border:1px solid #1f6bb2;border-radius:6px;background:#0b4f91;color:#fff;text-align:left;padding:4px 6px;overflow:hidden;cursor:pointer}.clip.image{background:#4c3c91;border-color:#7161cf}.clip.audio{background:#116b55;border-color:#2ea986}.clip.text{background:#7b4a19;border-color:#bc7a2d}.clip.overlay{background:#5e2e68;border-color:#9c4fab}.clip.selected{outline:2px solid #fff}.clip b,.clip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip b{font-size:9px}.clip small{font-size:8px;opacity:.72}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#ff496c;z-index:20;pointer-events:none}.playhead:before{content:'';position:absolute;top:-4px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ff496c}#hiddenMedia{display:none}.media-preview video{width:100%;height:100%;object-fit:cover}
@media(max-width:1100px){.editor-grid{grid-template-columns:170px 1fr}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);max-height:none}.inspector-fields{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.editor-grid{display:block}.media-bin,.inspector{max-height:none;border:0;border-bottom:1px solid var(--line)}.editor-toolbar{align-items:flex-start;flex-direction:column}.canvas-wrap{min-height:280px}.inspector-fields{grid-template-columns:1fr 1fr}}