:root{color-scheme:light;--ink: #17171c;--muted: #626670;--subtle: #9295a0;--line: #e4e4e9;--line-strong: #d5d6dd;--soft: #f6f6f7;--panel: #ffffff;--frame: #17171c;--amber: #d8a236;--green: #4fbf8b}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:transparent;color:var(--ink);font-family:IBM Plex Sans,HarmonyOS Sans SC,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body.video-body{width:1520px;height:980px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px}.video-device{width:1440px;height:900px;overflow:hidden;background:#f8f8f9;border:12px solid var(--frame);border-radius:34px;box-shadow:0 42px 90px #0000006b}.video-shell{position:relative;width:100%;height:100%;overflow:hidden;padding:28px 34px 30px;background:linear-gradient(#ededf1 1px,transparent 1px),linear-gradient(90deg,#ededf1 1px,transparent 1px),#fbfbfc;background-size:28px 28px}.video-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 48% 42%,#ffffffe0,#ffffff2e 45%,#fff0 70%)}.video-topbar,.video-board,.video-timeline{position:relative;z-index:1}.video-topbar{height:74px;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:24px}.video-brand{display:flex;align-items:center;gap:14px}.video-brand img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;filter:grayscale(1) contrast(1.1)}.video-brand h1{margin:0 0 4px;color:#202126;font-size:29px;line-height:1.12;font-weight:400}.video-brand p{margin:0;color:var(--muted);font-size:13px;line-height:1.2}.video-taskbar{display:flex;align-items:center;gap:10px;padding-top:2px}.task-pill,.status-pill,.toolbar-button{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffe6;color:#30323a;font-size:13px;line-height:1;white-space:nowrap}.status-pill i{width:8px;height:8px;border-radius:999px;background:var(--amber);box-shadow:0 0 0 4px #d8a23624}.toolbar-button{border-color:#17171c;background:#17171c;color:#fff;font:inherit;font-size:13px}.toolbar-button svg{width:16px;height:16px;stroke-width:1.9}.video-board{display:grid;grid-template-columns:430px minmax(0,1fr) 300px;gap:18px;height:610px;margin-bottom:18px}.canvas-panel,.editor-panel,.inspector-panel,.video-timeline{border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:0 16px 38px #17171c12}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 0}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--muted);font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.2;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:999px;background:var(--green)}.eyebrow.is-running i{background:var(--amber)}.panel-head h2,.panel-head h3{margin:0;color:var(--ink);font-size:23px;line-height:1.18;font-weight:400}.panel-head h3{font-size:21px}.duration{color:var(--subtle);font-size:13px;line-height:1}.canvas-panel{overflow:hidden}.phone-wrap{display:flex;justify-content:center;padding:22px 0 20px}.phone-preview{position:relative;width:292px;height:520px;overflow:hidden;border:10px solid #17171c;border-radius:34px;background:#f4f0e8;box-shadow:0 22px 42px #17171c2e}.phone-preview:before{content:"";position:absolute;left:50%;top:11px;width:74px;height:5px;border-radius:999px;background:#ffffffad;transform:translate(-50%);z-index:5}.scene-window{position:absolute;left:20px;top:46px;width:82px;height:250px;border:1px solid rgba(23,23,28,.13);background:#ffffff9e}.scene-table{position:absolute;left:22px;right:20px;bottom:118px;height:92px;border-top:2px solid rgba(23,23,28,.15);border-bottom:1px solid rgba(23,23,28,.08);background:linear-gradient(180deg,#fff3,#d6cdbf42)}.scene-clutter{position:absolute;left:42px;right:36px;bottom:200px;height:42px}.scene-clutter span{position:absolute;display:block;border:1px solid rgba(23,23,28,.16);background:#ffffffb8}.scene-clutter span:nth-child(1){left:0;top:9px;width:38px;height:18px;border-radius:999px}.scene-clutter span:nth-child(2){left:62px;top:2px;width:24px;height:24px;border-radius:6px;transform:rotate(-10deg)}.scene-clutter span:nth-child(3){right:0;top:14px;width:42px;height:12px;border-radius:999px;transform:rotate(8deg)}.phone-preview img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.22);transform-origin:52% 64%;z-index:1}.phone-preview:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#17171c2e,#17171c00 22%),linear-gradient(0deg,#17171c5c,#17171c00 34%)}.phone-caption{position:absolute;left:16px;right:16px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(23,23,28,.1);border-radius:14px;background:#ffffffb8;backdrop-filter:blur(8px);z-index:4}.phone-caption strong{display:block;margin-bottom:4px;color:var(--ink);font-size:13px;line-height:1;font-weight:500}.phone-caption span{color:var(--muted);font-size:11px;line-height:1}.mini-play{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:999px;background:#17171c;color:#fff}.mini-play svg{width:15px;height:15px;transform:translate(1px)}.editor-panel{display:flex;flex-direction:column;overflow:hidden}.step-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:20px 22px 0}.step-row span{height:33px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--subtle);font-size:12px;line-height:1;white-space:nowrap}.step-row .is-active{border-color:#17171c;background:#17171c;color:#fff}.frame-workspace{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 22px 0}.frame-card{min-height:140px;padding:14px;border:1px dashed var(--line-strong);border-radius:8px;background:#fbfbfc}.frame-card.is-active{border-style:solid;border-color:#17171c;background:#fff}.frame-card.is-complete{border-style:solid;border-color:#cfd0d6;background:#fff}.frame-card.is-motion{border-style:solid;border-color:#d8a236;background:#fffaf0}.frame-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.frame-title strong{color:var(--ink);font-size:15px;font-weight:500}.frame-title span{color:var(--subtle);font-size:12px}.frame-visual{position:relative;height:76px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#f2eee6}.frame-visual img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.frame-visual.is-product img{-o-object-fit:contain;object-fit:contain;padding:4px;background:#f7f7f8}.motion-path{height:76px;display:grid;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(90deg,rgba(216,162,54,.18),transparent),#fff;padding:12px}.motion-path span{display:block;width:100%;height:6px;border-radius:999px;background:#17171c}.motion-path i{display:block;width:62%;height:6px;border-radius:999px;background:var(--amber)}.frame-placeholder{height:76px;display:grid;place-items:center;border:1px dashed #d5d6dd;border-radius:7px;color:#8b8e98;background:#f7f7f8;font-size:13px}.prompt-block{margin:16px 22px 0;padding:17px 18px;border:1px solid var(--line);border-radius:8px;background:#fff}.prompt-block label{display:block;margin-bottom:9px;color:var(--subtle);font-size:12px;line-height:1}.prompt-block p{margin:0;color:#2e3037;font-size:15px;line-height:1.58}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:auto 22px 22px;padding:15px 16px;border:1px solid var(--line);border-radius:8px;background:#fbfbfc}.asset-stack{display:flex;align-items:center;gap:10px;min-width:0}.asset-stack img{width:42px;height:42px;-o-object-fit:cover;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.asset-stack strong{display:block;margin-bottom:4px;color:var(--ink);font-size:13px;font-weight:500}.asset-stack span{color:var(--muted);font-size:12px}.generate-button{height:38px;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #17171c;border-radius:999px;background:#17171c;color:#fff;font:inherit;font-size:13px}.generate-button svg{width:16px;height:16px}.inspector-panel{display:flex;flex-direction:column;overflow:hidden;padding:20px}.inspector-title{margin-bottom:18px}.inspector-title h3{margin:0 0 7px;color:var(--ink);font-size:21px;line-height:1.2;font-weight:400}.inspector-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.source-card{display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:15px}.source-card img{width:66px;height:66px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.source-card strong{display:block;margin-bottom:6px;color:var(--ink);font-size:14px;font-weight:500}.source-card span{color:var(--muted);font-size:12px;line-height:1.35}.parameter-list{display:grid;gap:8px;margin-bottom:15px}.parameter-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fbfbfc;font-size:12px}.parameter-list span{color:var(--subtle)}.parameter-list strong{color:var(--ink);font-weight:500;white-space:nowrap}.compose-card{margin-top:auto;padding:15px;border:1px solid #17171c;border-radius:8px;background:#17171c;color:#fff}.compose-card span{display:block;margin-bottom:8px;color:#ffffff9e;font-size:12px;line-height:1}.compose-card strong{display:block;margin-bottom:13px;font-size:20px;line-height:1.2;font-weight:400}.compose-meter{height:8px;overflow:hidden;border-radius:999px;background:#ffffff2e}.compose-meter i{display:block;width:32%;height:100%;border-radius:inherit;background:var(--amber)}.video-timeline{height:168px;overflow:hidden;padding:18px 20px 22px}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.timeline-head h2{margin:0;color:var(--ink);font-size:22px;line-height:1.2;font-weight:400}.timeline-head span{color:var(--muted);font-size:13px}.shot-strip{display:grid;grid-template-columns:1fr 1.18fr 1fr .8fr;gap:12px}.strip-card{position:relative;min-height:92px;overflow:hidden;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfbfc}.strip-card.is-current{border-color:#17171c;background:#fff}.strip-card.is-final{background:#17171c;color:#fff}.strip-card small{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--subtle);font-size:12px;line-height:1}.strip-card.is-final small{color:#ffffff8f}.strip-card strong{display:block;max-width:260px;color:var(--ink);font-size:16px;line-height:1.25;font-weight:500}.strip-card.is-final strong{color:#fff}.strip-card p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.strip-card.is-final p{color:#ffffff9e}.strip-card img{position:absolute;right:12px;bottom:10px;width:54px;height:54px;-o-object-fit:cover;object-fit:cover;border-radius:7px;opacity:.82}