:root{--paper:oklch(99% 0.002 240);--surface:oklch(100% 0 0);--ink:oklch(18% 0.012 250);--ink-2:oklch(38% 0.012 250);--muted:oklch(54% 0.012 250);--line:oklch(92% 0.005 250);--line-2:oklch(86% 0.006 250);--chalk:oklch(58% 0.18 255);--chalk-ink:oklch(100% 0 0);--chalk-soft:color-mix(in oklch,var(--chalk) 12%,var(--surface));--ok:oklch(52% 0.13 155);--warn:oklch(58% 0.14 65);--bad:oklch(55% 0.19 27);--ok-soft:color-mix(in oklch,var(--ok) 10%,var(--surface));--warn-soft:color-mix(in oklch,var(--warn) 12%,var(--surface));--bad-soft:color-mix(in oklch,var(--bad) 9%,var(--surface));--studio:oklch(18% 0.012 250);--studio-2:oklch(23% 0.013 250);--studio-3:oklch(28% 0.014 250);--studio-line:oklch(33% 0.014 250);--studio-fg:oklch(96% 0.004 250);--studio-muted:oklch(72% 0.012 250);--f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Segoe UI",sans-serif;--f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",sans-serif;--f-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;--r:10px;--r-lg:14px;--wrap:1160px;--gut:clamp(20px,4vw,32px);--shadow:0 1px 2px color-mix(in oklch,var(--ink) 6%,transparent),0 16px 48px -12px color-mix(in oklch,var(--ink) 22%,transparent)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}p{margin:0;text-wrap:pretty}h1,h2,h3,h4{margin:0;font-family:var(--f-display);text-wrap:balance}:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}::selection{background:color-mix(in oklch,var(--chalk) 25%,transparent)}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.display{font:650 clamp(40px,5.4vw,68px)/1.02 var(--f-display);letter-spacing:-.03em}.h1{font:650 clamp(30px,3.6vw,44px)/1.08 var(--f-display);letter-spacing:-.025em}.h2{font:650 clamp(24px,2.8vw,34px)/1.1 var(--f-display);letter-spacing:-.02em}.h3{font:600 20px/1.3 var(--f-display);letter-spacing:-.01em}.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;max-width:54ch}.lead,.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12.5px}.mono{font-family:var(--f-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.label{font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}.cut,.label{color:var(--muted)}.cut{position:relative;height:18px;display:flex;align-items:center;gap:10px}.cut:after{content:"";flex:1 1;border-top:1px solid var(--line)}.cut svg{width:18px;height:18px;flex:none;transform:rotate(-90deg)}.piece-tag{display:inline-flex;gap:8px;align-items:center;font:500 11px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}.piece-tag b{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border:1.5px solid transparent;border-radius:var(--r);font:550 15px/1.2 var(--f-body);text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,transform .06s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--chalk);color:var(--chalk-ink);border-color:var(--chalk)}.btn-primary:hover:not(:disabled){background:color-mix(in oklch,var(--chalk) 86%,black);border-color:color-mix(in oklch,var(--chalk) 86%,black)}.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-ink:hover:not(:disabled){background:oklch(30% .03 265);border-color:oklch(30% .03 265)}.btn-line{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-line:hover:not(:disabled){background:var(--paper);border-color:color-mix(in oklch,var(--ink) 40%,var(--line))}.btn-ghost{background:transparent;color:var(--ink);padding-inline:12px}.btn-ghost:hover:not(:disabled){background:color-mix(in oklch,var(--ink) 7%,transparent)}.btn-danger{background:var(--surface);color:var(--bad);border-color:color-mix(in oklch,var(--bad) 45%,var(--line))}.btn-danger:hover:not(:disabled){background:var(--bad-soft);border-color:var(--bad)}.btn-sm{min-height:36px;padding:7px 13px;font-size:13.5px}.btn svg{width:16px;height:16px;flex:none}.btn-block{width:100%}.link{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.link:hover{-webkit-text-decoration-color:var(--chalk);text-decoration-color:var(--chalk)}.field{display:grid;grid-gap:6px;gap:6px}.field>span{font-size:13.5px;font-weight:500;color:var(--ink-2)}.input,.select,.textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);font-size:15.5px}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in oklch,var(--ink) 45%,var(--line))}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--chalk);box-shadow:0 0 0 3px var(--chalk-soft)}.input[aria-invalid=true]{border-color:var(--bad)}.textarea{min-height:120px;resize:vertical;line-height:1.55}.hint{font-size:12.5px;color:var(--muted)}.error-text{font-size:13px;color:var(--bad)}.check{display:grid;grid-template-columns:20px 1fr;grid-gap:12px;gap:12px;align-items:start;font-size:14px;line-height:1.5;color:var(--ink-2);cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:1px 0 0;border:1.5px solid var(--line-2);border-radius:6px;background:var(--surface);display:grid;place-items:center;cursor:pointer}.check input:checked{background:var(--chalk);border-color:var(--chalk)}.check input:checked:after{content:"";width:10px;height:5px;border:2px solid var(--paper);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.check input:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.check a{color:var(--ink)}.alert{padding:12px 14px;border-radius:var(--r);font-size:14px;border:1px solid}.alert-bad{background:var(--bad-soft);border-color:color-mix(in oklch,var(--bad) 30%,var(--line));color:var(--bad)}.alert-ok{background:var(--ok-soft);border-color:color-mix(in oklch,var(--ok) 30%,var(--line));color:var(--ok)}.alert-warn{background:var(--warn-soft);border-color:color-mix(in oklch,var(--warn) 30%,var(--line));color:oklch(42% .1 70)}.badge{display:inline-flex;align-items:center;gap:7px;font:500 12.5px/1.2 var(--f-body);white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.b-ok{color:var(--ok)}.b-warn{color:oklch(46% .12 70)}.b-bad{color:var(--bad)}.b-off{color:var(--muted)}.b-ink{color:var(--ink)}.site-head{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:color-mix(in oklch,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:650 18px/1 var(--f-display);letter-spacing:-.02em;color:var(--ink)}.logo svg{width:26px;height:26px}.site-nav{display:flex;gap:28px}.site-nav a{text-decoration:none;font-size:14px;color:var(--muted);transition:color .15s}.site-nav a:hover{color:var(--ink)}.head-actions{display:flex;align-items:center;gap:6px}@media (max-width:880px){.site-nav{display:none}}.site-foot{border-top:1px solid var(--line);margin-top:0;padding-block:48px 40px;font-size:14px;color:var(--ink-2)}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:40px;gap:40px}.foot-grid nav{display:grid;grid-gap:8px;gap:8px;align-content:start}.foot-grid a{text-decoration:none}.foot-grid a:hover{text-decoration:underline;text-underline-offset:3px}.foot-legal{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12.5px;color:var(--muted)}@media (max-width:760px){.foot-grid{grid-template-columns:1fr;gap:28px}}.sec{padding-block:clamp(56px,7vw,96px)}.sec+.sec{border-top:1px solid var(--line)}.sec-head{display:grid;grid-gap:14px;gap:14px;margin-bottom:clamp(32px,4vw,52px);max-width:40ch}.sec-head.center{text-align:center;margin-inline:auto;justify-items:center}.hero{padding-block:clamp(48px,6vw,88px) clamp(48px,6vw,80px)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;grid-gap:clamp(40px,6vw,80px);gap:clamp(40px,6vw,80px);align-items:center}.hero-cta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:36px}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}}.mock-editor{background:var(--studio);color:var(--studio-fg);border-radius:18px;padding:14px;display:grid;grid-template-columns:130px 1fr;grid-gap:14px;gap:14px;box-shadow:var(--shadow)}.mock-list{display:grid;grid-gap:6px;gap:6px;align-content:start}.mock-list div{padding:8px;border-radius:8px;background:var(--studio-2);font-size:11.5px;line-height:1.3;color:var(--studio-muted)}.mock-list div.on{outline:1.5px solid var(--chalk);color:var(--studio-fg)}.mock-stage{display:grid;grid-template-columns:150px 1fr;grid-gap:14px;gap:14px}.mock-frame{aspect-ratio:9/16;border-radius:8px;background:var(--studio-3);position:relative}.mock-frame span{position:absolute;left:10%;right:10%;bottom:26%;text-align:center;font:800 13px/1.15 var(--f-display);text-shadow:0 1px 2px oklch(0 0 0/.6)}.mock-side{display:grid;grid-gap:8px;gap:8px;align-content:start;font-size:12px}.mock-side .row{padding:8px 10px;background:var(--studio-2);border-radius:8px;color:var(--studio-muted)}.mock-side .row b{color:var(--studio-fg);font-weight:500}.mock-tl{grid-column:1/-1;height:38px;border-radius:8px;background:repeating-linear-gradient(90deg,var(--studio-2) 0 3px,var(--studio-3) 3px 4px);position:relative}.mock-tl i{position:absolute;top:0;bottom:0;left:28%;width:34%;border:2px solid var(--chalk);border-radius:8px}@media (max-width:560px){.mock-editor{grid-template-columns:1fr}.mock-list{display:none}}.compare{width:100%;border-collapse:collapse;font-size:15px}.compare td,.compare th{text-align:left;padding:16px 14px 16px 0;border-bottom:1px solid var(--line);vertical-align:top}.compare thead th{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.compare td:first-child{font-weight:600;width:22%}@media (max-width:700px){.compare thead{display:none}.compare tr{display:grid;padding:14px 0;border-bottom:1px solid var(--line)}.compare td{border:0;padding:2px 0;width:auto!important}}.form-page{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1fr 1fr}.form-page>aside{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:28px}.form-page>aside,.form-page>section{padding:clamp(32px,5vw,72px);display:flex}.form-page>section{justify-content:center}.form-box{width:100%;max-width:440px;display:grid;grid-gap:18px;gap:18px;align-content:start}@media (max-width:900px){.form-page{grid-template-columns:1fr}.form-page>aside{border-right:0;border-bottom:1px solid var(--line)}}.seg{display:inline-flex;padding:3px;gap:2px;background:color-mix(in oklch,var(--ink) 6%,transparent);border-radius:var(--r)}.seg button{border:0;background:transparent;padding:7px 16px;font-size:14px;font-weight:550;min-height:38px;color:var(--muted)}.seg button:hover:not(:disabled){color:var(--ink)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px color-mix(in oklch,var(--ink) 14%,transparent)}.seg button:disabled{opacity:.45;cursor:not-allowed}.summary{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:var(--surface)}.summary .row{display:flex;justify-content:space-between;gap:16px;font-size:14.5px}.summary .row+.row{margin-top:8px}.doc{display:grid;grid-template-columns:260px 1fr;grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);padding-block:48px 96px}.doc-toc{position:-webkit-sticky;position:sticky;top:88px;align-self:start;display:grid;grid-gap:4px;gap:4px;font-size:13.5px}.doc-toc a{text-decoration:none;color:var(--ink-2);padding:5px 0 5px 12px;border-left:1.5px solid var(--line)}.doc-toc a:hover{color:var(--ink);border-left-color:var(--ink)}.doc-body{max-width:74ch;font-size:16px;line-height:1.7}.doc-body h2{font-size:22px;letter-spacing:-.015em;margin:44px 0 14px;padding-top:16px;border-top:1px solid var(--line);scroll-margin-top:90px}.doc-body ol,.doc-body p,.doc-body ul{margin:0 0 14px}.doc-body ul{padding-left:22px}.doc-body li{margin-bottom:6px}.doc-body table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14.5px;display:block;overflow-x:auto}.doc-body td,.doc-body th{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}.doc-body th{background:var(--surface);font-weight:600}.doc-body a{color:var(--ink);text-underline-offset:3px}@media (max-width:900px){.doc{grid-template-columns:1fr}.doc-toc{position:static}}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.app-side{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);padding:18px 12px}.app-side .logo{padding:4px 10px 22px}.app-nav{display:grid;grid-gap:2px;gap:2px}.app-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:var(--r);text-decoration:none;font-size:14.5px;font-weight:500;color:var(--ink-2)}.app-nav a:hover{background:color-mix(in oklch,var(--ink) 6%,transparent);color:var(--ink)}.app-nav a[aria-current=page]{background:color-mix(in oklch,var(--ink) 8%,transparent);color:var(--ink)}.app-nav svg{width:18px;height:18px;flex:none}.side-foot{margin-top:auto;display:grid;grid-gap:14px;gap:14px;padding:16px 10px 4px;border-top:1px solid var(--line);font-size:13px}.meter{height:6px;background:color-mix(in oklch,var(--ink) 10%,transparent);overflow:hidden}.meter,.meter i{border-radius:99px}.meter i{display:block;height:100%;background:var(--ink)}.meter.warn i{background:var(--chalk)}.app-main{min-width:0}.app-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(20px,3vw,40px);border-bottom:1px solid var(--line);background:var(--paper);min-height:72px;flex-wrap:wrap}.app-body{padding:28px clamp(20px,3vw,40px) 64px;max-width:1280px}@media (max-width:860px){.app{grid-template-columns:1fr}.app-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.app-side .logo{padding:4px 8px;width:auto;margin-right:auto}.app-nav{grid-auto-flow:column;overflow-x:auto;width:100%}.side-foot{display:none}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.panel-pad{padding:clamp(18px,2.4vw,28px)}.kv{display:grid;grid-template-columns:max-content 1fr;grid-gap:10px 24px;gap:10px 24px;font-size:14.5px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.table th{font:500 11px/1.3 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;background:var(--surface)}.table tbody tr:hover{background:color-mix(in oklch,var(--ink) 3%,var(--surface))}.table .num{font-family:var(--f-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap{overflow-x:auto}.drop,.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.drop{padding:clamp(32px,5vw,56px) 24px;text-align:center;transition:border-color .15s,background-color .15s}.drop.over{border-color:var(--chalk);background:var(--chalk-soft)}.progress{height:6px;background:color-mix(in oklch,var(--ink) 10%,transparent);overflow:hidden;border-radius:1px}.progress i{display:block;height:100%;background:var(--ink);transition:width .3s}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.proj{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;transition:border-color .15s}.proj:hover{border-color:var(--ink)}.proj-thumb{aspect-ratio:16/9;background:var(--studio-2);display:grid;place-items:center;color:var(--studio-muted);font:500 12px var(--f-mono);position:relative}.proj-thumb img{width:100%;height:100%;object-fit:cover}.proj-body{padding:14px 16px 16px;display:grid;grid-gap:8px;gap:8px}.empty{border:1px solid var(--line);border-radius:var(--r-lg);padding:48px 24px;text-align:center;color:var(--muted)}.scrim{position:fixed;inset:0;z-index:60;background:color-mix(in oklch,var(--ink) 50%,transparent);display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-body{padding:22px;display:grid;grid-gap:16px;gap:16px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:var(--r);background:transparent;color:var(--ink-2)}.icon-btn:hover{background:color-mix(in oklch,var(--ink) 7%,transparent);color:var(--ink)}.icon-btn svg{width:18px;height:18px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:70;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:var(--r);font-size:14px;box-shadow:var(--shadow);max-width:calc(100vw - 40px)}.ed{background:var(--studio);min-height:100vh;display:grid;grid-template-rows:auto 1fr}.ed,.ed a{color:var(--studio-fg)}.ed-top{display:flex;align-items:center;gap:16px;padding:10px 18px;border-bottom:1px solid var(--studio-line);min-height:60px;flex-wrap:wrap}.ed-top h1{font-size:17px;letter-spacing:-.01em;font-weight:600;flex:1 1;min-width:180px}.ed .btn-line{background:transparent;color:var(--studio-fg);border-color:var(--studio-line)}.ed .btn-line:hover:not(:disabled){background:var(--studio-3);color:var(--studio-fg);border-color:var(--studio-muted)}.ed .btn-ghost{color:var(--studio-fg)}.ed .btn-ghost:hover:not(:disabled){background:var(--studio-3)}.ed-tabs{display:flex;gap:2px}.ed-tabs button{border:0;background:transparent;color:var(--studio-muted);padding:8px 14px;min-height:40px;border-radius:var(--r);font-size:14px;font-weight:500}.ed-tabs button:hover{color:var(--studio-fg);background:var(--studio-2)}.ed-tabs button[aria-selected=true]{color:var(--studio-fg);background:var(--studio-3)}.ed-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 380px;min-height:0}.ed-list{border-right:1px solid var(--studio-line);overflow-y:auto;max-height:calc(100vh - 60px);padding:12px;display:grid;grid-gap:6px;gap:6px;align-content:start}.ed-list-head{display:flex;gap:2px;margin-bottom:6px}.clip-item{display:grid;grid-template-columns:22px 44px 1fr;grid-gap:10px;gap:10px;align-items:center;padding:8px;border-radius:var(--r);border:1px solid transparent;background:transparent;text-align:left;color:var(--studio-fg);width:100%}.clip-item:hover{background:var(--studio-2)}.clip-item[aria-current=true]{background:var(--studio-2);border-color:var(--chalk)}.clip-item .thumb{width:44px;aspect-ratio:9/16;background:var(--studio-3);border-radius:2px;overflow:hidden}.clip-item .thumb img{width:100%;height:100%;object-fit:cover}.clip-item .t{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-item .m{font:500 10.5px/1.2 var(--f-mono);color:var(--studio-muted);margin-top:3px;display:flex;gap:8px}.sel-box{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--studio-muted);border-radius:2px;margin:0;display:grid;place-items:center;cursor:pointer;background:transparent}.sel-box:checked{background:var(--studio-fg);border-color:var(--studio-fg)}.sel-box:checked:after{content:"";width:9px;height:5px;border:2px solid var(--studio);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.ed-stage{padding:18px 20px;display:grid;grid-template-rows:1fr auto;grid-gap:16px;gap:16px;min-width:0}.stage-frame-wrap{display:grid;place-items:center;min-height:0}.stage-frame{position:relative;height:min(62vh,640px);aspect-ratio:9/16;background:oklch(12% .01 265);border-radius:4px;overflow:hidden}.stage-frame video{position:relative;width:100%;height:100%;object-fit:cover}.stage-frame.fit video.fg{object-fit:contain}.stage-frame video.bg{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(22px) brightness(.85) saturate(1.15);pointer-events:none}.frame-modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.frame-modes button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-gap:2px;gap:2px;padding:9px 11px;border-radius:8px;border:1px solid var(--studio-line);color:var(--studio-muted);font-size:13px;line-height:1.3;transition:border-color .2s,color .2s,background-color .2s}.frame-modes button b{color:var(--studio-fg);font-weight:600;font-size:13.5px}.frame-modes button:hover:not(:disabled){border-color:var(--studio-muted)}.frame-modes button[aria-pressed=true]{border-color:var(--chalk);background:color-mix(in oklch,var(--chalk) 14%,transparent)}.frame-modes button:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.frame-modes button:disabled{cursor:default;opacity:.6}.bounds-btns{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.stage-badge{position:absolute;left:10px;top:10px;font:500 10.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:oklch(0 0 0/.6);padding:6px 8px;border-radius:2px}.transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.transport .time{font:500 13px var(--f-mono);color:var(--studio-muted);min-width:120px}.ed-side{border-left:1px solid var(--studio-line);overflow-y:auto;max-height:calc(100vh - 60px);padding:16px;display:grid;grid-gap:18px;gap:18px;align-content:start}.ed .field>span{color:var(--studio-muted)}.ed .input,.ed .select,.ed .textarea{background:var(--studio-2);border-color:var(--studio-line);color:var(--studio-fg)}.ed .input:hover,.ed .textarea:hover{border-color:var(--studio-muted)}.ed .input:focus,.ed .textarea:focus{border-color:var(--studio-fg);box-shadow:0 0 0 3px oklch(100% 0 0/.1)}.ed .hint,.ed .label,.ed .muted{color:var(--studio-muted)}.cue{display:grid;grid-template-columns:64px 1fr;grid-gap:8px;gap:8px;align-items:center}.cue button{border:0;background:transparent;color:var(--studio-muted);font:500 11px var(--f-mono);text-align:left;padding:6px 0}.cue button:hover{color:var(--studio-fg)}.cue.now .input{border-color:var(--chalk)}.range{width:100%;accent-color:var(--chalk)}.ed-note{padding:10px 12px;border:1px solid var(--studio-line);border-radius:var(--r);font-size:13px;color:var(--studio-muted)}.ed .badge.b-ok{color:oklch(76% .13 150)}.ed .badge.b-warn{color:oklch(80% .13 75)}.ed .badge.b-bad{color:oklch(72% .16 25)}.ed .badge.b-off{color:var(--studio-muted)}.text-block{background:var(--studio-2);border:1px solid var(--studio-line);border-radius:var(--r-lg);padding:16px}.ed-texts{padding:clamp(24px,4vw,48px);max-width:1100px;display:grid;grid-gap:24px;gap:24px;align-content:start}@media (max-width:1180px){.ed-grid{grid-template-columns:240px minmax(0,1fr)}.ed-side{grid-column:1/-1;border-left:0;border-top:1px solid var(--studio-line);max-height:none}}@media (max-width:760px){.ed-grid{grid-template-columns:1fr}.ed-list{max-height:260px;border-right:0;border-bottom:1px solid var(--studio-line)}.stage-frame{height:56vh}}@font-face{font-family:rk-montserrat;src:url(/fonts/Montserrat-ExtraBold.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-rubik;src:url(/fonts/Rubik-800.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-inter;src:url(/fonts/Inter-900.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-unbounded;src:url(/fonts/Unbounded-700.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-russo;src:url(/fonts/RussoOne-400.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-oswald;src:url(/fonts/Oswald-700.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-nunito;src:url(/fonts/Nunito-900.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-comfortaa;src:url(/fonts/Comfortaa-700.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-playfair;src:url(/fonts/PlayfairDisplay-800.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-lobster;src:url(/fonts/Lobster-400.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-caveat;src:url(/fonts/Caveat-700.ttf) format("truetype");font-display:swap}@font-face{font-family:rk-pixel;src:url(/fonts/PressStart2P-400.ttf) format("truetype");font-display:swap}.stage-frame{container-type:size}.stage-media{position:absolute;inset:0;transform-origin:center;will-change:transform,filter}.stage-media video.fg{position:relative}.stage-vignette{inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%)}.stage-grain,.stage-vignette{position:absolute;pointer-events:none}.stage-grain{inset:-50%;opacity:.14;mix-blend-mode:overlay;animation:grain .4s steps(3) infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-6%,4%)}66%{transform:translate(5%,-5%)}}.stage-sub2{position:absolute;left:6.5%;right:6.5%;transform:translateY(-50%);text-align:center;pointer-events:none}.stage-sub2>span{display:inline}.sub-pop{display:inline-block;animation:subPop .21s var(--ease-out) both}@keyframes subPop{0%{transform:scale(.72)}62%{transform:scale(1.06)}to{transform:scale(1)}}.stage-title{position:absolute;left:8%;right:8%;top:15%;transform:translateY(-50%);text-align:center;pointer-events:none}.stage-title span{color:#fff;font-size:calc(64 * 100cqh / 1920);line-height:1.25;box-decoration-break:clone;-webkit-box-decoration-break:clone}.stage-handle{right:0;top:94%;transform:translateY(-50%);text-align:center;color:rgba(255,255,255,.8);font-size:calc(40 * 100cqh / 1920);-webkit-text-stroke:calc(6 * 100cqh / 1920) rgba(0,0,0,.75);paint-order:stroke fill}.stage-handle,.stage-progress{position:absolute;left:0;pointer-events:none}.stage-progress{top:0;height:calc(14 * 100cqh / 1920)}.tag-mini{font:600 11px/1 var(--f-mono);padding:5px 7px;border-radius:4px;background:color-mix(in oklch,var(--chalk) 25%,transparent);color:var(--studio-fg)}.tl2{min-width:0}.tl2-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tl2-zoom{all:unset;box-sizing:border-box;cursor:pointer;min-width:28px;height:28px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--studio-line);color:var(--studio-fg);font-size:15px}.tl2-zoom.wide{padding:0 10px;font-size:12.5px}.tl2-zoom:hover{border-color:var(--studio-muted)}.tl2-zoom:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.tl2-tracks{position:relative;display:grid;grid-gap:4px;gap:4px;padding:0 0 2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:pointer}.tl2-ruler{position:relative;height:16px;border-bottom:1px solid var(--studio-line)}.tl2-ruler span{position:absolute;bottom:3px;transform:translateX(-50%);font:500 10px/1 var(--f-mono);color:var(--studio-muted);white-space:nowrap}.tl2-ruler span:after{content:"";position:absolute;left:50%;top:13px;width:1px;height:4px;background:var(--studio-muted)}.tl2-video{position:relative;overflow:hidden;border-radius:6px;background:var(--studio-2)}.tl2-video i{position:absolute;top:0;bottom:0;background-repeat:no-repeat;border-right:1px solid rgba(0,0,0,.35)}.tl2-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--studio-muted)}.tl2-wave{display:block}.tl2-text,.tl2-wave{border-radius:6px;background:var(--studio-2)}.tl2-text{position:relative;height:26px;overflow:hidden}.tl2-cue{all:unset;box-sizing:border-box;position:absolute;top:3px;bottom:3px;padding:0 6px;border-radius:4px;font-size:11px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:oklch(40% .07 300);color:oklch(95% .02 300);cursor:pointer}.tl2-cue:hover{background:oklch(48% .09 300)}.tl2-cue.now{background:oklch(62% .15 300);color:#fff}.tl2-dim{position:absolute;top:20px;bottom:0;background:rgba(8,10,16,.55);pointer-events:none}.tl2-sel{position:absolute;top:18px;bottom:-2px;border:2px solid var(--chalk);border-radius:7px;box-shadow:0 0 0 1px rgba(0,0,0,.4)}.tl2-sel.can{cursor:-webkit-grab;cursor:grab}.tl2-handle{position:absolute;top:-2px;bottom:-2px;width:14px;border:0;padding:0;background:var(--chalk);cursor:ew-resize}.tl2-handle.l{left:-9px;border-radius:6px 0 0 6px}.tl2-handle.r{right:-9px;border-radius:0 6px 6px 0}.tl2-handle:after{content:"";position:absolute;left:5px;right:5px;top:38%;bottom:38%;border-inline:1.5px solid var(--chalk-ink)}.tl2-head{top:0;bottom:-4px;width:2px;margin-left:-1px;pointer-events:none;box-shadow:0 0 6px rgba(0,0,0,.6)}.tl2-head,.tl2-head b{position:absolute;background:#fff}.tl2-head b{top:-2px;left:50%;transform:translateX(-50%);padding:2px 5px;border-radius:4px;color:#0b0d12;font:600 10px/1.2 var(--f-mono);white-space:nowrap}.side-tabs{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2px;gap:2px;padding:3px;border-radius:10px;background:var(--studio-2);position:-webkit-sticky;position:sticky;top:-16px;z-index:3}.side-tabs button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:8px 2px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--studio-muted)}.side-tabs button:hover{color:var(--studio-fg)}.side-tabs button[aria-selected=true]{background:var(--studio-3);color:var(--studio-fg)}.side-tabs button:focus-visible{outline:2px solid var(--chalk)}.pnl{display:grid;grid-gap:10px;gap:10px}.presets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.preset{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-gap:5px;gap:5px;padding:5px;border-radius:10px;border:1px solid var(--studio-line)}.preset:hover:not(:disabled){border-color:var(--studio-muted)}.preset[aria-pressed=true]{border-color:var(--chalk);background:color-mix(in oklch,var(--chalk) 12%,transparent)}.preset:disabled{cursor:default;opacity:.6}.preset-art{height:52px;border-radius:7px;display:grid;place-items:center;overflow:hidden;padding:0 4px;text-align:center;background:linear-gradient(160deg,oklch(36% .03 260),oklch(22% .02 260));line-height:1.1}.preset-name{font-size:11.5px;color:var(--studio-muted);text-align:center}.fonts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.fonts button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:9px 4px;border-radius:8px;border:1px solid var(--studio-line);font-size:14px;color:var(--studio-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fonts button:hover:not(:disabled){border-color:var(--studio-muted)}.fonts button[aria-pressed=true]{border-color:var(--chalk);background:color-mix(in oklch,var(--chalk) 14%,transparent)}.seg{display:flex;flex-wrap:wrap;gap:4px}.seg button{all:unset;box-sizing:border-box;cursor:pointer;flex:1 1 auto;text-align:center;padding:7px 10px;border-radius:8px;border:1px solid var(--studio-line);font-size:12.5px;color:var(--studio-muted);white-space:nowrap}.seg button:hover:not(:disabled){color:var(--studio-fg);border-color:var(--studio-muted)}.seg button[aria-pressed=true]{color:var(--studio-fg);border-color:var(--chalk);background:color-mix(in oklch,var(--chalk) 14%,transparent)}.filters button:focus-visible,.fonts button:focus-visible,.preset:focus-visible,.seg button:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.tgl{display:grid;grid-template-columns:34px 1fr;grid-gap:10px;gap:10px;align-items:center;font-size:13.5px;color:var(--studio-fg);cursor:pointer}.tgl input{position:absolute;opacity:0;width:0;height:0}.tgl-ui{width:34px;height:20px;border-radius:99px;background:var(--studio-3);position:relative;transition:background-color .2s}.tgl-ui:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--studio-muted);transition:transform .2s var(--ease-out),background-color .2s}.tgl input:checked+.tgl-ui{background:var(--chalk)}.tgl input:checked+.tgl-ui:after{transform:translateX(14px);background:#fff}.tgl input:focus-visible+.tgl-ui{outline:2px solid var(--chalk);outline-offset:2px}.tgl input:disabled+.tgl-ui{opacity:.5}.row2{grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.row2,.sld{display:grid}.sld{grid-gap:4px;gap:4px}.sld>span{display:flex;justify-content:space-between;font-size:12.5px;color:var(--studio-muted)}.sld b{color:var(--studio-fg);font-weight:500;font-size:11.5px}.clr{display:grid;grid-gap:6px;gap:6px}.clr>span{font-size:12.5px;color:var(--studio-muted)}.clr>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sw{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.25);padding:0;cursor:pointer}.sw[aria-pressed=true]{outline:2px solid var(--chalk);outline-offset:2px}.clr input[type=color]{width:30px;height:26px;padding:0;border:1px solid var(--studio-line);border-radius:6px;background:transparent;cursor:pointer}.filters{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.filters button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-gap:4px;gap:4px;padding:4px;border-radius:9px;border:1px solid var(--studio-line);font-size:11.5px;color:var(--studio-muted);text-align:center}.filters button[aria-pressed=true]{border-color:var(--chalk);color:var(--studio-fg);background:color-mix(in oklch,var(--chalk) 12%,transparent)}.filters button:hover:not(:disabled){border-color:var(--studio-muted)}.filter-art{height:54px;border-radius:6px;background-color:var(--studio-3);background-repeat:no-repeat}.save-bar{display:grid;grid-gap:8px;gap:8px;position:-webkit-sticky;position:sticky;bottom:-16px;padding:10px 0 16px;background:linear-gradient(to bottom,transparent,var(--studio) 18%);z-index:3}@media (prefers-reduced-motion:reduce){.stage-grain,.sub-pop{animation:none}}.spinner{width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.pv{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.pv-src{display:grid;grid-template-columns:44px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.pv-src .file{width:44px;height:44px;border-radius:9px;background:var(--ink);color:var(--paper);display:grid;place-items:center}.pv-src .file svg{width:18px;height:18px}.pv-src b{font-size:14px;font-weight:600;display:block;line-height:1.3}.timeline{position:relative;height:34px;margin:14px 2px 6px;border-radius:8px;background:repeating-linear-gradient(90deg,color-mix(in oklch,var(--ink) 9%,transparent) 0 2px,transparent 2px 6px)}.timeline i{position:absolute;top:0;bottom:0;border-radius:6px;background:color-mix(in oklch,var(--ink) 12%,transparent);border:1.5px solid var(--ink)}.tl-scale{font:500 10px/1 var(--f-mono);color:var(--muted);padding-inline:2px}.pv-label,.tl-scale{display:flex;justify-content:space-between}.pv-label{align-items:baseline;margin:18px 2px 10px}.pv-clips{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.pv-out{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:12px}.pv-out div{border:1px solid var(--line);border-radius:10px;padding:8px 10px}.pv-out b{font:600 17px/1.2 var(--f-mono);display:block}.pv-out span{font-size:12px;color:var(--muted)}.clip{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:oklch(26% .02 250);color:oklch(98% 0 0);isolation:isolate;container-type:inline-size}.clip:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 70% at 50% 30%,color-mix(in oklch,var(--c,oklch(60% .1 60)) 70%,transparent),transparent 70%),linear-gradient(180deg,transparent 50%,oklch(12% .01 250/.85))}.clip-sub{position:absolute;left:10%;right:10%;top:58%;text-align:center;font-weight:750;font-size:clamp(9px,10.5cqw,17px);line-height:1.2;letter-spacing:-.01em;text-shadow:0 1px 2px oklch(0 0 0/.6)}.clip-sub mark{background:oklch(88% .17 95);color:oklch(18% .02 90);padding:0 3px;border-radius:3px}.clip-dur{position:absolute;right:8px;top:8px;font:500 10px/1.4 var(--f-mono);background:oklch(0 0 0/.55);padding:1px 6px;border-radius:5px}.ledger{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.ledger>div{padding:24px 22px 26px 0;border-bottom:1px solid var(--line)}.ledger>div+div{padding-left:22px;border-left:1px solid var(--line)}.ledger>div:nth-child(4n+1){padding-left:0;border-left:0}.ledger .n{font:600 40px/1 var(--f-mono);letter-spacing:-.04em}.ledger .n.word{font:650 22px/1.8 var(--f-display);letter-spacing:-.02em}.ledger h3{margin-top:12px;font-size:16px}.ledger p{margin-top:4px;color:var(--muted);font-size:14px}@media (max-width:920px){.ledger{grid-template-columns:1fr 1fr}.ledger>div:nth-child(odd){padding-left:0;border-left:0}.ledger>div:nth-child(2n){padding-left:22px;border-left:1px solid var(--line)}}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.step .step-n{font:500 12px/1 var(--f-mono);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px;display:block}.step p{margin-top:8px;color:var(--muted)}@media (max-width:860px){.steps{grid-template-columns:1fr}}.split{display:grid;grid-template-columns:1fr 1.25fr;grid-gap:clamp(32px,6vw,80px);gap:clamp(32px,6vw,80px);align-items:center}@media (max-width:960px){.split{grid-template-columns:1fr}}.ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-gap:12px;gap:12px}.ticks li{display:grid;grid-template-columns:20px 1fr;grid-gap:10px;gap:10px;color:var(--muted)}.ticks li svg{width:16px;height:16px;margin-top:4px;color:var(--ok)}.ticks b{color:var(--ink);font-weight:600}.plans{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;max-width:920px;margin:0 auto;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 1px 2px color-mix(in oklch,var(--ink) 6%,transparent),0 12px 32px -20px color-mix(in oklch,var(--ink) 25%,transparent)}.plan.pro{border:1.5px solid var(--chalk);background:linear-gradient(180deg,oklch(97% .02 252),var(--surface) 55%);box-shadow:0 1px 2px color-mix(in oklch,var(--chalk) 12%,transparent),0 24px 48px -24px color-mix(in oklch,var(--chalk) 45%,transparent)}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px}.plan-badge{padding:5px 11px;border-radius:999px;background:var(--chalk);color:var(--chalk-ink);font-size:12px;font-weight:600;white-space:nowrap}.plan-for{margin-top:6px;color:var(--muted);font-size:14.5px}.plan-price{display:flex;align-items:baseline;gap:6px;margin:26px 0 0;font-family:var(--f-display)}.plan-price b{font-size:50px;line-height:1;font-weight:700;letter-spacing:-.035em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plan-price .cur{font-size:28px;font-weight:600;letter-spacing:-.02em}.plan-price .per{margin-left:4px;color:var(--muted);font-size:14px}.plan-mins{margin-top:10px;font-size:14.5px;color:var(--ink-2)}.plan-mins b{color:var(--ink)}.plan ul{list-style:none;padding:24px 0 0;margin:24px 0 28px;border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;flex:1 1;align-content:start}.plan li{display:grid;grid-template-columns:18px 1fr;grid-gap:10px;gap:10px;font-size:15px;line-height:1.45}.plan li svg{width:16px;height:16px;margin-top:3px;color:var(--chalk)}@media (max-width:760px){.plans{grid-template-columns:1fr}.plan{padding:26px}}.pay-notes{max-width:900px;margin:24px auto 0;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;color:var(--muted);font-size:13px}.pay-notes span{display:inline-flex;align-items:center;gap:8px}.pay-notes svg{width:15px;height:15px}.replace-row{display:grid;grid-template-columns:200px 1fr;grid-gap:24px;gap:24px;padding:20px 0;border-top:1px solid var(--line);align-items:baseline}.replace-row:last-child{border-bottom:1px solid var(--line)}.replace-row h3{font-size:17px}.replace-row p{color:var(--muted)}@media (max-width:640px){.replace-row{grid-template-columns:1fr;gap:4px}}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{all:unset;box-sizing:border-box;width:100%;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600;font-size:17px;color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color .2s}.faq-q:hover{color:var(--chalk)}.faq-q:focus-visible{outline:2px solid var(--chalk);outline-offset:4px;border-radius:4px}.faq-ico{position:relative;flex:none;width:14px;height:14px}.faq-ico:after,.faq-ico:before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;border-radius:1px;background:var(--muted);transition:transform .4s var(--ease-out),background-color .2s}.faq-ico:after{transform:rotate(90deg)}.faq-q:hover .faq-ico:after,.faq-q:hover .faq-ico:before{background:var(--chalk)}.faq-item.open .faq-ico:after,.faq-item.open .faq-ico:before{transform:rotate(180deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}.faq-a>div{overflow:hidden}.faq-a p{margin:0 0 22px;color:var(--muted);max-width:64ch;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .45s var(--ease-out)}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a p{opacity:1;transform:none;transition-delay:.08s}@media (prefers-reduced-motion:reduce){.faq-a,.faq-a p,.faq-ico:after,.faq-ico:before{transition:none}}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;grid-gap:clamp(32px,5vw,56px);gap:clamp(32px,5vw,56px);align-items:start}@media (max-width:920px){.grid-1-2{grid-template-columns:1fr}}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;font-size:12px;background:var(--surface);white-space:nowrap}.label-chalk{color:var(--chalk)}.clip{background-size:cover;background-position:50%}.clip-platform{position:absolute;left:6cqw;top:6cqw;font:600 clamp(7px,6.5cqw,11px)/1 var(--f-body);padding:3cqw 4.5cqw;border-radius:99px;background:oklch(0 0 0/.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.01em}.clip-dur{left:auto;right:6cqw;top:6cqw;font-size:clamp(7px,6.5cqw,11px);padding:3cqw 4cqw}.clip-rail{position:absolute;right:5cqw;top:34%;display:grid;grid-gap:7cqw;gap:7cqw}.clip-rail svg{width:clamp(9px,11cqw,20px);height:clamp(9px,11cqw,20px);filter:drop-shadow(0 1px 2px oklch(0 0 0/.5));opacity:.92}.clip-sub{right:18%;top:44%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clip-meta{position:absolute;left:6cqw;right:6cqw;bottom:9cqw;display:flex;align-items:center;gap:4cqw;font-size:clamp(7px,6.8cqw,12px);line-height:1.25}.clip-avatar{flex:none;width:clamp(10px,11cqw,20px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,oklch(80% .1 var(--h,60)),oklch(55% .12 250));border:1.5px solid oklch(100% 0 0/.85)}.clip-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:550;text-shadow:0 1px 2px oklch(0 0 0/.6)}.clip-progress{position:absolute;left:0;right:0;bottom:0;height:max(2px,1.6cqw);background:oklch(100% 0 0/.25)}.clip-progress i{display:block;height:100%;background:oklch(100% 0 0/.95)}:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}.js-motion .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--d,0s)}.js-motion .rv.in{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.hero .display,.hero .hero-cta,.hero .hero-cta+p,.hero .label,.hero .lead{animation:rise .8s var(--ease-out) both}.hero .display{animation-delay:.08s}.hero .lead{animation-delay:.18s}.hero .hero-cta{animation-delay:.28s}.hero .hero-cta+p{animation-delay:.38s}.hero .pv{animation:pop .9s var(--ease-out) .15s backwards}.timeline:after{content:"";position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:var(--chalk);box-shadow:0 0 0 3px var(--chalk-soft);animation:playhead 6s linear infinite}@keyframes playhead{0%{left:0}to{left:100%}}.timeline i{animation:cutglow 6s linear infinite;animation-delay:calc(var(--at, 0) * 6s - 6s)}@keyframes cutglow{0%,6%{background:var(--chalk-soft);border-color:var(--chalk)}14%,to{background:color-mix(in oklch,var(--ink) 12%,transparent);border-color:var(--ink)}}.pv-clips .clip{animation:pop .7s var(--ease-out) backwards;animation-delay:calc(.45s + var(--n, 0) * .09s)}.clip{transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out)}.clip:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 18px 34px -14px oklch(0 0 0/.55);z-index:2}.clip-progress i{animation:playing 7s linear infinite;animation-delay:calc(var(--n, 0) * -1.6s)}@keyframes playing{0%{width:0}to{width:100%}}.clip-sub mark{display:inline-block;animation:bounce 2.4s var(--ease-spring) infinite;animation-delay:calc(var(--n, 0) * .3s)}@keyframes bounce{0%,70%,to{transform:none}78%{transform:translateY(-14%) scale(1.08)}88%{transform:translateY(2%) scale(.98)}}.clip-rail svg{transition:transform .25s var(--ease-spring)}.clip:hover .clip-rail svg:first-child{transform:scale(1.25);color:oklch(68% .2 20)}.pv-out div{transition:transform .3s var(--ease-spring),border-color .2s}.pv-out div:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--ink) 30%,var(--line))}.ledger>div{transition:background-color .25s}.ledger>div:hover{background:color-mix(in oklch,var(--chalk) 5%,transparent)}.ledger .n{transition:transform .35s var(--ease-spring);transform-origin:left bottom;display:inline-block}.ledger>div:hover .n{transform:scale(1.1)}.btn{transition:background-color .15s,border-color .15s,color .15s,transform .2s var(--ease-spring),box-shadow .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px -10px color-mix(in oklch,var(--chalk) 80%,transparent)}.btn:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:.08s}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.site-nav a:hover:after{transform:scaleX(1)}.logo svg{transition:transform .4s var(--ease-spring)}.logo:hover svg{transform:rotate(-8deg) scale(1.08)}.step .step-n{position:relative}.step .step-n:after{content:"";position:absolute;left:0;bottom:-1px;height:1.5px;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out) .2s}.step.in .step-n:after,.step:hover .step-n:after{transform:scaleX(1)}.plan{transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease-out),border-color .2s}.plan:hover{transform:translateY(-4px)}.plan li svg{transition:transform .3s var(--ease-spring)}.plan:hover li svg{transform:scale(1.2)}.replace-row h3,.replace-row p{transition:color .2s}.replace-row:hover h3{color:var(--chalk)}.replace-row:hover p{color:var(--ink)}.ticks li svg{transition:transform .3s var(--ease-spring)}.ticks li:hover svg{transform:scale(1.25) rotate(-6deg)}.mock-list div{transition:outline-color .3s,color .3s,background-color .3s;outline:1.5px solid transparent}.mock-tl i{animation:trim 5s var(--ease-out) infinite alternate}@keyframes trim{0%{left:22%;width:30%}to{left:34%;width:38%}}.mock-editor{transition:transform .5s var(--ease-out)}.mock-editor:hover{transform:translateY(-4px) rotate(-.4deg)}.drop{transition:border-color .2s,background-color .2s,transform .3s var(--ease-spring)}.drop:hover{border-color:color-mix(in oklch,var(--ink) 35%,var(--line))}.drop.over{transform:scale(1.01)}.proj{transition:border-color .15s,transform .3s var(--ease-spring),box-shadow .3s}.proj:hover{transform:translateY(-4px);box-shadow:0 18px 36px -22px color-mix(in oklch,var(--ink) 45%,transparent)}.proj-thumb img{transition:transform .6s var(--ease-out)}.proj:hover .proj-thumb img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.timeline:after{display:none}.js-motion .rv{opacity:1;transform:none}}body{position:relative;isolation:isolate}.sec+.sec{border-top-color:color-mix(in oklch,var(--line) 70%,transparent)}.site-foot{background:color-mix(in oklch,var(--surface) 60%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-head{background:color-mix(in oklch,var(--paper) 55%,transparent);transition:background-color .3s,box-shadow .3s,border-color .3s;border-bottom-color:transparent}.site-head.scrolled{background:color-mix(in oklch,var(--surface) 78%,transparent);border-bottom-color:color-mix(in oklch,var(--line) 80%,transparent);box-shadow:0 8px 30px -18px color-mix(in oklch,var(--ink) 35%,transparent)}.shine{background:linear-gradient(100deg,oklch(50% .2 262),oklch(58% .17 245) 45%,oklch(50% .2 262) 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s ease-in-out infinite}@keyframes shine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pv{background:color-mix(in oklch,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:color-mix(in oklch,var(--line) 80%,transparent);transition:transform .5s var(--ease-out),box-shadow .5s;will-change:transform}.pv:hover{box-shadow:0 2px 4px color-mix(in oklch,var(--ink) 6%,transparent),0 40px 80px -30px color-mix(in oklch,var(--ink) 40%,transparent)}[data-tilt]{transform-style:preserve-3d;transition:transform .45s var(--ease-out),box-shadow .45s}.marquee{overflow:hidden;padding:18px 0;border-block:1px solid color-mix(in oklch,var(--line) 70%,transparent);background:color-mix(in oklch,var(--surface) 45%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee-group{display:flex;gap:14px;padding-right:14px}.marquee-group span{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font:600 clamp(15px,1.6vw,20px)/1 var(--f-display);letter-spacing:-.01em;color:var(--ink-2);padding:10px 18px;border-radius:99px;background:color-mix(in oklch,var(--surface) 75%,transparent);border:1px solid color-mix(in oklch,var(--line) 80%,transparent);transition:color .2s,border-color .2s,transform .3s var(--ease-spring)}.marquee-group span:hover{color:var(--ink);border-color:color-mix(in oklch,var(--ink) 30%,var(--line));transform:translateY(-2px)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.spot{position:relative;isolation:isolate}.spot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in oklch,var(--chalk) 14%,transparent),transparent 70%)}.spot:hover:before{opacity:1}.mock-list button{all:unset;box-sizing:border-box;display:block;cursor:pointer;padding:8px;border-radius:8px;background:var(--studio-2);font-size:11.5px;line-height:1.3;color:var(--studio-muted);outline:1.5px solid transparent;transition:outline-color .3s,color .3s,background-color .3s,transform .25s var(--ease-spring)}.mock-list button:hover{color:var(--studio-fg);background:var(--studio-3);transform:translateX(3px)}.mock-list button.on{outline-color:var(--chalk);color:var(--studio-fg)}.mock-list button:focus-visible{outline-color:var(--studio-fg)}.mock-swap{animation:swap .55s var(--ease-out) backwards}.mock-side{animation:rise .45s var(--ease-out) backwards}@keyframes swap{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.mock-tl i{animation:none;transition:left .7s var(--ease-out),width .7s var(--ease-out)}.mock-editor:hover{transform:none}@media (prefers-reduced-motion:reduce){.marquee-track,.shine,body:before{animation:none}}body{background:radial-gradient(1100px 620px at 78% -8%,oklch(90% .06 255/.9),transparent 70%),radial-gradient(900px 520px at -10% 30%,oklch(94% .035 245/.8),transparent 70%),linear-gradient(180deg,oklch(97% .018 252),oklch(99% .004 250) 55%,oklch(98% .01 252));background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(oklch(55% .04 255/.14) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}.hero{position:relative}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s;background:radial-gradient(480px circle at var(--gx,70%) var(--gy,40%),oklch(82% .08 255/.28),transparent 65%)}.hero:hover:before{opacity:1}.hero>.wrap{position:relative;z-index:1}.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:50;transform-origin:left;transform:scaleX(0);background:var(--chalk);pointer-events:none}[data-magnet]{transition:transform .35s var(--ease-spring),background-color .15s,box-shadow .2s}