:root{--night:#12160f;--frame:#1d2b23;--paper:#f3ead8;--ink:#2a231a;--maple:#b5542a;--edge:#4c6b58;--raised:#2f4437}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--frame);min-height:100%;color:var(--paper);padding:0 14px calc(28px + env(safe-area-inset-bottom));overscroll-behavior-y:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}#top{border-bottom:1px solid #f3ead81f;align-items:baseline;gap:10px;margin-bottom:14px;padding:14px 0 10px;display:flex}#top a{color:var(--maple);font-weight:700;text-decoration:none}#here{opacity:.7;font-size:11px}main{max-width:720px;margin:0 auto}h1{letter-spacing:.4px;margin-bottom:4px;font-size:17px}h2{letter-spacing:.8px;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:12px}p{margin-bottom:8px}.lede,.where,.guidance,.quiet{opacity:.8;font-size:12px}.quiet{opacity:.65}.guidance{color:#e0c08f;opacity:.95}.link,a.link{color:var(--maple)}.masthead{margin-bottom:14px}.appcard{background:var(--night);border:1px solid var(--edge);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:14px;padding:8px 12px;display:flex}.appcard p{flex:220px;margin:0}.appcard .row{flex:none;margin:0}.cards{flex-direction:column;gap:10px;margin-bottom:22px;list-style:none;display:flex}.cards a{background:var(--night);border:2px solid var(--edge);color:inherit;border-radius:6px;padding:12px 14px;text-decoration:none;display:block}.cards a:hover,.cards a:focus-visible{border-color:var(--maple)}.cards strong{color:var(--maple);margin-bottom:2px;font-size:14px;display:block}.cards .quiet{display:block}.tag{border:1px solid var(--edge);opacity:.85;border-radius:20px;margin-top:6px;padding:1px 9px;font-size:11px;display:inline-block}.tag.painted{border-color:var(--maple);color:#e0a171}.frame{background:var(--night);border:2px solid var(--edge);border-radius:6px;margin-bottom:6px;overflow:hidden}.framebar{border-bottom:1px solid #f3ead81f;align-items:center;gap:6px;padding:4px 6px;display:flex}.framebar button{min-height:34px;padding:6px 10px}.framespacer{flex:auto}.stage{background:var(--night);height:42vh;min-height:220px;padding:4px;display:flex;overflow:auto}.canvasstack{flex-direction:column;flex:none;align-items:center;gap:4px;margin:auto;display:flex}#view{image-rendering:pixelated;touch-action:none;flex:none;display:block}#gesturenote{margin:-2px 0 10px}.zoomlevel{font-variant-numeric:tabular-nums;text-align:center;min-width:26px}#markers{touch-action:none;cursor:grab;flex:none;display:block}#markers:active{cursor:grabbing}.row.marker{gap:6px}.marker-key{border:1px solid #00000073;border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.marker-name{min-width:52px;font-size:12px}.marker-where{opacity:.85;text-align:center;min-width:58px;font-size:11px}#markernote{margin:-2px 0 12px}.statusline{opacity:.8;min-height:20px;margin-bottom:12px;font-size:11px}#guidenote{margin-top:-2px}.preview{margin-bottom:18px}.preview canvas{image-rendering:pixelated;border:2px solid var(--edge);border-radius:6px;max-width:100%;margin-bottom:6px;display:block}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}button,.button{color:var(--paper);background:var(--raised);border:2px solid var(--edge);cursor:pointer;touch-action:manipulation;border-radius:5px;align-items:center;gap:6px;min-height:40px;padding:9px 11px;font-family:inherit;font-size:12px;text-decoration:none;display:inline-flex}button:disabled{opacity:.4;cursor:default}button.on{background:var(--maple);border-color:#e0a171}button.primary{background:var(--maple);border-color:#e0a171;font-weight:700}kbd{opacity:.55;border:1px solid #f3ead84d;border-radius:3px;padding:0 3px;font-family:inherit;font-size:10px}@media (pointer:coarse),(width<=719px){kbd{display:none}}.rows{align-items:baseline}.rows .quiet{flex:100%}.palettebar{align-items:center;gap:6px}.recents{flex-wrap:wrap;flex:auto;gap:6px;display:flex}.palettebar .swatch{aspect-ratio:auto;flex:none;width:34px;height:34px}.palettebar .swatch.current{border-color:var(--paper);outline:2px solid var(--maple);cursor:default}.palettegroup{margin-bottom:10px}.palettegroup>.quiet{margin-bottom:2px;font-size:11px;display:block}.more{border-left:2px solid var(--edge);margin-bottom:10px;padding-left:8px}.more p:last-child{margin-bottom:0}.sendrow #send{flex:100%;justify-content:center}.village h2{margin-bottom:8px}.palette{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:4px;margin:10px 0 18px;display:grid}.swatch{aspect-ratio:1;border:2px solid #00000059;border-radius:4px;min-height:0;padding:0}.swatch.on{border-color:var(--paper);outline:2px solid var(--maple)}@media (pointer:coarse),(width<=719px){button,.button{min-height:44px}.tool,.size,.toggle,.marker button,.framebar button{justify-content:center;min-width:44px}.palettebar .swatch{width:44px;height:44px}.palette{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.swatch{min-height:44px}}.offscreen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.files,.send{border-top:1px solid #f3ead81f;margin-bottom:18px;padding-top:14px}.elsewhere{border:1px solid #f3ead81f;border-radius:6px;margin-top:14px;padding:10px 12px}.elsewhere summary{cursor:pointer;color:var(--maple);font-weight:700;list-style:none}.elsewhere summary::-webkit-details-marker{display:none}.elsewhere summary:before{content:"▸ "}.elsewhere[open] summary:before{content:"▾ "}.elsewhere-body{margin-top:10px}.elsewhere-body p:last-child{margin-bottom:0}.field{margin-bottom:12px;display:block}.field span{margin-bottom:4px;font-size:12px;display:block}.field input,.field textarea{width:100%;color:var(--paper);background:var(--night);border:2px solid var(--edge);border-radius:5px;padding:10px;font-family:inherit;font-size:14px}.field textarea{resize:vertical;word-break:break-all;line-height:1.5;display:block}.paste{background:var(--night);border:1px solid #f3ead81f;border-radius:6px;margin-top:10px;padding:12px 12px 2px}.paste .field{margin-bottom:10px}.paste .statusline{margin-bottom:8px}.consent{background:var(--night);border:1px solid #f3ead81f;border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px;font-size:12px;line-height:1.55;display:flex}.consent input{width:20px;height:20px;accent-color:var(--maple);flex:none;margin-top:1px}.fallback{background:var(--night);border:1px solid #f3ead81f;border-radius:6px;margin-top:12px;padding:12px 12px 2px}.fallback .address{overflow-wrap:anywhere;margin-bottom:10px;font-size:13px}.fallback .address strong{color:var(--maple);-webkit-user-select:all;user-select:all}.notice{background:var(--night);border:2px solid var(--maple);border-radius:6px;margin-bottom:16px;padding:14px;font-size:12px}.how{opacity:.75;border-top:1px solid #f3ead81f;padding-top:14px;font-size:11px}.loading{opacity:.7}@media (width>=720px){body{font-size:14px}.stage{height:56vh;min-height:320px}}@media (width>=900px){main.editing{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);grid-template-areas:"head head""frame tools""status tools""preview tools""send tools""files files""how how";align-items:start;column-gap:24px;max-width:1000px;display:grid}.editing .masthead{grid-area:head}.editing .frame{grid-area:frame}.editing .statusline#status{grid-area:status}.editing .tools{grid-area:tools}.editing .preview{grid-area:preview}.editing .files{grid-area:files}.editing .send{grid-area:send}.editing .how{grid-area:how}}.cards a{font-size:15px}.cards strong{font-size:17px}.cards .quiet{font-size:14px}.cards .tag{padding:2px 10px;font-size:13px}#app:not(.editing) .masthead h1{font-size:20px}#app:not(.editing) .masthead .lede{font-size:15px}