:root{--bg:#e4e4e4;--dot:#cdcdcd;--panel:#fff;--raised:#f2f2f2;--line:#d6d6d6;--text:#111;--muted:#666;--ink:#111;--ink-text:#fff;--flame:#f7821f;--flame-text:#b85600;--vapor:#2f6bff;--ok:#1a8f4e;--warn:#a86f00;--bad:#d93025;--shadow:0 1px 2px #0000000d, 0 4px 16px #0000000a;--radius-sm:4px;--radius:10px;--radius-lg:16px;--font:"Inter Tight", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:15px/1.55 var(--font);margin:0}body{background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:20px 20px}a{color:var(--vapor);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{text-wrap:balance;margin:0 0 .5em;line-height:1.2}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 .8em}code,.mono{font-family:var(--mono);font-size:13px}img{max-width:100%}.container{max-width:1180px;padding:24px max(16px, env(safe-area-inset-left));margin:0 auto}.narrow{max-width:720px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px;display:grid}.muted{color:var(--muted)}.small{font-size:13px}.spacer{flex:1}.topbar{border-bottom:1px solid var(--line);background:var(--panel)}.topbar .container{flex-wrap:wrap;align-items:center;gap:18px;padding-block:12px;display:flex}.logo{color:var(--text);letter-spacing:-.01em;font-size:18px;font-weight:800}.logo b{color:var(--flame)}.topbar nav{flex-wrap:wrap;gap:14px;display:flex}.topbar nav a{color:var(--muted)}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--text);text-decoration:none}.fuel{font-family:var(--mono);color:var(--flame-text);font-size:13px}.fuel .fuel-icon{color:var(--flame)}.footer{border-top:1px solid var(--line);margin-top:48px}.footer .container{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow);padding:18px}.card.tight{padding:12px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:var(--radius);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--text);text-decoration:none}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--ink-text);font-weight:650}.btn.primary:hover{background:#2b2b2b}.btn.danger{color:var(--bad)}.btn.small{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--vapor);outline-offset:2px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}label.inline{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:14px}input,textarea,select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);font:inherit;width:100%;padding:8px 10px}input[type=checkbox],input[type=radio]{width:auto}input[type=color]{width:56px;height:36px;padding:2px}input[type=range]{padding:0}textarea{resize:vertical;min-height:90px}form.stack{max-width:720px}.pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.pass{color:var(--ok)}.pill.fail,.pill.missing{color:var(--bad)}.pill.optional{color:var(--muted)}.pill.warn{color:var(--warn)}.pill.info{color:var(--vapor)}.issues{margin:6px 0 0;padding-left:18px;font-size:13px}.issues .error{color:var(--bad)}.issues .warning{color:var(--warn)}.issues .info{color:var(--muted)}.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);padding:10px 14px;font-size:14px}.notice.error{border-color:var(--bad);color:var(--bad)}.notice.ok{border-color:var(--ok);color:var(--ok)}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 12px}.tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--flame)}.thermo{background:var(--raised);border:1px solid var(--line);border-radius:999px;height:14px;overflow:hidden}.thermo>span{background:linear-gradient(90deg, var(--vapor), var(--flame));height:100%;display:block}.temp{font-family:var(--mono);color:var(--flame-text);font-size:32px;font-weight:700}.steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.steps li{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.steps li.done{opacity:.75}.steps .deg{font-family:var(--mono);color:var(--vapor)}.steps li.done .deg{color:var(--ok)}.thumb{background:repeating-conic-gradient(#ececec 0 25%, #f7f7f7 0 50%) 50% / 16px 16px;border-radius:var(--radius);aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;overflow:hidden}.thumb img{object-fit:contain;max-height:100%}.spec{font-family:var(--mono);color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}th{color:var(--muted);font-weight:600}.table-wrap{overflow-x:auto}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.cookie{bottom:max(16px, env(safe-area-inset-bottom));z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:520px;box-shadow:var(--shadow);align-items:center;gap:12px;margin:0 auto;padding:12px 16px;font-size:14px;display:flex;position:fixed;left:16px;right:16px}.hero{padding-block:48px 24px}.hero h1{letter-spacing:-.02em;max-width:18ch;font-size:clamp(30px,5vw,48px)}.hero p{max-width:62ch;color:var(--muted);font-size:17px}.showcase{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.showcase figure{flex:0 auto;max-width:100%}.showcase .sc-library_hero{flex-basis:100%}.showcase img{object-fit:cover;width:100%;height:100%}.editor{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}@media (max-width:860px){.editor{grid-template-columns:1fr}}@container (max-width:720px){.editor{grid-template-columns:1fr}}.editor canvas{border-radius:var(--radius);background:#1a1a1a;width:100%;height:auto}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.nowrap{white-space:nowrap}.print-only{display:none}@media print{.topbar,.footer,.tabs,.cookie,.no-print,.btn,nextjs-portal,.studio-canvas,.studio-split,.panel-head button{display:none!important}.studio{height:auto!important;display:block!important}.studio-panel{box-shadow:none!important;border:0!important;padding:0!important;overflow:visible!important}.print-only{display:inline}:root{--bg:#fff;--panel:#fff;--line:#ccc;--muted:#555}html,body{background:#fff}.card{break-inside:avoid;box-shadow:none}.thermo{display:none}}.logo{align-items:center;gap:7px;display:inline-flex}.logo:hover{text-decoration:none}.fuel-icon{vertical-align:-.125em;flex:none;display:inline-block}.flow-canvas{border:1px solid var(--line);border-radius:var(--radius-lg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#ececec;background-image:radial-gradient(#c9c9c9 1px,#0000 1.2px);position:relative;overflow:hidden}.flow-canvas:active{cursor:grabbing}.flow-layer{transform-origin:0 0;position:absolute;top:0;left:0}.flow-edges{position:absolute;top:0;left:0;overflow:visible}.flow-edges path{fill:none;stroke:#9a9a9a;stroke-width:2px;stroke-dasharray:5 5;stroke-linecap:round;vector-effect:non-scaling-stroke}.flow-edges circle{fill:#fff;stroke:#9a9a9a;stroke-width:1.5px;vector-effect:non-scaling-stroke}.flow-edges .lit path,.flow-edges .lit circle{stroke:#3a3a3a}.fnode{cursor:pointer;border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#dedede;outline:none;position:absolute}.fnode-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:10px 12px 14px;display:flex}.fnode-top{justify-content:space-between;align-items:center;width:100%;height:22px;display:flex}.fnode-open{width:22px;height:22px;color:var(--muted);background:var(--raised);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.fnode-open:hover{background:var(--ink);color:#fff;text-decoration:none}.fnode-bot{background:var(--raised);border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin:2px 0 6px;display:flex}.fnode strong{font-size:15px}.fnode-sub{color:var(--muted);min-height:18px;font-size:12px}.fnode-foot{font-size:12px;font-family:var(--mono);color:var(--muted);text-align:center;padding:5px 0 6px}.fnode.done{background:#3a3a3a}.fnode.done .fnode-foot{color:#fff}.fnode.optional .fnode-card{border-style:dashed}.fnode.next .fnode-card{border-color:var(--flame)}.fnode.selected,.fnode:focus-visible{box-shadow:0 0 0 3px var(--vapor), var(--shadow)}.flow-tools{white-space:nowrap;background:var(--panel);border:1px solid var(--line);max-width:calc(100% - 16px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%)}.flow-tools button{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:999px;min-width:32px;padding:6px 12px;font-size:13px}.flow-tools button:hover{background:var(--raised)}.flow-tools span{color:var(--muted);text-align:center;min-width:44px}.flow-next{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:12px;padding:10px;display:flex}.flow-next:hover{border-color:var(--text)}.fgroup{pointer-events:none;background:#ffffff73;border:1.5px dashed #b4b4b4;border-radius:22px;position:absolute}.fgroup.done{border-style:solid;border-color:#8a8a8a}.fgroup-head{align-items:center;gap:10px;padding:12px 16px;font-size:16px;display:flex}.fgroup-num{background:var(--ink);color:#fff;width:26px;height:26px;font:700 14px/26px var(--mono);text-align:center;border-radius:50%;flex:none}.fgroup.todo .fgroup-num{background:#9a9a9a}.fgroup-progress{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:13px}.fnode-step{font:600 12px var(--mono);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.flow-stages{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.flow-stages li{align-items:center;gap:10px;display:flex}.flow-stages li span:nth-child(2){flex:1}.flow-stages li.todo .fgroup-num{background:#9a9a9a}.flow-stages li.done span:nth-child(2){color:var(--muted)}.container.full{max-width:none;padding-inline:max(16px, env(safe-area-inset-left));padding-block:14px}.studio-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.studio-head h1{margin:0;font-size:22px}.studio{--panel-w:560px;grid-template-columns:minmax(0, 1fr) 10px var(--panel-w);height:calc(100dvh - 140px);min-height:560px;display:grid}.studio-canvas{height:100%}.studio-split{cursor:col-resize;touch-action:none;position:relative}.studio-split:after{content:"";background:#b9b9b9;border-radius:2px;width:2px;height:10%;position:absolute;top:45%;left:4px}.studio-split:hover:after{background:var(--text)}.studio-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow);padding:16px;overflow:auto;container-type:inline-size}.studio.expanded{grid-template-columns:0 0 minmax(0,1fr)}.studio.expanded .studio-canvas,.studio.expanded .studio-split{display:none}.panel-head{z-index:2;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:10px;margin:-16px -16px 12px;padding:12px 16px;display:flex;position:sticky;top:-16px}.panel-head h2{font-size:18px}.panel-step{margin-right:6px;font-size:14px}.panel-back{display:none}.panel-issues{margin-bottom:12px;font-size:13px}.panel-issues summary{cursor:pointer}.panel-body .card{box-shadow:none}@media (max-width:900px){.studio{height:auto;min-height:0;display:block}.studio-canvas{height:62vh}.studio-split{display:none}.studio-panel{margin-top:12px}.studio.open .studio-panel{z-index:30;border-radius:0;margin:0;position:fixed;inset:0}.panel-back{display:inline-flex}.panel-expand{display:none}}.starter-pick{border:0;min-width:0;margin:0;padding:0}.starter-pick legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:13px}.starter-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px;display:grid}.starter{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;flex-direction:column;gap:4px;padding:8px;display:flex;position:relative}.starter img{aspect-ratio:920/430;object-fit:cover;background:var(--raised);border-radius:6px;width:100%;height:auto}.starter input{width:16px;height:16px;accent-color:var(--ink);position:absolute;top:14px;left:14px}.starter:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.starter-blank{aspect-ratio:920/430;background:var(--raised);color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-size:32px;display:flex}.clip-video{aspect-ratio:16/9;object-fit:contain;background:#1a1a1a;border-radius:6px;width:100%}.shot-body{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:12px;display:grid}@container (max-width:520px){.shot-body{grid-template-columns:1fr}}.shot-empty{text-align:center;color:#bbb;justify-content:center;align-items:center;padding:8px;display:flex}.panel-savebar{z-index:1;background:var(--panel);border-top:1px solid var(--line);padding:10px 0;position:sticky;bottom:-16px}.render-panel{border-color:var(--ink)}.render-row{border-top:1px solid var(--line);padding-top:10px}.render-video{background:#111;border-radius:6px;width:100%;max-height:420px}.render-video.vertical{align-self:center;width:auto;max-width:100%;height:420px}details>summary{cursor:pointer}.studio-panel{flex-direction:column;display:flex}.panel-tabs{z-index:3;background:var(--panel);border-bottom:1px solid var(--line);gap:4px;margin:-16px -16px 12px;padding:8px 12px 0;display:flex;position:sticky;top:-16px}.panel-tabs button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:14px}.panel-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--flame);font-weight:600}.panel-tabs+.panel-head{margin-top:-12px;top:26px}.panel-chat{flex:1;min-height:0;display:flex}.studio-chat{flex-direction:column;flex:1;gap:10px;width:100%;min-height:0;display:flex}.chat-list{flex-direction:column;flex:1;gap:10px;min-height:240px;padding-right:2px;display:flex;overflow-y:auto}.bubble{overflow-wrap:anywhere;border-radius:14px;max-width:92%;padding:10px 12px;font-size:14px;line-height:1.5}.bubble.user{background:var(--ink);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.assistant{background:var(--raised);border-bottom-left-radius:4px;align-self:flex-start}.plan-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.plan-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-steps li{align-items:flex-start;gap:8px;display:flex}.plan-mark{background:var(--raised);width:20px;height:20px;font:600 11px var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.plan-steps li.ok .plan-mark{background:var(--ink);color:#fff}.plan-steps li.bad .plan-mark{background:var(--bad);color:#fff}.option-row{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.chat-suggestion{text-align:left;border:1px solid var(--line);background:var(--panel);font:inherit;cursor:pointer;color:var(--text);border-radius:10px;padding:8px 10px;font-size:13px}.chat-suggestion:hover{border-color:var(--text)}.chat-input{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:10px;display:flex}.chat-input textarea{resize:none;min-height:56px}