@charset "UTF-8";:root{color-scheme:light;--ink: #191b17;--paper: #f7f5ee;--accent: #cbeab4;--soft: #e7e4d9;--warn: #f6d7cc;font-family:-apple-system,BlinkMacSystemFont,Yu Gothic UI,Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select{font:inherit;color:inherit}button,select,input:not([type=range]){min-height:44px}button{border:1.5px solid var(--ink);border-radius:5px;background:#fff;font-weight:650;padding:.45rem .7rem;cursor:pointer;-webkit-tap-highlight-color:transparent}button:active,button[aria-pressed=true]{background:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #417e38;outline-offset:2px}input:not([type=range]),select{border:1px solid #77796e;background:#fff;border-radius:4px;padding:.3rem .5rem}input[type=range]{accent-color:#386b2d;min-width:0}p,h1,h2{margin:0}.primary{background:var(--accent)}.danger{background:var(--warn)}.small{font-size:.85rem}.muted{color:#585a50;font-size:.82rem;line-height:1.6}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.stack{display:grid;gap:.7rem}.stack form{min-width:0}.stack label>input:not([type=range]){display:block;width:100%;margin-top:.35rem}.welcome{position:relative;display:grid;place-items:center;max-width:540px;min-height:100vh;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:62px 5% 26px}.welcome-back{position:absolute;top:10px;left:5%}.welcome-grid{display:grid;width:100%;gap:clamp(12px,3vh,26px)}.choice{min-height:clamp(114px,34dvh,300px);border:3px solid var(--ink);border-radius:1px;box-shadow:4px 4px 0 var(--ink);font-size:clamp(1.25rem,6vw,2.55rem);font-weight:800}.choice:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.library{max-width:630px;min-height:80vh;margin:0 auto;padding:14px}.library-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin-bottom:14px}.library-header>button:first-child{justify-self:start}.library-header>button:last-child{justify-self:end}.library-header h1{font-size:1.2rem}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work{position:relative;min-width:0}.work-title{width:100%;display:grid;gap:8px;padding:7px;text-align:left;overflow-wrap:anywhere}.work-title[aria-pressed=true]{outline:2px solid #46773c}.work-more{position:absolute;right:10px;top:10px;min-width:44px;background:#fffffff2}.preview-canvas{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated}.checker-bg,.checker .viewport{background-color:#fff;background-image:conic-gradient(#ddd 25%,#fff 0 50%,#ddd 0 75%,#fff 0);background-size:16px 16px}.selection{margin-bottom:14px}.library-footer{margin-top:20px;border-top:1px solid #cbc7b7;padding-top:14px}.empty-state{text-align:center;padding:38px 8px}.empty-state p{margin-bottom:14px}.editor{--editor-width: min(100%, 520px, max(235px, 54dvh));width:var(--editor-width);margin:0 auto;padding:6px 8px 12px}.editor-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px}.editor-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.save-status{max-width:55%;color:#3f5b35;font-size:.72rem;line-height:1.2;overflow-wrap:anywhere}.viewport{width:100%;aspect-ratio:1;position:relative;border:4px solid var(--ink);overflow:hidden;background-color:#fff;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.surface{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.art{width:100%;height:100%;display:block;image-rendering:pixelated}.pixel-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#3332 .5px,transparent .5px),linear-gradient(to bottom,#3332 .5px,transparent .5px);background-size:var(--cell) var(--cell)}.cross{position:absolute;pointer-events:none;filter:drop-shadow(0 0 1px #fff)}.horizontal{width:100%;top:var(--y);border-top:1px dashed #242621}.vertical{height:100%;left:var(--x);border-left:1px dashed #242621;top:0}.cell{left:var(--x);top:var(--y);width:var(--cell);height:var(--cell);border:1px solid #222a;transform:translate(-50%,-50%)}.target-hint{position:absolute;left:5px;bottom:5px;background:#fffffff0;padding:3px 5px;font-size:.72rem;pointer-events:none}.tools{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:clamp(24.5px,calc(3.9dvh + 2.5px),40px);border-top:2px solid var(--ink);padding-top:7px;margin-top:8px}.tools button{grid-column:span 2;grid-row:span 2;margin:2.5px;min-height:0;position:relative;padding:0;font-size:clamp(1.5rem,6.7vw,2.65rem);border:2px solid var(--ink);border-radius:2px;line-height:1;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}.tools button[data-size=large]{grid-column:span 4;grid-row:span 4;font-size:clamp(2.5rem,12vw,4.75rem)}.tools button[data-size=small]{grid-column:span 1;grid-row:span 1;margin:1.25px;font-size:clamp(.85rem,3.35vw,1.325rem)}.tools button[data-size=small] .ink{width:6px;height:6px;right:1px;bottom:1px}.ink{position:absolute;width:11px;height:11px;right:4px;bottom:4px;border-radius:50%;border:1px solid #777}.reorder .dragging{opacity:.55}.reorder .drop{box-shadow:inset 0 0 0 3px #4c843e}@media(orientation:landscape)and (min-width:540px){.editor{width:min(850px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,1fr);align-items:start;gap:6px 10px}.editor-bar{grid-column:1 / -1}.viewport{width:min(100%,max(150px,calc(100dvh - 80px)));justify-self:end}.tools{margin-top:0}}dialog{color:var(--ink);background:#faf9f3;border:2px solid var(--ink);border-radius:10px;padding:12px;width:min(calc(100% - 16px),520px);max-width:none;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:4px 4px #15181380;overflow:auto}dialog::backdrop{background:#15181360}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.panel-head h2{font-size:1.1rem;overflow-wrap:anywhere}.settings-summary p{margin-top:4px}.crop-preview{position:relative;width:min(70%,240px);margin:auto}.crop-boundary{position:absolute;top:0;left:0;border:2px solid #275f22;box-shadow:0 0 0 100vmax #2c141373}.crop-preview{overflow:hidden}.file-name{overflow-wrap:anywhere}#notice,.dialog-notice{border:1px solid #444b3c;border-radius:6px;background:#262d23;color:#fff;padding:10px 13px;font-size:.88rem}#notice{position:fixed;z-index:10;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:92vw;pointer-events:none}.dialog-notice{position:sticky;bottom:0;margin-top:9px;pointer-events:none}.layer-list{display:grid;gap:8px}.layer{border:1px solid #898c80;padding:8px;border-radius:4px;display:grid;gap:6px}.selected-layer{border:2px solid #2e4e29;padding:7px}.layer-pick{display:flex;align-items:center;text-align:left;gap:8px;overflow-wrap:anywhere;min-width:0}.layer-pick canvas{width:42px;flex:0 0 42px}.layer-actions button{font-size:.82rem;min-width:44px}.opacity{display:flex;align-items:center;gap:8px;font-size:.84rem}.opacity input{flex:1}.color-dialog{margin:auto auto max(12px,env(safe-area-inset-bottom));background:#f8f8f1fa}.color-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;align-items:start}.color-inputs{display:grid;gap:4px;min-width:0}.channel{display:grid;grid-template-columns:1.4rem 2.3rem 24px minmax(22px,1fr) 24px;align-items:center;gap:2px;font-size:.75rem}.channel button{padding:0;min-height:34px}.channel input[type=number]{min-width:0;min-height:36px;padding:0;text-align:center;appearance:textfield}.channel input::-webkit-inner-spin-button{appearance:none}.channel input[type=range]{width:100%;margin:0}.color-meta{display:flex;align-items:center;gap:5px}.hex{width:6.4rem;max-width:67%;font-family:monospace}.preview{display:grid;height:32px;flex:1;border:1px solid #666;border-radius:4px;overflow:hidden}.hue-wheel{width:min(100%,190px);aspect-ratio:1;justify-self:center;margin-top:5px;position:relative;border-radius:50%;touch-action:none;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue-wheel:before{content:"";position:absolute;inset:14%;border-radius:50%;background:#e8e6dd;pointer-events:none}.sv-square{position:absolute;top:50%;left:50%;width:47%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);background-image:linear-gradient(0deg,black,transparent),linear-gradient(90deg,white,transparent);touch-action:none}.hue-cursor,.sv-cursor{position:absolute;pointer-events:none;width:12px;height:12px;border:2px solid white;outline:1px solid #222;border-radius:50%;transform:translate(-50%,-50%)}.palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;align-items:center}.palette .swatch{position:relative;display:grid;width:100%;aspect-ratio:1;min-height:0;padding:0;overflow:hidden;border-radius:50%;border:1px solid #35372e;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.palette .swatch>span{position:absolute;inset:0;pointer-events:none}.palette .swatch:disabled{opacity:1;background:#f3f0e5;border-style:dashed}.palette-close{grid-column:4 / 6;grid-row:6 / 8;min-height:40px;padding:0}.palette-help{grid-column:1 / -1}@media(max-width:345px){.color-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:5px}.channel{grid-template-columns:1.15rem 1.9rem 20px minmax(18px,1fr) 20px}}