@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--paper: #f2efe5;--paper-raised: #fffdf5;--ink: #171b1c;--muted: #59615e;--grid: #d0c9ba;--moss: #23604c;--moss-hover: #184a3a;--amber: #d97732;--amber-soft: #f3d4b8;--blueprint: #325b78;--danger: #9d342d;--warning: #824615;--success: #246044;--canvas: #121718;--shadow: 0 16px 42px rgb(37 32 22 / 12%);font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-synthesis:none;line-height:1.5;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background-color:var(--paper);background-image:linear-gradient(rgb(50 91 120 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(50 91 120 / 7%) 1px,transparent 1px);background-size:32px 32px}button,input,select,summary{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{min-height:44px}button{cursor:pointer}img{max-width:100%}a{color:var(--moss);text-underline-offset:3px}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;box-shadow:0 0 0 1px var(--ink)}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;color:#fff;background:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--grid);background:#f2efe5f0}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:700}.brand img{width:36px;height:36px}.site-nav{display:flex;align-items:center;gap:20px}.site-nav a{color:var(--ink);font-weight:700;text-decoration:none}.site-nav a:hover{text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:3px}main{width:min(1440px,100%);margin:0 auto;padding:0 24px 80px}.hero{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(420px,1.24fr);align-items:center;gap:48px;min-height:440px;padding:56px 0 40px}.eyebrow{margin:0 0 12px;color:var(--blueprint);font-family:ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:680px;margin-bottom:20px;font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.045em}h2{font-size:clamp(27px,3vw,38px);line-height:1.08;letter-spacing:-.025em}h3{font-size:20px;line-height:1.2}.hero-copy{max-width:600px;font-size:20px;color:var(--muted)}.privacy-note{display:flex;align-items:center;gap:8px;margin:20px 0 0;color:var(--moss);font-size:14px;font-weight:700}.privacy-note svg{flex:none}.hero-art{position:relative;margin:0}.hero-art:before,.hero-art:after{position:absolute;z-index:1;width:13px;height:13px;border-color:var(--blueprint);content:""}.hero-art:before{top:12px;left:12px;border-top:2px solid;border-left:2px solid}.hero-art:after{right:12px;bottom:42px;border-right:2px solid;border-bottom:2px solid}.hero-art img{display:block;width:100%;border:1px solid var(--grid);box-shadow:var(--shadow)}.hero-art figcaption{margin-top:8px;color:var(--muted);font-size:13px}.offline-bar{margin:0 0 12px;padding:10px 14px;border-left:4px solid var(--warning);color:var(--warning);background:#fff3e4;font-weight:700}.offline-bar[hidden]{display:none}.workbench{border:1px solid var(--ink);background:var(--paper-raised);box-shadow:var(--shadow)}.bench-head{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:14px 20px;border-bottom:1px solid var(--grid)}.bench-title{display:flex;align-items:center;gap:12px}.step-no{display:grid;flex:none;width:32px;height:32px;place-items:center;border:1px solid var(--ink);font-family:ui-monospace,monospace;font-weight:700}.bench-title h2{margin:0;font-size:22px;letter-spacing:-.01em}.file-meta{color:var(--muted);font-family:ui-monospace,monospace;font-size:13px;font-variant-numeric:tabular-nums}.text-button{min-height:44px;padding:8px 12px;border:0;color:var(--moss);background:transparent;font-weight:700}.text-button:hover{background:#23604c17}.drop-zone{display:grid;min-height:330px;padding:32px;place-items:center;text-align:center;outline:2px dashed var(--grid);outline-offset:-18px}.drop-zone.dragging{outline-color:var(--amber);background:var(--amber-soft)}.drop-zone svg{display:block;margin:0 auto 16px;color:var(--moss)}.drop-zone h3{margin-bottom:8px;font-size:26px}.drop-zone p{margin-bottom:20px;color:var(--muted)}.primary-button,.secondary-button,.export-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border:1px solid var(--ink);border-radius:2px;font-weight:700;text-decoration:none}.primary-button{color:#fff;background:var(--moss);box-shadow:3px 3px 0 var(--ink)}.primary-button:hover{background:var(--moss-hover);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.primary-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.secondary-button,.export-button{color:var(--ink);background:var(--paper-raised)}.secondary-button:hover,.export-button:hover{background:var(--amber-soft)}button:disabled{cursor:not-allowed;opacity:.46;transform:none!important;box-shadow:none!important}.error-message{max-width:580px;margin:14px auto 0;padding:10px 14px;border-left:4px solid var(--danger);color:var(--danger);background:#fce8e5}.error-message[hidden]{display:none}.editor{display:grid;grid-template-columns:272px minmax(330px,1fr) 292px;min-height:600px}.editor[hidden],.drop-zone[hidden]{display:none}.control-panel,.export-panel{padding:20px}.control-panel{border-right:1px solid var(--grid)}.export-panel{border-left:1px solid var(--grid)}.control-panel section+section,.export-panel section+section{margin-top:24px;padding-top:24px;border-top:1px solid var(--grid)}.panel-kicker{margin-bottom:12px;color:var(--muted);font-family:ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field{display:grid;gap:6px;margin-bottom:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}label,legend{font-weight:700}input,select{width:100%;border:1px solid #757d79;border-radius:2px;color:var(--ink);background:var(--paper-raised)}input[type=number],input[type=text],select{padding:8px 10px}input[type=range]{accent-color:var(--moss)}input[type=color]{padding:4px}.range-line{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:8px}.value-badge{text-align:right;font-family:ui-monospace,monospace;font-size:13px;font-variant-numeric:tabular-nums}.hint{margin:-6px 0 14px;color:var(--muted);font-size:13px;line-height:1.35}.tile-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.icon-button{display:grid;min-width:44px;min-height:44px;padding:0;place-items:center;border:1px solid var(--grid);color:var(--ink);background:transparent}.icon-button:hover{border-color:var(--ink);background:var(--amber-soft)}.tile-position{text-align:center;font-family:ui-monospace,monospace;font-size:13px;font-variant-numeric:tabular-nums}.stage{display:flex;min-width:0;flex-direction:column;background:var(--canvas)}.stage-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #3a4242;color:#f5f1e6}.segments{display:inline-grid;grid-template-columns:repeat(3,auto);border:1px solid #65706e}.segments button{min-height:44px;padding:8px 12px;border:0;border-right:1px solid #65706e;color:#ece8dc;background:transparent}.segments button:last-child{border-right:0}.segments button[aria-pressed=true]{color:#171b1c;background:var(--amber);font-weight:700}.zoom-tools{display:flex;align-items:center;gap:8px}.stage .icon-button{border-color:#65706e;color:#fff}.stage .icon-button:hover{color:var(--ink)}.zoom-label{min-width:52px;text-align:center;font-family:ui-monospace,monospace;font-size:13px}.canvas-wrap{display:grid;flex:1;min-height:470px;overflow:auto;place-items:center;padding:32px;background-color:#151a1b;background-image:linear-gradient(45deg,#202727 25%,transparent 25%),linear-gradient(-45deg,#202727 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#202727 75%),linear-gradient(-45deg,transparent 75%,#202727 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}#preview-canvas{display:block;max-width:none;border:1px solid #93a09d;image-rendering:pixelated;touch-action:none;box-shadow:0 0 0 1px #000,0 14px 34px #0000005c}#preview-canvas.paintable{cursor:crosshair}.stage-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid #3a4242;color:#cbd2ce;font-size:13px}.stage-footer kbd{padding:1px 5px;border:1px solid #66706e;border-bottom-width:2px;border-radius:2px;font:inherit}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.stats div{padding:10px;border:1px solid var(--grid)}.stats dt{color:var(--muted);font-size:12px}.stats dd{margin:2px 0 0;font-family:ui-monospace,monospace;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.warning-note{margin:16px 0;padding:12px;border-left:4px solid var(--amber);background:#fff4e7;color:#5b3314;font-size:14px}.button-stack{display:grid;gap:10px}.export-button{width:100%;justify-content:space-between}.format{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.status-message{min-height:24px;margin:12px 0 0;color:var(--success);font-size:14px;font-weight:700}.plus-block{position:relative;overflow:hidden;border:1px solid var(--ink);background:var(--paper-raised)}.plus-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;padding:48px}.plus-tag{display:inline-flex;align-items:center;min-height:28px;margin-bottom:14px;padding:2px 9px;color:#171b1c;background:var(--amber);font-family:ui-monospace,monospace;font-size:12px;font-weight:700;text-transform:uppercase}.plus-block ul{padding-left:20px}.plus-block li+li{margin-top:8px}.plus-actions{display:grid;align-content:center;gap:12px}.plus-price{font-family:ui-monospace,monospace;font-size:14px}.license-form{display:grid;grid-template-columns:1fr auto;gap:8px}.license-status{min-height:22px;margin:0;color:var(--muted);font-size:14px}.unlocked-tools{margin-top:14px;padding:14px;border:1px solid var(--moss);background:#23604c12}.unlocked-tools[hidden]{display:none}.preset-row{display:grid;grid-template-columns:1fr auto;gap:8px}.how{padding:88px 0 64px}.how>p{max-width:680px;color:var(--muted);font-size:18px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.how-item{position:relative;padding-top:20px;border-top:2px solid var(--ink)}.how-item:before{position:absolute;top:-7px;left:0;width:12px;height:12px;background:var(--amber);content:""}.how-item p{color:var(--muted)}.legal{max-width:760px;min-height:65vh;padding:72px 0}.legal h1{font-size:clamp(42px,6vw,64px)}.legal h2{margin-top:40px;font-size:25px}.legal p,.legal li{font-size:18px}.legal .updated{color:var(--muted);font-family:ui-monospace,monospace;font-size:13px}.site-footer{padding:28px max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--grid);background:var(--paper)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1392px,100%);margin:0 auto}.footer-copy{color:var(--muted);font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.loading .drop-content{opacity:.5}.loading .drop-zone{cursor:wait}@media(max-width:1060px){.editor{grid-template-columns:240px minmax(320px,1fr)}.export-panel{grid-column:1 / -1;border-top:1px solid var(--grid);border-left:0}.export-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px}.export-panel section+section{margin:0;padding:0;border:0}}@media(max-width:760px){.site-header{min-height:64px}.site-nav a:not(.plus-nav){display:none}main{padding-right:16px;padding-left:16px}.hero{display:block;min-height:0;padding:48px 0 32px}h1{font-size:clamp(40px,12vw,58px)}.hero-copy{font-size:18px}.hero-art{margin-top:32px}.bench-head{align-items:flex-start}.file-meta{display:block;margin-top:4px}.editor{display:flex;flex-direction:column}.control-panel{border-right:0;border-bottom:1px solid var(--grid)}.stage{order:-1}.canvas-wrap{min-height:360px;padding:20px}.export-panel{display:block}.export-panel section+section{margin-top:24px;padding-top:24px;border-top:1px solid var(--grid)}.plus-inner{grid-template-columns:1fr;gap:20px;padding:28px 20px}.how{padding-top:64px}.how-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.brand span{font-size:16px}.site-nav{gap:8px}.site-nav .plus-nav{padding:8px}main{padding-right:12px;padding-left:12px}.hero{padding-top:36px}.hero-art{display:none}.drop-zone{min-height:290px;padding:22px;outline-offset:-10px}.bench-head{padding:12px}.bench-title{align-items:flex-start}.editor .control-panel,.editor .export-panel{padding:16px}.stage-toolbar{align-items:stretch;flex-direction:column}.segments{grid-template-columns:repeat(3,1fr)}.zoom-tools{justify-content:center}.canvas-wrap{min-height:310px;padding:14px}.stage-footer span:last-child{display:none}.license-form,.preset-row{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root{--paper: #101415;--paper-raised: #1b2121;--ink: #f4f0e5;--muted: #b7c0bc;--grid: #46504d;--moss: #74c4a5;--moss-hover: #8bd5b8;--amber: #ee9b5f;--amber-soft: #51341f;--blueprint: #91bddb;--danger: #ffaaa2;--warning: #ffc186;--success: #8fdbb4;--shadow: 0 16px 42px rgb(0 0 0 / 30%)}.site-header{background:#101415f0}.primary-button{color:#101415;border-color:#f4f0e5;box-shadow:3px 3px #f4f0e5}.primary-button:hover{color:#101415;box-shadow:4px 4px #f4f0e5}.offline-bar{background:#38281a}.error-message{background:#3d2323}.warning-note{color:#ffd8b8;background:#38281a}.plus-tag{color:#171b1c}input,select{color-scheme:dark}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.primary-button:hover{transform:none}}