:root{--ground:#f1f1ee;--surface:#fff;--sunk:#e6e6e1;--ink:#121413;--soft:#4a4f4c;--line:#d6d6d0;--accent:#0f766e;--accent-ink:#fff;--warn:#9a5b00;--danger:#b42318;--r:4px;--s1:14px;--s2:16px;--s3:20px;--s4:32px;--s5:clamp(40px, 5.4vw, 72px);font-family:Archivo,system-ui,sans-serif;font-size:var(--s2);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--ground:#0e100f;--surface:#171a19;--sunk:#1f2321;--ink:#eeeeea;--soft:#a6aca8;--line:#2c312f;--accent:#2dd4bf;--accent-ink:#04211e;--warn:#f0b44c;--danger:#ff7a6b}}*{box-sizing:border-box}body{background:var(--ground);margin:0}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800}h1{font-size:var(--s5);font-stretch:112%;line-height:1.02}h2{font-size:var(--s4);line-height:1.1}h3{font-size:var(--s3);line-height:1.2}p{margin:0;line-height:1.55}a{color:inherit}.soft{color:var(--soft)}.error{color:var(--danger);font-weight:600}.warn-text{color:var(--warn);font-weight:600}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.btn{font:inherit;font-size:var(--s1);border-radius:var(--r);border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 86%, var(--ink))}.btn.on{background:var(--ink);border-color:var(--ink);color:var(--ground)}.btn.danger{color:var(--danger)}.btn.big{font-size:var(--s2);min-height:52px;padding:0 26px}.link{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.row{flex-wrap:wrap;gap:8px;display:flex}.bar{align-items:center;gap:16px;height:64px;padding:0 clamp(16px,4vw,48px);display:flex}.mark{font-weight:800;font-size:var(--s3);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mark svg{width:26px;height:26px}.bar .grow{flex:1}.home{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,48px) 64px}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:center;gap:clamp(32px,6vw,96px);min-height:calc(100vh - 64px);padding:24px 0 64px;display:grid}.hero h1{max-width:18ch}.hero .lead{font-size:var(--s3);color:var(--soft);max-width:34ch;margin-top:28px}.hero .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.hero ol{counter-reset:how;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:64px 0 0;padding:0;list-style:none;display:grid}.hero ol li{border-top:4px solid var(--ink);font-size:var(--s2);color:var(--soft);padding-top:14px;line-height:1.5}.hero ol li b{color:var(--ink);font-size:var(--s2);margin-bottom:4px;display:block}.reel{border-radius:var(--r);background:#000;overflow:hidden}.section{padding-top:120px}.section>p{font-size:var(--s3);color:var(--soft);max-width:52ch;margin-top:12px}.styles{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:40px 20px;margin-top:40px;display:grid}.style{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;gap:14px;padding:0;display:grid}.style .reel{transition:transform .2s cubic-bezier(.16,1,.3,1)}.style:hover .reel,.style:focus-visible .reel{transform:translateY(-4px)}.style h3{font-size:var(--s3)}.style p{font-size:var(--s2);color:var(--soft)}.style .bring{font-size:var(--s2);color:var(--ink);font-weight:600}.style .bring.none{color:var(--accent)}.videos{gap:4px;margin-top:32px;display:grid}.video-row{font:inherit;font-size:var(--s3);color:inherit;text-align:left;background:var(--sunk);border-radius:var(--r);cursor:pointer;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:24px;min-height:72px;padding:0 20px;transition:background-color .15s;display:grid}.video-row:hover{background:color-mix(in srgb, var(--sunk) 70%, var(--accent))}.video-row:hover b{text-decoration:underline}.video-row span{font-size:var(--s2);color:var(--soft)}.empty{background:var(--sunk);border-radius:var(--r);color:var(--soft);padding:32px}.wizard{grid-template-columns:minmax(0,640px) minmax(240px,340px);align-items:start;gap:clamp(32px,6vw,96px);max-width:1200px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 120px;display:grid}.wizard h1{margin-top:20px;font-size:clamp(36px,4.4vw,56px)}.wizard .lead{font-size:var(--s3);color:var(--soft);margin-top:16px}.wizard aside{gap:12px;display:grid;position:sticky;top:24px}.wizard aside p{font-size:var(--s1);color:var(--soft)}.form{gap:24px;margin:40px 0 32px;display:grid}label{font-weight:700;font-size:var(--s1);gap:8px;display:grid}label small{color:var(--soft);font-weight:400;font-size:var(--s1)}label.toggle{grid-template-columns:1fr auto;align-items:center;min-height:44px}input,textarea,select{font:inherit;font-weight:400;font-size:var(--s2);border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%;padding:11px 12px}input:hover,textarea:hover,select:hover{border-color:var(--soft)}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(--accent);padding:0}textarea{resize:vertical;line-height:1.5}.media-field{gap:8px;display:grid}.media-field img{border-radius:var(--r);object-fit:contain;background:var(--sunk);max-width:100%;max-height:120px}.editor{grid-template-columns:minmax(360px,460px) 1fr;height:100vh;display:grid}.editor-side{background:var(--surface);border-right:1px solid var(--line);padding:0 20px 32px;overflow-y:auto}.editor-side .bar{padding:0}.title-input{font-size:var(--s4);letter-spacing:-.02em;background:0 0;border:0;padding:0;font-weight:800}.meta{font-size:var(--s1);color:var(--soft);margin:6px 0 16px}.tabs{border-bottom:1px solid var(--line);background:var(--surface);z-index:1;margin:0 -20px 20px;padding:0 12px;display:flex;position:sticky;top:0}.tabs button{font:inherit;font-size:var(--s1);min-height:48px;color:var(--soft);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 10px;font-weight:600}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.scenes{display:grid}.scene{border-top:1px solid var(--line)}.scene:last-of-type{border-bottom:1px solid var(--line)}.scene-head{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:28px 1fr auto;align-items:baseline;gap:10px;width:100%;min-height:56px;padding:14px 0;display:grid}.scene-head .n{font-size:var(--s1);color:var(--soft);font-variant-numeric:tabular-nums}.scene-head .what{gap:2px;min-width:0;display:grid}.scene-head .what span{font-size:var(--s1);color:var(--soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scene-head .sec{font-size:var(--s1);color:var(--soft);font-variant-numeric:tabular-nums}.scene.open .scene-head b{color:var(--accent)}.scene-body{gap:18px;padding:0 0 20px 38px;display:grid}.add{gap:10px;margin-top:28px;display:grid}.add-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.add-grid .btn{justify-content:flex-start}.panel{gap:14px;display:grid}.panel h3{margin-top:16px}.panel h3:first-child{margin-top:0}.themes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme{font:inherit;font-size:var(--s1);text-transform:capitalize;color:inherit;border-radius:var(--r);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;gap:6px;padding:4px;font-weight:600;display:grid}.theme.on{border-color:var(--ink)}.theme span{border-radius:2px;grid-template-columns:2fr 1fr;height:48px;display:grid;overflow:hidden}.final{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.final video{border-radius:var(--r);background:#000;width:100%;max-height:380px}.final img{border-radius:var(--r);width:100%}.job{border-radius:var(--r);background:var(--sunk);margin-top:20px;padding:14px}.job.done b{color:var(--accent)}.job.failed b{color:var(--danger)}.job pre{white-space:pre-wrap;color:var(--soft);max-height:160px;margin:8px 0 0;font-size:13px;overflow:auto}.editor-preview{align-content:start;justify-items:center;gap:16px;padding:16px 28px;display:grid;overflow:auto}.preview-box{width:100%}.preview-box.f9x16{max-width:min(420px,56.25vh - 61.875px)}.preview-box.f1x1{max-width:min(640px,100vh - 110px)}.preview-box.f16x9{max-width:1000px}.preview-error{background:var(--sunk);border-radius:var(--r);color:var(--soft);padding:24px}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:0}.hero .reel-wrap{max-width:360px}.hero ol{grid-template-columns:1fr 1fr}.wizard{grid-template-columns:1fr}.wizard aside{max-width:320px;position:static}.editor{grid-template-columns:1fr;height:auto}.editor-preview{order:-1}}.claude{background:var(--sunk);border-radius:var(--r);gap:16px;margin-top:64px;padding:28px;display:grid}.claude h2{font-size:var(--s3)}.invite{align-items:center;gap:8px;display:inline-flex}.invite input{width:min(420px,50vw);font-size:var(--s1)}