:root{color-scheme:light;--paper: #f2ead7;--paper-high: #fffaf0;--ink: #181713;--ink-soft: #5d5549;--blue: #0b5f71;--red: #ad352d;--yellow: #e6bd3c;--green: #356447;--danger: #9c2f28;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);background-image:radial-gradient(rgba(24,23,19,.08) .65px,transparent .65px);background-size:5px 5px;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,select,input[type=file],input[type=range],input[type=checkbox],input[type=radio]{cursor:pointer}a{color:var(--blue);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 16px;background:var(--ink);color:var(--paper-high);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{min-height:72px;max-width:1440px;margin:0 auto;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink)}.wordmark{color:var(--ink);font-family:Arial Black,Arial Narrow,sans-serif;font-size:18px;text-decoration:none;letter-spacing:-.04em}.wordmark span{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:8px;color:var(--paper-high);background:var(--red);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.site-header nav{display:flex;align-items:center;gap:clamp(12px,3vw,32px)}.site-header nav a{color:var(--ink);min-height:44px;display:inline-flex;align-items:center}main{display:block}h1,h2,h3{font-family:Arial Black,Arial Narrow,Arial,sans-serif;line-height:.98;letter-spacing:-.045em;text-wrap:balance}h1{margin:16px 0 24px;font-size:clamp(2.75rem,6.6vw,6.5rem);max-width:11ch}h2{margin:12px 0 20px;font-size:clamp(2rem,4vw,4rem);max-width:15ch}h3{font-size:1.35rem}p{max-width:68ch}.eyebrow,.section-kicker{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-kicker{font-size:14px}.lede{max-width:58ch;font-size:clamp(1.1rem,2vw,1.35rem)}.hero{max-width:1440px;margin:0 auto;min-height:calc(100vh - 72px);padding:clamp(48px,8vw,112px) clamp(20px,5vw,72px) 80px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(40px,6vw,96px);overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-copy:before{content:"";position:absolute;width:90px;height:12px;top:-28px;right:18%;background:var(--yellow);transform:rotate(-4deg);mix-blend-mode:multiply}.hero-actions{margin:32px 0 20px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.hero-actions span{max-width:26ch;color:var(--ink-soft);font-size:14px}.text-action{display:inline-flex;min-height:44px;align-items:center;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.button{min-height:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:0;font-weight:900;color:var(--ink);background:var(--paper-high);box-shadow:4px 4px 0 var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink);text-decoration:none}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button-blue{color:#fff;background:var(--blue)}.button-red{color:#fff;background:var(--red)}.button-dark{color:#fff;background:var(--ink)}.button-paper{background:var(--paper-high)}.fact-list{padding:20px 0 0;margin:28px 0 0;display:grid;gap:9px;border-top:2px dotted var(--ink);list-style:none}.fact-list li:before{content:"●";color:var(--red);margin-right:10px}.hero-art{position:relative;margin:0;transform:rotate(1.3deg);filter:saturate(.92) contrast(1.02)}.hero-art picture{display:block;border:3px solid var(--ink);box-shadow:12px 12px 0 var(--blue),19px 19px 0 var(--red);clip-path:polygon(1% 0,100% 1%,99% 98%,0 100%)}.hero-art img{width:100%;height:auto;display:block;aspect-ratio:3 / 2;object-fit:cover}.hero-art figcaption{margin-top:28px;font-size:14px;text-transform:uppercase;text-align:right}.registration{position:absolute;z-index:2;width:62px;height:62px;border:3px solid var(--red);border-radius:50%}.registration:before,.registration:after{content:"";position:absolute;background:var(--red)}.registration:before{width:86px;height:2px;left:-15px;top:27px}.registration:after{width:2px;height:86px;left:27px;top:-15px}.registration-one{left:-32px;top:-34px}.workspace{padding:80px clamp(20px,5vw,72px) 96px;background:var(--blue);color:var(--paper-high);border-block:3px solid var(--ink)}.workspace>*{max-width:1320px;margin-inline:auto}.workspace .section-kicker{color:#ffd760}.workspace h2{color:var(--paper-high)}.workspace-heading-row{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:40px}.workspace-heading-row p{color:#d8e5e4}.status-stamp{padding:8px 12px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(1deg);font-weight:800}.work-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.controls{padding:24px;display:grid;gap:20px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.field{display:grid;gap:7px}.field label,fieldset legend,.check{font-weight:900}.field-note{color:var(--ink-soft);font-size:13px;line-height:1.35}.file-field input{width:100%;padding:7px;background:var(--paper-high);border:2px solid var(--ink)}.file-field input::file-selector-button{min-height:38px;margin-right:10px;border:0;color:#fff;background:var(--blue);font-weight:800}select,input[type=number],input[type=text]{min-height:44px;width:100%;border:2px solid var(--ink);background:var(--paper-high);color:var(--ink);padding:8px 10px}input[type=range]{width:100%;accent-color:var(--red);min-height:32px}.time-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.unit-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.label-row{display:flex;justify-content:space-between}.label-row output{font-variant-numeric:tabular-nums}fieldset{margin:0;padding:14px;display:grid;gap:10px;border:2px solid var(--ink)}.radio,.check{min-height:44px;display:flex;align-items:center;gap:10px}.radio input,.check input{width:22px;height:22px;flex:none;accent-color:var(--red)}.error{margin:0;padding:10px;color:var(--danger);background:#fff0e7;border-left:5px solid var(--danger);font-weight:800}.settings-tools{grid-column:1 / -1;padding-top:8px;border-top:2px dotted var(--ink)}.settings-tools summary{min-height:44px;display:flex;align-items:center;font-weight:900;cursor:pointer}.settings-tools button,.settings-tools label{min-height:44px;margin:6px 10px 6px 0;display:inline-flex;align-items:center;font-weight:800}.preview-zone{min-width:0}.empty-preview{min-height:520px;padding:40px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--ink);background-color:var(--paper-high);background-image:linear-gradient(rgba(11,95,113,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(11,95,113,.1) 1px,transparent 1px);background-size:32px 32px;border:2px solid var(--ink);clip-path:polygon(0 1%,99% 0,100% 98%,1% 100%)}.empty-preview h3{font-size:2rem;margin-bottom:0}.empty-preview p{margin:6px 0 24px}.empty-number{color:var(--red);font:900 88px/1 Arial Black,sans-serif}.frame-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.frame-strip:empty{display:none}.frame-strip figure{min-width:0;margin:0;padding:8px 8px 4px;color:var(--ink);background:var(--paper-high);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(var(--tilt, -.5deg))}.frame-strip figure:nth-child(2n){--tilt: .7deg}.frame-strip canvas{width:100%;height:auto;display:block;border-bottom:2px solid var(--ink)}.frame-strip figcaption{padding:6px 2px 0;font-weight:900;font-variant-numeric:tabular-nums}.export-bar{margin-top:28px;padding:18px;display:flex;align-items:center;gap:14px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.export-bar>div{display:grid;margin-right:auto}.export-bar span{font-size:13px}.steps{max-width:1200px;margin:0 auto;padding:104px clamp(20px,5vw,72px)}.steps ol{margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;counter-reset:none}.steps li{display:flex;gap:16px;align-items:start;border-top:3px solid var(--ink);padding-top:20px}.steps li>span{display:grid;place-items:center;flex:0 0 48px;height:48px;color:#fff;background:var(--red);border-radius:50%;border:2px solid var(--ink);font-weight:900}.steps h3{margin:5px 0 8px}.steps p{color:var(--ink-soft)}.privacy-panel,.paid{max-width:1200px;margin:0 auto 112px;padding:clamp(32px,5vw,64px);display:grid;align-items:center;gap:clamp(32px,6vw,80px);border:3px solid var(--ink)}.privacy-panel{grid-template-columns:.7fr 1.3fr;background:var(--paper-high);box-shadow:12px 12px 0 var(--red)}.torn-note{min-height:260px;display:grid;place-items:center;color:var(--paper-high);background:var(--blue);clip-path:polygon(4% 0,96% 3%,100% 95%,7% 100%,0 8%);transform:rotate(-3deg)}.torn-note span{padding:8px;border-block:4px solid currentColor;font:900 clamp(2rem,5vw,4.5rem)/.9 "Arial Black",sans-serif;transform:rotate(3deg)}.paid{grid-template-columns:.55fr 1.1fr .9fr;background:var(--yellow);box-shadow:12px 12px 0 var(--blue)}.paid .section-kicker,.paid a:not(.button){color:var(--ink)}.paid-mark{aspect-ratio:1;display:grid;place-items:center;text-align:center;color:#fff;background:var(--red);border:3px solid var(--ink);border-radius:50%;font:900 clamp(1.4rem,3vw,2.5rem)/.9 "Arial Black",sans-serif;transform:rotate(-8deg)}.legal-note{font-size:14px;color:#4b3e1f}.license-actions{display:grid;gap:16px}.license-status{margin:0;color:var(--green);font-weight:900}.license-actions details{padding-top:8px;border-top:2px dotted var(--ink)}.license-actions summary{min-height:44px;cursor:pointer;font-weight:900}.license-actions label{display:block;margin:8px 0 5px;font-weight:800}.license-actions button{margin-top:10px}.demo-banner{position:sticky;top:0;z-index:20;min-height:52px;padding:8px clamp(20px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff;background:var(--red);border-bottom:2px solid var(--ink)}.demo-banner div{display:flex;align-items:center;gap:20px}.demo-banner button,.demo-banner a{min-height:36px;color:#fff;background:transparent;border:0;text-decoration:underline;font-weight:900}.demo-main{background:var(--paper)}.demo-intro{max-width:1320px;margin:0 auto;padding:64px clamp(20px,5vw,72px) 40px}.demo-intro h1{font-size:clamp(2.5rem,6vw,5.4rem);max-width:13ch}.demo-main .workspace{padding-top:56px}.prose-page,.not-found{max-width:880px;min-height:70vh;margin:0 auto;padding:96px clamp(20px,5vw,72px)}.prose-page h1,.not-found h1{font-size:clamp(2.6rem,7vw,5.5rem);max-width:13ch}.prose-page h2{margin-top:56px;font-size:2rem}.prose-page p{font-size:1.05rem}.not-found{position:relative}.lost-frame{float:right;width:180px;aspect-ratio:1;display:grid;place-items:center;color:#fff;background:var(--red);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--blue);font:900 7rem Arial Black,sans-serif;transform:rotate(7deg)}.site-footer{max-width:1440px;min-height:160px;margin:0 auto;padding:40px clamp(20px,5vw,72px);display:grid;grid-template-columns:1.2fr 1fr auto;gap:32px;align-items:start;border-top:2px solid var(--ink);font-size:14px}.site-footer div{display:flex;flex-wrap:wrap;gap:20px}.site-footer a{color:var(--ink)}@media(max-width:900px){.hero{min-height:auto;grid-template-columns:1fr}.hero-art{max-width:720px}.work-grid{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.controls>*{min-width:0}.file-field,.controls fieldset,.controls .check,.controls .button,.controls .error{grid-column:1 / -1}.privacy-panel{margin-inline:20px}.paid{margin-inline:20px;grid-template-columns:.5fr 1.5fr}.license-actions{grid-column:1 / -1}}@media(max-width:650px){.site-header{align-items:flex-start}.wordmark{font-size:0}.wordmark span{margin-right:0;font-size:16px}.site-header nav{gap:14px;font-size:14px}.hero{padding-top:48px}.hero-art{margin-inline:10px}.hero-art picture{box-shadow:7px 7px 0 var(--blue),12px 12px 0 var(--red)}.workspace-heading-row{align-items:start;flex-direction:column}.controls{grid-template-columns:1fr;padding:18px}.controls>*{grid-column:1}.frame-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.export-bar{align-items:stretch;flex-direction:column}.export-bar>div{margin:0}.steps ol{grid-template-columns:1fr}.privacy-panel,.paid{margin-inline:16px;grid-template-columns:1fr}.torn-note{min-height:180px}.paid-mark{max-width:180px}.demo-banner{position:static;align-items:flex-start;flex-direction:column}.lost-frame{float:none;margin-bottom:40px}.site-footer{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.hero-art{animation:register .7s cubic-bezier(.2,.8,.2,1) both}.frame-strip figure{animation:lay-frame .24s ease both}.frame-strip figure:nth-child(2n){animation-delay:35ms}.frame-strip figure:nth-child(3n){animation-delay:70ms}@keyframes register{0%{opacity:0;transform:translate(28px,16px) rotate(3.5deg)}to{opacity:1;transform:rotate(1.3deg)}}@keyframes lay-frame{0%{opacity:0;transform:translate(-10px) rotate(var(--tilt))}to{opacity:1;transform:rotate(var(--tilt))}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}