:root{color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#000;--paper:#fff;--muted:#57595d;--raised:#fff;--rule:#000;--drawing-ink:#000;--backdrop:#000;--brand-filter:none;--stage:#777;--line:1px solid var(--rule);--line-strong:2px solid var(--ink);--topbar-height:92px;--sizeline-height:220px;--sizeline-peek:clamp(156px, 20dvh, 210px);--page-pad:clamp(20px, 2.2vw, 34px);font-family:Sometype Mono Variable,monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eeede8;--paper:#1b1c1e;--muted:#b6b7bb;--raised:#27292d;--rule:#81848a;--backdrop:#090a0bd9;--brand-filter:invert(1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{color:inherit;font:inherit}button{background:var(--paper);cursor:pointer;border:0;border-radius:0}button:focus-visible,input:focus-visible,canvas:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{border-top:var(--line);min-height:100vh}.app-loading{min-height:100vh;padding:var(--page-pad);border-top:var(--line);letter-spacing:.08em;align-content:center;place-items:center;gap:20px;font-size:10px;font-weight:500;display:grid}.app-loading img{width:min(330px,80vw)}.brand img,.app-loading img,.recovery-brand img{filter:var(--brand-filter)}:root[data-theme=dark] :is(.brand img,.app-loading img,.recovery-brand img){mix-blend-mode:screen;opacity:.92}.topbar{min-height:var(--topbar-height);border-bottom:var(--line);background:var(--paper);grid-template-columns:clamp(320px,23.2vw,360px) minmax(210px,1fr) auto;align-items:stretch;display:grid}.brand{min-width:0;padding:10px var(--page-pad);align-items:center;display:flex}.brand img{object-fit:contain;object-position:left center;width:min(100%,330px);max-height:62px;display:block}.project-title{border-left:var(--line);letter-spacing:.13em;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;margin:0;padding:0 clamp(18px,2vw,30px);font-size:clamp(10px,.85vw,12px);font-weight:400;line-height:1.35;display:flex}.topbar nav{white-space:nowrap;align-items:stretch;min-width:0;display:flex}.topbar nav button{letter-spacing:.08em;min-width:clamp(92px,8.2vw,122px);padding:0 clamp(10px,1.25vw,20px);font-size:clamp(10px,.9vw,13px);font-weight:500;position:relative}.topbar nav button:hover,.topbar nav button:focus-visible{background:var(--ink);color:var(--paper)}.topbar nav button.is-active:after{content:"";background:currentColor;height:2px;position:absolute;bottom:14px;left:27%;right:27%}.workspace{height:clamp(520px, calc(100dvh - var(--topbar-height) - var(--sizeline-peek)), 720px);border-bottom:var(--line);grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(276px,23.2vw,344px) minmax(0,1fr) clamp(272px,22.9vw,340px);scroll-margin-top:0;display:grid}.tool-panel,.status-panel{background:var(--paper);min-width:0;min-height:0}.tool-panel{border-right:var(--line);flex-direction:column;padding-top:50px;display:flex}.tool-panel h2,.sizeline h2,.ink-control h3{letter-spacing:.08em;margin:0;font-size:12px;font-weight:500}.tool-panel h2{padding:0 40px 33px}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;padding:0 40px 18px;display:grid}.tool-button{border:var(--line);letter-spacing:.055em;grid-template-rows:34px auto;align-content:center;place-items:center;gap:7px;min-width:0;height:102px;padding:8px 24px 8px 8px;font-size:11px;font-weight:500;display:grid;position:relative}.tool-button>svg{width:30px;height:30px}.tool-button kbd{border:var(--line);min-width:18px;height:18px;font:inherit;background:var(--paper);color:var(--ink);place-items:center;font-size:9px;display:grid;position:absolute;top:5px;right:5px}.tool-button:not(:disabled):hover,.tool-button:not(:disabled):focus-visible{background:var(--ink);color:var(--paper)}.tool-button:not(:disabled):hover kbd,.tool-button:not(:disabled):focus-visible kbd{border-color:var(--paper);background:var(--ink);color:var(--paper)}.tool-button:disabled{border-style:dashed}.tool-button:disabled svg{stroke-dasharray:3 3}.ink-control{border-top:var(--line);min-height:237px;margin-top:auto;padding:20px 38px 22px}.draw-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1vw,20px);margin-top:12px;display:grid}.ink-control-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.appearance-trigger{letter-spacing:.025em;min-height:28px;color:var(--muted);background:0 0;align-items:center;gap:4px;padding:4px 0;font-size:8px;font-weight:500;display:inline-flex}.appearance-trigger:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.draw-mode{border:1px solid #0000;align-content:center;justify-items:center;gap:7px;min-width:0;min-height:116px;padding:7px 3px;display:grid;position:relative}.draw-mode b{white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:8px;font-weight:500;display:flex}.draw-mode kbd{border:var(--line);min-width:17px;height:17px;font:inherit;background:var(--paper);color:var(--ink);place-items:center;display:inline-grid}.ink{aspect-ratio:1;border:var(--line);background:var(--paper);background:#fff;width:min(64px,100%);height:auto;display:grid}.ink.black{background:var(--drawing-ink)}.ink.toggle{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.ink.toggle span:first-child,.ink.toggle span:nth-child(4){background:var(--drawing-ink)}.draw-mode:hover{border-color:var(--ink)}.draw-mode.is-selected{border:var(--line-strong)}.draw-mode.is-selected:after{content:"";border:var(--line);pointer-events:none;position:absolute;inset:3px}.canvas-stage{background:var(--stage);place-items:center;min-width:0;min-height:0;padding:28px;display:grid;position:relative;overflow:hidden;container-type:size}.pixel-canvas-editor{grid-template-rows:minmax(0,1fr) auto;gap:8px;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.pixel-canvas-viewport{overscroll-behavior:contain;place-items:center;width:100%;min-width:0;height:auto;min-height:0;display:grid;overflow:hidden}.pixel-canvas-transform{will-change:transform;place-items:center;transition:transform .14s ease-out;display:grid}.pixel-canvas-editor.is-panning .pixel-canvas-transform{transition:none}.pixel-canvas-editor.is-panning .pixel-canvas{cursor:grabbing}.canvas-zoom-controls{border:var(--line);background:var(--paper);justify-self:end;align-items:stretch;display:flex;position:static}.canvas-zoom-controls button,.canvas-zoom-value{border-right:var(--line);background:var(--paper);min-width:38px;min-height:34px;font:inherit;place-items:center;padding:0 9px;font-size:9px;font-weight:500;display:grid}.canvas-zoom-controls button:not(:disabled):hover,.canvas-zoom-controls button:not(:disabled):focus-visible{background:var(--ink);color:var(--paper)}.canvas-zoom-controls button:disabled{border-right-style:dashed}.canvas-zoom-controls .canvas-fit-button{min-width:48px}.canvas-zoom-value{border-right:var(--line);min-width:54px}.canvas-zoom-controls button:last-child{border-right:0}.pixel-canvas{border:2px solid var(--drawing-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;image-rendering:pixelated;background:#fff;display:block}.pixel-canvas.is-interactive{aspect-ratio:1;touch-action:none;cursor:crosshair;width:min(620px,100cqi - 56px,100cqb - 56px);max-width:100%;max-height:100%}.canvas-stage .pixel-canvas:focus-visible{outline-offset:5px;outline-color:#fff}.status-panel{border-left:var(--line);flex-direction:column;display:flex}.status-block{border-bottom:var(--line);padding:clamp(18px,2.2vh,26px) 22px}.status-block>span{letter-spacing:.08em;margin-bottom:12px;font-size:10px;font-weight:500;display:block}.status-block strong{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(30px,3vw,46px);font-weight:600;line-height:.95;display:block}.status-block strong i{vertical-align:.16em;font-size:.58em;font-style:normal}.status-block b{letter-spacing:.025em;font-size:clamp(13px,1.4vw,17px);font-weight:500}.status-saved b{align-items:center;gap:10px;display:flex}.status-saved b i{background:var(--ink);width:9px;height:9px;display:inline-block}.status-actions{gap:10px;margin-top:auto;padding:18px;display:grid}.status-actions button{border:var(--line);letter-spacing:.055em;min-height:50px;font-size:11px;font-weight:500}.status-actions .commit{background:var(--ink);min-height:58px;color:var(--paper);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.status-actions .export{justify-content:center;align-items:center;gap:9px;display:flex}.status-actions .commit:hover,.status-actions .commit:focus-visible{background:var(--paper);color:var(--ink)}.status-actions .export:hover,.status-actions .export:focus-visible{background:var(--ink);color:var(--paper)}.sizeline{height:var(--sizeline-height);border-bottom:var(--line);background:var(--paper);scroll-margin-top:var(--topbar-height);overflow:hidden}.sizeline-header{height:34px;padding:11px var(--page-pad) 0;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.sizeline-header h2{padding-top:2px}.sizeline-header p{letter-spacing:.045em;white-space:nowrap;align-items:baseline;gap:12px;margin:0;font-size:9px;font-weight:400;display:flex}.sizeline-header p span{letter-spacing:.1em;font-size:8px}.sizeline-header p b{font-weight:400}.sizeline-scroll{height:calc(var(--sizeline-height) - 34px);scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper);overflow:auto hidden}.sizeline-track{min-width:max-content;height:100%;padding:18px var(--page-pad) 12px;align-items:flex-start;gap:clamp(26px,4.4vw,70px);display:flex;position:relative}.sizeline-track:before{content:"";left:var(--page-pad);right:var(--page-pad);background:var(--ink);height:1px;position:absolute;bottom:90px}.thumbnail{z-index:1;content-visibility:auto;contain-intrinsic-size:114px 166px;background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:114px;height:166px;display:flex;position:relative}.thumbnail.is-eager{content-visibility:visible}.thumbnail-label{background:var(--paper);margin-bottom:7px;padding:0 5px;font-size:13px;font-weight:500}.thumbnail-frame{width:calc(52px + var(--size-step) * 7px);height:calc(52px + var(--size-step) * 7px);background:var(--paper);border:0 solid var(--ink);place-items:center;max-width:108px;max-height:108px;padding:5px;display:grid}.thumbnail-frame canvas{border:1px solid var(--drawing-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;width:100%;height:100%;image-rendering:pixelated;background:#fff;display:block}.thumbnail-stats{background:var(--paper);color:var(--ink);letter-spacing:.025em;text-align:left;white-space:nowrap;gap:1px;margin-top:6px;padding:2px 5px;font-size:8px;font-weight:400;line-height:1.25;display:grid}.thumbnail.is-selected .thumbnail-frame{border-width:2px;padding:4px}.thumbnail:hover .thumbnail-label,.thumbnail:focus-visible .thumbnail-label{background:var(--ink);color:var(--paper)}.sizeline-continuation{z-index:1;background:var(--paper);align-items:center;gap:8px;width:74px;height:24px;margin-top:66px;padding-left:6px;display:flex}.sizeline-continuation span{background:var(--ink);width:4px;height:4px;display:block}.footer-hint{height:46px;padding:0 var(--page-pad);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:9px;font-weight:400;display:flex}.dialog-backdrop{z-index:30;background:var(--backdrop);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.export-dialog,.delete-dialog,.library-dialog{--paper:var(--raised);border:2px solid var(--paper);background:var(--paper);width:min(780px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.export-dialog>header,.delete-dialog>header,.library-dialog>header{border-bottom:var(--line);justify-content:space-between;align-items:flex-start;gap:24px;min-height:126px;padding:24px 26px;display:flex}.export-dialog header>div>span,.delete-dialog header>div>span,.library-dialog header>div>span{letter-spacing:.09em;font-size:10px;font-weight:500}.export-dialog h2,.delete-dialog h2,.library-dialog h2{letter-spacing:-.045em;max-width:620px;margin:10px 0 0;font-family:Bricolage Grotesque Variable,sans-serif;font-size:clamp(30px,5vw,48px);font-weight:750;line-height:.95}.export-dialog header>button,.delete-dialog header>button,.library-dialog header>button,.overlay-close,.gallery-close{border:var(--line);flex:none;place-items:center;width:44px;height:44px;display:grid}.export-dialog header>button:hover,.delete-dialog header>button:hover,.library-dialog header>button:hover,.gallery-close:hover{background:var(--ink);color:var(--paper)}.export-options{display:grid}.export-options>button{text-align:left;border-bottom:var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:16px 24px;display:grid}.export-options>button>span{gap:4px;display:grid}.export-options strong{letter-spacing:.055em;font-size:14px;font-weight:500}.export-options small{font-size:11px;font-weight:400}.export-options>button:not(:disabled):hover{background:var(--ink);color:var(--paper)}.export-options>button:disabled{border-bottom-style:dashed}.export-status{border-bottom:var(--line);letter-spacing:.055em;align-items:center;min-height:42px;padding:12px 24px;font-size:10px;font-weight:500;display:flex}.export-progress{justify-content:space-between;gap:16px}.export-progress-readout{min-width:0;line-height:1.4}.export-cancel{border:var(--line);letter-spacing:.055em;flex:none;min-width:88px;min-height:38px;padding:0 12px;font-size:9px;font-weight:500}.export-cancel:not(:disabled):hover{background:var(--ink);color:var(--paper)}.export-danger-zone{border-top:14px solid var(--paper);border-bottom:var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 24px;display:grid}.export-danger-zone>div{gap:5px;display:grid}.export-danger-zone strong{letter-spacing:.055em;font-size:12px;font-weight:500}.export-danger-zone span{font-size:10px}.export-danger-zone button{border:var(--line);align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:10px;font-weight:500;display:flex}.export-danger-zone button:hover{background:var(--ink);color:var(--paper)}.export-pristine-note{border-top:var(--line);letter-spacing:.055em;padding:16px 24px;font-size:10px}.export-dialog footer{letter-spacing:.07em;padding:16px 24px;font-size:9px}.delete-dialog{width:min(760px,100%)}.delete-warning{padding:28px}.delete-warning p{max-width:650px;margin:0;font-size:15px;line-height:1.65}.delete-warning-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}.delete-warning-actions .primary-action{grid-column:1/-1}.delete-warning-actions button,.delete-final-actions button{border:var(--line);letter-spacing:.04em;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 16px;font-size:11px;font-weight:500;display:flex}.primary-action,.delete-final{background:var(--ink);color:var(--paper)}.primary-action:hover,.delete-final:not(:disabled):hover{background:var(--paper);color:var(--ink)}.secondary-action:hover,.quiet-action:hover{background:var(--ink);color:var(--paper)}.delete-challenge{padding:24px 28px 28px}.delete-challenge h3{letter-spacing:.06em;margin:0 0 20px;font-size:13px;font-weight:500}.challenge-grids{justify-content:center;gap:clamp(34px,9vw,88px);display:flex}.challenge-grids figure{gap:9px;margin:0;display:grid}.challenge-grids figcaption{letter-spacing:.07em;font-size:10px;font-weight:500}.confirmation-grid{border:var(--line-strong);background:var(--paper);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:168px;height:168px;display:grid}.confirmation-grid>*{border-right:var(--line);border-bottom:var(--line);min-width:0;min-height:0}.confirmation-grid>:nth-child(3n){border-right:0}.confirmation-grid>:nth-child(n+7){border-bottom:0}.confirmation-grid,.confirmation-grid>*{border-color:var(--drawing-ink);background:#fff}.confirmation-grid .is-black{background:var(--drawing-ink)}.copy-grid button{padding:0}.copy-grid button:hover{box-shadow:inset 0 0 0 3px var(--ink)}.copy-grid button.is-black:hover{box-shadow:inset 0 0 0 3px var(--paper)}.text-confirmation-toggle{border-bottom:var(--line);margin:22px auto 0;padding:6px 0;font-size:10px;font-weight:500;display:block}.text-confirmation{gap:8px;max-width:360px;margin:18px auto 0;display:grid}.text-confirmation span{font-size:10px;font-weight:500}.text-confirmation input{border:var(--line-strong);text-transform:uppercase;height:46px;padding:0 12px}.delete-final-actions{gap:9px;margin-top:22px;display:grid}.delete-final-actions>span{letter-spacing:.06em;text-align:center;min-height:16px;font-size:9px}.delete-final:disabled{background:var(--paper);color:var(--ink);border-style:dashed}.library-dialog{width:min(1040px,100%)}.library-dialog>header p{max-width:580px;margin:10px 0 0;font-size:11px;line-height:1.45}.library-create{border-bottom:var(--line-strong);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 24px;display:grid}.library-create label,.library-rename label{gap:7px;min-width:0;display:grid}.library-create label>span{letter-spacing:.08em;font-size:9px;font-weight:500}.library-create input,.library-rename input{border:var(--line);background:var(--paper);width:100%;min-height:44px;padding:0 12px}.library-create>button,.archive-import-confirm{border:var(--line);background:var(--ink);min-width:150px;min-height:44px;color:var(--paper);letter-spacing:.055em;justify-content:space-between;align-self:end;align-items:center;gap:16px;padding:0 15px;font-size:10px;font-weight:500;display:flex}.library-create>button:not(:disabled):hover,.archive-import-confirm:not(:disabled):hover{background:var(--paper);color:var(--ink)}.library-list{display:grid}.library-row{border-bottom:var(--line);grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:22px;min-width:0;padding:18px 24px;display:grid}.library-row.is-active{box-shadow:inset 6px 0 0 var(--ink)}.library-row.is-archived .library-row-copy{text-decoration:none}.library-row.is-archived .library-row-copy h3{text-decoration:line-through}.library-row-copy{min-width:0}.library-row-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-row-title h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:14px;font-weight:500}.library-row-title span{border:var(--line);letter-spacing:.07em;padding:2px 5px;font-size:8px;font-weight:500}.library-row-copy>p{margin:7px 0 0;font-size:9px;line-height:1.45}.library-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.library-row-actions button,.library-rename button{border:var(--line);letter-spacing:.045em;min-height:36px;padding:0 10px;font-size:9px;font-weight:500}.library-row-actions button:not(:disabled):hover,.library-rename button:not(:disabled):hover{background:var(--ink);color:var(--paper)}.library-row-actions .library-delete{border-style:dashed}.library-rename{grid-template-columns:minmax(150px,1fr) auto auto;gap:7px;display:grid}.library-import{border-top:12px solid var(--paper);grid-template-columns:minmax(210px,1fr) auto;align-items:end;gap:18px;padding:24px;display:grid}.library-import>div:first-child>span{letter-spacing:.08em;font-size:9px;font-weight:500}.library-import h3{margin:6px 0;font-size:15px;font-weight:500}.library-import p{margin:0;font-size:10px;line-height:1.45}.library-file-picker{border:var(--line);cursor:pointer;place-items:center;min-height:44px;padding:0 14px;font-size:10px;font-weight:500;display:grid;position:relative;overflow:hidden}.library-file-picker:hover{background:var(--ink);color:var(--paper)}.library-file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.archive-preview{border-top:var(--line);grid-column:1/-1;grid-template-columns:minmax(210px,1fr) minmax(260px,1fr) auto;align-items:end;gap:18px;padding-top:18px;display:grid}.archive-preview>div{gap:5px;display:grid}.archive-preview>div>span{letter-spacing:.08em;font-size:8px}.archive-preview strong{font-size:13px;font-weight:500}.archive-preview small{font-size:9px}.archive-preview fieldset{border:var(--line);gap:7px;margin:0;padding:10px 12px;display:grid}.archive-preview legend{padding:0 5px;font-size:8px}.archive-preview fieldset label{align-items:center;gap:7px;font-size:9px;display:flex}.archive-preview input[type=radio]{accent-color:var(--ink)}.library-error{border-top:var(--line-strong);padding:14px 24px;font-size:10px;font-weight:500;line-height:1.5}.storage-notice{min-height:64px;padding:10px var(--page-pad);border-bottom:var(--line-strong);background:var(--paper);justify-content:space-between;align-items:center;gap:20px;display:flex}.storage-notice>div:first-child{gap:4px;display:grid}.storage-notice strong{letter-spacing:.07em;font-size:10px;font-weight:600}.storage-notice span{font-size:10px;line-height:1.35}.storage-notice-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.storage-notice-actions button{border:var(--line);align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:9px;font-weight:500;display:flex}.storage-notice-actions button:hover{background:var(--ink);color:var(--paper)}.storage-notice-actions button[aria-label]{justify-content:center;width:38px;padding:0}.status-save-failed b i,.status-conflict b i{border:2px solid var(--ink);background:0 0}.status-saving b i{border:1px solid var(--ink);background:0 0}.recovery-shell{border-top:var(--line);min-height:100vh}.recovery-brand{min-height:92px;padding:14px var(--page-pad);border-bottom:var(--line);align-items:center;display:flex}.recovery-brand img{width:min(330px,100%)}.recovery-screen{max-width:860px;padding:clamp(42px, 8vw, 100px) var(--page-pad);margin:0 auto}.recovery-screen>span{letter-spacing:.09em;font-size:10px;font-weight:500}.recovery-screen h1{letter-spacing:-.055em;margin:14px 0 28px;font-family:Bricolage Grotesque Variable,sans-serif;font-size:clamp(42px,8vw,84px);font-weight:750;line-height:.9}.recovery-screen p{max-width:720px;font-size:14px;line-height:1.65}.recovery-downloads,.recovery-actions{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.recovery-downloads button,.recovery-actions button{border:var(--line);align-items:center;gap:8px;min-height:48px;padding:0 15px;font-size:10px;font-weight:500;display:flex}.recovery-actions .recovery-start,.recovery-downloads button:hover,.recovery-actions button:hover{background:var(--ink);color:var(--paper)}.recovery-actions .recovery-start:hover{background:var(--paper);color:var(--ink)}.recovery-screen>small{margin-top:14px;font-size:9px;display:block}.present-overlay{--ink:#000;--paper:#fff;z-index:40;background:var(--ink);color:var(--paper);grid-template-rows:auto 1fr auto;place-items:center;padding:clamp(18px,3vw,42px);display:grid;position:fixed;inset:0}.present-overlay :focus-visible{outline-color:#fff}.overlay-close{border-color:var(--paper);background:var(--ink);color:var(--paper);position:absolute;top:24px;right:24px}.overlay-close:hover{background:var(--paper);color:var(--ink)}.present-counter{font-size:13px;font-weight:500}.present-motion-note{letter-spacing:.06em;font-size:10px;font-weight:400}.present-art{aspect-ratio:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#fff;border:2px solid #fff;width:min(62vh,68vw);display:grid}.present-art span{outline:1px solid var(--ink);background:var(--paper)}.present-art span.is-black{background:var(--ink)}.present-controls{border:1px solid var(--paper);align-items:stretch;display:flex}.present-controls button{border-right:1px solid var(--paper);background:var(--ink);min-width:84px;min-height:48px;color:var(--paper);padding:0 16px;font-size:10px;font-weight:500}.present-controls button:last-child{border-right:0}.present-controls button:hover:not(:disabled){background:var(--paper);color:var(--ink)}.present-controls .present-play{justify-content:center;align-items:center;gap:10px;min-width:210px;display:flex}.gallery-overlay{z-index:35;background:var(--paper);color:var(--ink);position:fixed;inset:0;overflow-y:auto}.gallery-overlay>header{min-height:112px;padding:22px var(--page-pad);border-bottom:var(--line);justify-content:space-between;align-items:flex-start;display:flex}.gallery-overlay h2{letter-spacing:-.05em;margin:0;font-family:Bricolage Grotesque Variable,sans-serif;font-size:clamp(34px,5vw,60px);font-weight:750;line-height:.95}.gallery-overlay p{margin:10px 0 0;font-size:10px}.gallery-grid{border-left:var(--line);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.gallery-grid .thumbnail{border-right:var(--line);border-bottom:var(--line);justify-content:flex-start;width:100%;height:auto;min-height:260px;padding:24px}.gallery-grid .thumbnail-label{order:2;margin:13px 0 0}.gallery-grid .thumbnail-frame{aspect-ratio:1;order:1;width:min(100%,190px);max-width:none;height:auto;max-height:none}.appearance-backdrop{background:#00000080}.appearance-dialog{--paper:var(--raised);border:var(--line);background:var(--paper);width:min(510px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.appearance-dialog>header{border-bottom:var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 24px;display:flex}.appearance-dialog h2{letter-spacing:.06em;margin:0;font-size:16px;font-weight:500}.appearance-dialog header button{border:var(--line);place-items:center;width:36px;height:36px;display:grid}.appearance-dialog header button:hover{color:var(--paper);background:var(--ink)}.appearance-dialog fieldset{border:0;min-width:0;margin:26px 24px;padding:0}.appearance-dialog legend{letter-spacing:.055em;justify-content:space-between;gap:12px;width:100%;padding:0;font-size:11px;font-weight:500;display:flex}.appearance-dialog legend>span{color:var(--muted);font-size:10px}.appearance-dialog p{color:var(--muted);margin:12px 0;font-size:11px;line-height:1.6}.ink-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:18px;display:grid}.ink-swatch{border:1px solid #0000;align-content:center;justify-items:center;gap:8px;min-width:0;min-height:75px;padding:7px 3px;font-size:8px;font-weight:500;display:grid}.ink-swatch:hover{border-color:var(--rule)}.ink-swatch[aria-pressed=true]{border-color:var(--ink)}.swatch-chip{background:var(--swatch);color:#fff;outline-offset:-1px;outline:1px solid #ffffff80;place-items:center;width:32px;height:32px;display:grid}.appearance-theme{padding-top:0}.theme-options{border:var(--line);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.theme-options button{border-right:var(--line);letter-spacing:.04em;align-content:center;justify-items:center;gap:8px;min-width:0;min-height:82px;padding:10px 6px;font-size:9px;display:grid;position:relative}.theme-options button:last-child{border-right:0}.theme-options button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--ink)}.theme-options button:hover{background:color-mix(in srgb, var(--ink) 8%, var(--paper))}.theme-check{height:14px;position:absolute;top:5px;right:5px}.theme-preview{border:1px solid var(--rule);background:#fff;width:33px;height:22px;display:flex}.theme-preview i{width:50%}.theme-preview-dark,.theme-preview-system i:last-child{background:#1b1c1e}.appearance-dialog footer{border-top:var(--line);letter-spacing:.05em;color:var(--muted);padding:15px 24px;font-size:8px;line-height:1.6}:root[data-theme=dark] .topbar,:root[data-theme=dark] .tool-panel,:root[data-theme=dark] .status-panel,:root[data-theme=dark] :is(.tool-button,.draw-mode,.status-actions .export){background:#202124}:root[data-theme=dark] .tool-button:not(:disabled):hover,:root[data-theme=dark] .tool-button:not(:disabled):focus-visible,:root[data-theme=dark] .status-actions .export:hover,:root[data-theme=dark] .status-actions .export:focus-visible{background:var(--ink);color:var(--paper)}:root[data-theme=dark] .draw-mode.is-selected{background:#313338}:root[data-theme=dark] :is(.tool-button:disabled,.export-options>button:disabled,.canvas-zoom-controls button:disabled){color:#a2a4a9}:root[data-theme=dark] .footer-hint,:root[data-theme=dark] .status-block>span{color:var(--muted)}.present-controls button:disabled{color:#9b9b9b;border-right-style:dashed}@media (width<=400px){.appearance-dialog>header{padding:14px 16px}.appearance-dialog fieldset{margin:22px 16px}.ink-palette{grid-template-columns:repeat(3,1fr);gap:8px}.ink-swatch{min-height:68px}.appearance-dialog footer{padding-inline:16px}}@media (width>=1201px){.workspace{container-type:size}}@media (width<=1200px){:root{--topbar-height:116px;--sizeline-peek:clamp(126px, 18dvh, 176px)}.topbar{grid-template-rows:66px 50px;grid-template-columns:300px minmax(0,1fr)}.brand{padding-top:8px;padding-bottom:8px}.brand img{max-height:45px}.project-title{border-left:var(--line)}.topbar nav{border-top:var(--line);grid-column:1/-1;justify-content:center}.topbar nav button{min-width:88px;font-size:11px}.topbar nav button.is-active:after{bottom:9px}.workspace{height:max(560px, calc(100dvh - var(--topbar-height) - var(--sizeline-peek)));grid-template-rows:minmax(0,1fr) 104px;grid-template-columns:224px minmax(0,1fr)}.tool-panel{grid-row:1}.tool-panel h2{padding:0 20px 14px}.tool-list{gap:7px;padding-inline:14px}.tool-button{height:68px;padding-inline:5px 20px}.ink-control{min-height:0;padding-inline:12px}.draw-mode-options{gap:3px}.draw-mode b{font-size:7px}.ink{width:37px;height:37px}.canvas-stage{grid-row:1}.status-panel{border-top:var(--line);border-left:0;grid-area:2/1/auto/-1;grid-template-columns:1.12fr 1fr .9fr 1.8fr;display:grid}.status-block{border-right:var(--line);border-bottom:0;min-width:0;padding:15px 17px}.status-block>span{margin-bottom:7px;font-size:9px}.status-block strong{font-size:clamp(26px,4vw,34px)}.status-block b{font-size:13px}.status-actions{grid-template-columns:1.6fr .8fr;align-content:center;margin:0;padding:12px}.status-actions .commit,.status-actions button{min-height:54px}}@container (width>=1201px) and (height<=700px){.tool-panel{padding-top:16px;overflow:hidden}.tool-panel h2{padding:0 20px 12px}.tool-list{gap:10px;padding:0 20px 14px}.tool-button{grid-template-rows:28px auto;height:78px}.tool-button>svg{width:24px;height:24px}.ink-control{min-height:0;padding:14px 18px 16px}.draw-mode{min-height:72px}.ink{width:40px;height:40px}}@media (width<=760px){:root{--topbar-height:108px;--page-pad:18px}.topbar{grid-template-rows:60px 48px;grid-template-columns:minmax(210px,1fr) minmax(180px,.8fr)}.brand{padding-left:16px}.brand img{width:min(100%,230px);max-height:39px}.project-title{padding-inline:14px;font-size:9px}.topbar nav{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.topbar nav button{flex:none;min-width:auto;padding:0 11px;font-size:10px}.workspace{flex-direction:column;height:auto;display:flex}.canvas-stage{order:1;width:100%;height:min(82vw + 42px,602px);min-height:362px;padding:20px}.pixel-canvas.is-interactive{width:min(520px,100cqi - 40px,100cqb - 40px)}.status-panel{border-top:var(--line);order:2;grid-template-columns:1fr 1fr .75fr;display:grid}.status-block{min-height:84px;padding:14px}.status-block:nth-child(3){border-right:0}.status-block strong{font-size:clamp(25px,7vw,34px)}.status-block b{font-size:11px}.status-actions{border-top:var(--line);grid-column:1/-1;grid-template-columns:1.7fr .8fr}.tool-panel{border-top:var(--line);border-right:0;order:3;padding-top:16px}.tool-panel h2{padding-inline:18px}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 18px 16px}.tool-button{height:66px}.ink-control{grid-template-columns:110px minmax(0,1fr);align-items:center;margin:0;padding:14px 18px;display:grid}.draw-mode-options{margin:0}.draw-mode{min-height:68px}.sizeline{height:206px}.sizeline-header{height:31px;padding-top:9px}.sizeline-header h2{padding-top:2px}.sizeline-header p{gap:7px;font-size:8px}.sizeline-header p span{font-size:7px}.sizeline-scroll{height:175px}.sizeline-track{gap:22px;padding-top:0}.thumbnail{width:96px;height:155px}.thumbnail-frame{max-width:98px;max-height:98px}.footer-hint{height:42px;font-size:8px}.export-dialog>header,.delete-dialog>header,.library-dialog>header{min-height:108px;padding:20px}.export-danger-zone{grid-template-columns:1fr}.export-danger-zone button{justify-self:start}.delete-warning{padding:22px}.delete-warning-actions{grid-template-columns:1fr}.delete-warning-actions .primary-action{grid-column:auto}.delete-challenge{padding:22px}.challenge-grids{gap:24px}.confirmation-grid{width:150px;height:150px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid .thumbnail{min-height:220px;padding:18px}.library-row{grid-template-columns:1fr;gap:12px}.library-row-actions{justify-content:flex-start}.archive-preview{grid-template-columns:1fr}.archive-import-confirm{justify-self:start}.storage-notice{flex-direction:column;align-items:flex-start}.storage-notice-actions{justify-content:flex-start}}@media (width<=520px){.topbar{grid-template-columns:1fr}.brand{justify-content:center;padding-inline:18px}.brand img{object-position:center}.project-title{display:none}.canvas-stage{height:min(100vw,500px);min-height:300px}.status-panel{grid-template-columns:1.15fr 1fr}.status-block{border-right:var(--line)}.status-block:nth-child(2){border-right:0}.status-saved{border-top:var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;min-height:50px;display:flex;border-right:0!important}.status-saved>span{margin:0}.status-actions{grid-template-columns:1fr}.status-actions .export{min-height:44px}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button span{font-size:9px}.ink-control{grid-template-columns:1fr;gap:8px}.draw-mode-options{width:100%}.draw-mode{min-height:70px}.footer-hint span:first-child{max-width:180px}.dialog-backdrop{padding:10px}.export-dialog,.delete-dialog,.library-dialog{max-height:calc(100dvh - 20px)}.export-dialog h2,.delete-dialog h2,.library-dialog h2{font-size:30px}.export-options>button{grid-template-columns:30px minmax(0,1fr) auto;padding-inline:16px}.export-options small{font-size:9px}.challenge-grids{gap:14px}.confirmation-grid{width:min(39vw,150px);height:min(39vw,150px)}.delete-challenge{padding-inline:16px}.delete-final-actions button{font-size:10px}.present-art{width:min(82vw,58vh)}.present-controls button{min-width:60px;padding-inline:9px}.present-controls .present-play{min-width:150px}.library-create,.library-import{grid-template-columns:1fr;padding-inline:16px}.library-create>button,.library-file-picker{width:100%}.library-row{padding-inline:16px}.library-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.library-rename{grid-template-columns:1fr 1fr}.library-rename label{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important}.pixel-canvas-transform{transition:none!important}}