:root{--ground:#000;--surface:#111;--raised:#1d1d1d;--raised-2:#2a2a2a;--control:#444;--text:#fff;--muted:#b4b4b4;--faint:#949494;--accent:#2dd4bf;--accent-pill:#0e2b27;--warning:#e5a93b;--warning-pill:#2b2414;--negative:#ff7a6b;--r-card:16px;--r-tile:10px;--gap:14px;--pad:22px;color:var(--text);background:var(--ground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--ground);margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:28px;line-height:1.15}h2{font-size:17px;line-height:1.3}p{margin:0;line-height:1.55}a{color:inherit}small{font-size:13px}.soft{color:var(--muted)}.error{color:var(--negative);font-weight:500}.warn-text{color:var(--warning);font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.btn{font:inherit;background:var(--raised-2);min-height:40px;color:var(--text);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--control)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--text);color:#000;font-weight:600}.btn.primary:hover:not(:disabled){background:#dcdcdc}.btn.danger{color:var(--negative)}.btn.big{min-height:48px;padding:0 24px;font-size:15px}.link{font:inherit;color:var(--text);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--control);text-decoration-color:var(--control);text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:14px}.link:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.row{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--raised-2);height:24px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.pill.ok{background:var(--accent-pill);color:var(--accent)}.pill.warn{background:var(--warning-pill);color:var(--warning)}.pill.busy{color:var(--muted)}.segmented{background:var(--surface);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{font:inherit;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;gap:4px;padding:12px 14px;transition:background-color .15s;display:grid}.segmented button b{color:var(--text);font-weight:600}.segmented button small{color:var(--faint)}.segmented button:hover{background:var(--raised)}.segmented button.on{background:var(--raised-2);color:var(--text)}.segmented.small{border-radius:999px;padding:3px;display:inline-grid}.segmented.small button{text-align:center;border-radius:999px;min-height:34px;padding:0 14px;font-size:14px}.bar{align-items:center;gap:12px;height:56px;padding:0 clamp(16px,2.4vw,32px);display:flex}.mark{align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.mark svg{width:24px;height:24px}.back{min-height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:0 12px 0 6px;font-size:14px;text-decoration:none;display:inline-flex}.back:hover{background:var(--surface);color:var(--text)}.back svg{width:20px;height:20px}.bar .grow{flex:1}.bar-title{color:var(--muted);font-weight:600}.reel{border-radius:var(--r-tile);background:#000;overflow:hidden}.steps ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.steps button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:12px 1fr;align-content:start;align-items:center;column-gap:8px;width:100%;height:100%;min-height:48px;padding:8px;display:grid}.steps button:hover:not(:disabled){background:var(--raised)}.steps button:disabled{cursor:default;opacity:.55}.steps button.on{background:var(--raised-2)}.steps .dot{border:2px solid var(--control);border-radius:50%;grid-row:span 2;align-self:start;width:12px;height:12px;margin-top:3px}.steps .dot.done{background:var(--accent);border-color:var(--accent)}.steps b{color:#bbb;font-size:13px;font-weight:500;line-height:1.3}.editor-side .steps{z-index:1;background:var(--surface);margin:-12px -16px 0;padding:12px 8px 8px;position:sticky;top:-12px}.steps button.on b{color:var(--text)}.steps small{color:var(--faint);text-transform:none;font-size:12px}.home{grid-template-columns:minmax(0,1fr);gap:56px;max-width:1480px;margin:0 auto;padding:8px clamp(16px,2.4vw,32px) 80px;display:grid}.start .lead{color:var(--muted);max-width:62ch;margin-top:8px}.styles{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.style{font:inherit;color:inherit;text-align:left;background:var(--surface);border-radius:var(--r-card);cursor:pointer;border:0;align-content:start;gap:8px;padding:8px 8px 16px;transition:background-color .15s;display:grid}.style:hover,.style:focus-visible{background:var(--raised)}.style .reel{pointer-events:none}.style h2{padding:4px 6px 0;font-size:15px}.style p,.style .bring{color:var(--muted);padding:0 6px;font-size:13px;line-height:1.45}.style .bring{color:var(--text)}.style .bring.none{color:var(--faint)}.home-lower{gap:var(--gap);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;display:grid}.mine .link{justify-self:start}.mine,.how{background:var(--surface);border-radius:var(--r-card);padding:var(--pad);gap:12px;display:grid}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.videos{margin:0;padding:0;list-style:none;display:grid}.video-row{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:16px;width:100%;min-height:52px;padding:0 12px;display:grid}.video-row:hover{background:var(--raised)}.video-row b{font-weight:500}.video-row span:not(.pill){color:var(--faint);font-variant-numeric:tabular-nums;font-size:13px}.how ol{color:var(--muted);gap:10px;margin:0;padding:0 0 0 20px;font-size:14px;line-height:1.45;display:grid}.how ol b{color:var(--text);font-weight:500;display:block}.tour summary{cursor:pointer;align-items:center;min-height:40px;font-weight:500;display:flex}.tour .reel{max-width:280px;margin-top:8px}.empty{background:var(--raised);border-radius:var(--r-tile);color:var(--muted);padding:24px}.wizard{grid-template-columns:minmax(0,680px) minmax(240px,320px);align-items:start;gap:clamp(32px,5vw,72px);max-width:1160px;margin:0 auto;padding:8px clamp(16px,2.4vw,32px) 96px;display:grid}.wizard-main{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.wizard .lead{color:var(--muted);margin-top:-12px}.wizard-example{gap:10px;display:grid;position:sticky;top:16px}.wizard-example p{color:var(--muted);font-size:13px}.form{gap:22px;display:grid}.submit{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.submit p{flex-basis:100%;font-size:14px}label,.field{gap:8px;font-size:14px;font-weight:500;display:grid}label small,.field small{color:var(--faint);font-weight:400}label.toggle{grid-template-columns:1fr auto;align-items:center;min-height:44px}input,textarea,select{font:inherit;border-radius:var(--r-tile);border:1px solid var(--raised-2);background:var(--ground);color:var(--text);width:100%;padding:11px 12px;font-size:15px;font-weight:400}input:hover,textarea:hover,select:hover{border-color:var(--control)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}input[type=color]{width:88px;height:44px;padding:4px}input[type=range]{accent-color:var(--text);border:0;padding:0}textarea{resize:vertical;line-height:1.5}.file{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file:has(input:focus-visible) .btn{outline:2px solid var(--accent);outline-offset:2px}.media-field{gap:8px;display:grid}.media-field img{border-radius:var(--r-tile);object-fit:contain;background:var(--raised);max-width:100%;max-height:120px}.editor{grid-template-rows:56px minmax(0,1fr);height:100vh;display:grid}.editor .title-input{field-sizing:content;background:0 0;border:0;width:auto;min-width:8ch;max-width:40ch;padding:6px 8px;font-size:16px;font-weight:600}.editor .title-input:hover{background:var(--surface)}.editor-body{grid-template-columns:minmax(380px,470px) minmax(0,1fr);gap:12px;min-height:0;padding:0 8px 8px;display:grid}.editor-side{background:var(--surface);border-radius:var(--r-card);align-content:start;gap:16px;padding:12px 16px 32px;display:grid;overflow-y:auto}.editor-loading{color:var(--muted);padding:32px}.next{background:var(--raised);border-radius:14px;justify-items:start;gap:12px;padding:14px 16px;display:grid}.next b{font-weight:600}.scenes{gap:4px;display:grid}.scenes>p{margin-bottom:8px;font-size:14px}.scene{border-radius:12px}.scene.open{background:var(--raised)}.scene-head{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:24px 1fr auto;align-items:baseline;gap:10px;width:100%;min-height:52px;padding:10px 12px;display:grid}.scene-head:hover{background:var(--raised)}.scene-head .n,.scene-head .sec{color:var(--faint);font-variant-numeric:tabular-nums;font-size:13px}.scene-head .what{gap:2px;min-width:0;display:grid}.scene-head .what b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.scene-head .what span{color:var(--faint);font-size:13px}.scene-body{gap:16px;padding:0 12px 16px 46px;display:grid}.scene-body>p{font-size:14px}.add{margin-top:12px}.add summary{cursor:pointer;border-radius:12px;align-items:center;min-height:44px;padding:0 12px;font-weight:500;display:flex}.add summary:hover{background:var(--raised)}.add-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.add-kind{font:inherit;color:inherit;text-align:left;background:var(--raised);cursor:pointer;border:0;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.add-kind:hover{background:var(--raised-2)}.add-kind b{font-size:14px;font-weight:500}.add-kind small{color:var(--faint);font-size:12px;line-height:1.4}.panel{align-content:start;gap:14px;display:grid}.panel h2{margin-top:12px}.panel h2:first-child{margin-top:0}.panel>p{font-size:14px}.panel>.btn{justify-self:start}.places{grid-template-columns:1fr 1fr;gap:8px;display:grid}.place{font:inherit;color:inherit;background:var(--raised);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;gap:6px;padding:4px 4px 8px;font-size:14px;font-weight:500;display:grid}.place>span:last-child{padding:0 4px}.place>div{pointer-events:none;border-radius:8px;overflow:hidden}.place.on{border-color:var(--text)}.themes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme{font:inherit;text-transform:capitalize;color:inherit;cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:12px;gap:6px;padding:4px;font-size:13px;font-weight:500;display:grid}.theme.on{border-color:var(--text)}.theme span{border-radius:8px;grid-template-columns:2fr 1fr;height:40px;display:grid;overflow:hidden}.final{background:var(--raised);border-radius:12px;justify-items:start;gap:10px;padding:14px;display:grid}.final video{border-radius:var(--r-tile);background:#000;width:100%;max-height:380px}.final img{border-radius:var(--r-tile);width:100%}.job{background:var(--raised);border-radius:14px;padding:14px 16px}.job.done b{color:var(--accent)}.job.failed b{color:var(--negative)}.job pre{white-space:pre-wrap;color:var(--faint);max-height:140px;margin:8px 0 0;font:12px/1.5 ui-monospace,monospace;overflow:auto}.editor-stage{grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:12px;min-width:0;min-height:0;display:grid}.preview-box{width:100%}.preview-box.f9x16{max-width:min(460px,56.25vh - 112.5px)}.preview-box.f1x1{max-width:min(720px,100vh - 200px)}.preview-box.f16x9{max-width:min(1100px,177.778vh - 355.556px)}.preview-error{background:var(--surface);border-radius:var(--r-tile);color:var(--muted);padding:24px}.storyboard{gap:8px;width:100%;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.storyboard li{flex:0 0 150px}.storyboard .card{font:inherit;color:inherit;text-align:left;background:var(--surface);cursor:pointer;border:2px solid #0000;border-radius:12px;align-content:start;gap:4px;width:100%;height:100%;padding:10px 12px;display:grid}.storyboard .card:hover{background:var(--raised)}.storyboard .card b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.storyboard .card small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.storyboard .card.on{border-color:var(--text)}.storyboard .card.playing{border-top-color:var(--accent)}@media (width<=1240px){.styles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.styles{grid-template-columns:repeat(2,minmax(0,1fr))}.home-lower,.wizard{grid-template-columns:minmax(0,1fr)}.wizard-main{min-width:0}.wizard-example{order:-1;grid-template-columns:150px 1fr;align-items:start;position:static}.wizard .steps ol{display:flex;overflow-x:auto}.wizard .steps li{flex:none}.editor{height:auto;display:block}.editor .bar{flex-wrap:wrap;height:auto;min-height:56px;padding-block:6px}.editor-body{flex-direction:column;padding:0 16px 16px;display:flex}.editor-stage{z-index:2;background:var(--ground);order:-1;padding-bottom:8px;position:sticky;top:0}.preview-box.f9x16{max-width:21.375vh}.preview-box.f1x1{max-width:38vh}.preview-box.f16x9{max-width:min(100%,67.5556vh)}.storyboard li{flex-basis:128px}.editor-side{grid-template-columns:minmax(0,1fr);min-width:0;overflow:visible}.editor-side .steps{position:static}.editor-side .steps ol{display:flex;overflow-x:auto}.editor-side .steps li{flex:none}.scene-body{padding-left:12px}}.invite{align-items:center;gap:8px;display:inline-flex}.invite input{width:min(420px,50vw);font-size:14px}.project-pick{align-items:center;gap:8px;display:flex}.project-pick select{width:auto;max-width:220px;padding:8px 10px}.refs{gap:4px;margin:0;padding:0;list-style:none;display:grid}.refs li{background:var(--surface);border-radius:var(--r-tile);grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:8px;display:grid}.refs img{object-fit:cover;border-radius:8px;width:56px;height:56px}.refs .ref-kind{color:var(--faint);text-align:center;font-size:13px}.refs a{overflow-wrap:anywhere}@media (width<=640px){.bar:has(.project-pick){gap:8px}.project-pick .soft,.bar .new-project{display:none}.project-pick select{max-width:130px}}