:root{color-scheme:dark;--ink:#0f0c0a;--panel:#1a1511;--text:#efe7da;--muted:#bfb09d;--accent:#f2a33a;--line:#665345;--selected:#332519;color:var(--text);background:var(--ink);font-synthesis:none;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}.shell{width:min(1180px,100% - 64px);margin-inline:auto}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:100px;display:flex}.wordmark{letter-spacing:-.055em;font-family:Georgia,serif;font-size:2rem;line-height:1;text-decoration:none}.wordmark span{letter-spacing:.3em;margin-top:.5rem;font:700 .55rem Arial,sans-serif;display:block}.header nav{gap:1.5rem;font-size:.85rem;display:flex}.header nav a{align-items:center;min-height:44px;text-decoration:none;display:flex}.header nav a:hover{text-decoration:underline}.skip{z-index:100;background:var(--accent);color:var(--ink);padding:1rem;position:fixed;top:-100px;left:1rem}.skip:focus{top:1rem}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:4rem;padding:5rem 0 4rem;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.2rem;font-size:.72rem;font-weight:700}h1{letter-spacing:-.04em;margin:0 0 1.5rem;font-family:Georgia,serif;font-size:clamp(2.6rem,5.8vw,4.8rem);font-weight:400;line-height:1.06}.intro{color:var(--muted);max-width:40rem;font-size:1.06rem;line-height:1.8}.text-link{min-height:48px;color:var(--accent);align-items:center;margin-top:.8rem;font-weight:700;display:inline-flex}.sample{justify-self:center;width:100%;max-width:340px;margin:0}.sample video{aspect-ratio:9/16;object-fit:contain;background:var(--panel);border:1px solid var(--line);border-radius:1.2rem;width:100%;max-height:500px;display:block}.sample figcaption{color:var(--muted);padding-top:.8rem;font-size:.74rem;line-height:1.7}.workbench{border-top:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);gap:3.5rem;padding:3.5rem 0 5rem;display:grid}.aside h2{margin:0 0 1.2rem;font-family:Georgia,serif;font-size:2.3rem;font-weight:400;line-height:1.15}.aside p{color:var(--muted);font-size:.88rem;line-height:1.8}.aside .note{border-left:2px solid var(--accent);margin-top:2rem;padding-left:1rem}.faq{border-top:1px solid var(--line);max-width:800px;padding:3rem 0 4rem}.faq h2{font-family:Georgia,serif;font-size:2rem;font-weight:400}.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;padding:.6rem 0;font-weight:700;line-height:1.5}.faq p{color:var(--muted);line-height:1.8}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:2rem;padding-block:2.5rem;display:flex}.footer-brand{font-family:Georgia,serif;font-size:1.3rem;text-decoration:none}.footer p{color:var(--muted);max-width:400px;font-size:.74rem;line-height:1.8}.footer nav{grid-template-columns:1fr 1fr;align-content:start;gap:.3rem 2rem;font-size:.78rem;display:grid}.footer nav a{align-items:center;min-height:44px;display:flex}.policy{max-width:800px;padding:4rem 0 5rem;line-height:1.85}.policy h1{font-size:clamp(2.5rem,5vw,3.6rem)}.policy h2{margin-top:2.5rem;font-family:Georgia,serif;font-size:1.8rem;font-weight:400}.policy h3{margin-top:1.8rem;font-size:1.05rem}.policy p,.policy li{color:var(--muted)}.policy a{color:var(--text)}.policy li+li{margin-top:.6rem}.policy-date{font-size:.85rem}.notice{border:1px solid var(--line);background:var(--panel);border-radius:.7rem;padding:1rem;line-height:1.7}.account-link{min-height:48px;color:var(--accent);align-items:center;font-weight:700;display:inline-flex}@media (width<=900px){.hero{gap:2rem}.workbench{grid-template-columns:1fr;gap:2rem}.aside{max-width:600px}.aside .note{margin-top:1rem}.aside h2{font-size:2rem}.sample video{max-height:420px}}@media (width<=600px){.shell{width:calc(100% - 32px)}.header{min-height:86px}.wordmark{font-size:1.65rem}.header nav{gap:.8rem;font-size:.76rem}.hero{grid-template-columns:1fr;gap:2rem;padding:3rem 0}.sample{max-width:280px}.sample video{max-height:430px}.intro{font-size:1rem}.workbench{padding:2.5rem 0 3rem}.footer{flex-direction:column}.policy{padding-top:2.5rem}.footer nav{gap:.2rem 1rem}h1{font-size:3.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.creation-intro{padding:2rem 0 1.5rem}.creation-intro h1{margin:0 0 .6rem;font-size:clamp(1.8rem,4vw,2.8rem)}.creation-intro p{color:var(--muted);max-width:50rem;margin:0;line-height:1.6}.creation-workbench{padding-bottom:2rem}.creation-example{border-top:1px solid var(--line);padding:1rem 0 2rem}.creation-example summary{cursor:pointer;min-height:44px;color:var(--accent);align-items:center;display:flex}.creation-example .sample{margin:1rem 0}@media (width<=600px){.creation-intro{padding:1.2rem 0 1rem}.creation-intro h1{font-size:1.75rem}.creation-intro p{font-size:.86rem}.header{min-height:72px}}.brand-link{flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand-link>img{width:36px;height:36px;display:block}@media (width<=600px){.brand-link{gap:.45rem}.brand-link>img{width:28px;height:28px}.wordmark{font-size:1.5rem}.header nav{gap:.65rem}}