:root{--bg0:#15181c;--bg1:#1e2227;--bg2:#2a2f36;--bg3:#39414a;--line:#0b0d0f;--line-hi:#525c66;--text:#fff;--text-dim:#b9c2ca;--text-faint:#7e8891;--accent:#ee4c63;--accent-hi:#ef6562;--accent-dim:#5a2230;--sel:#33a3b9;--teal:#33a3b9;--teal-mid:#51c0c7;--teal-hi:#8cd3d7;--mono:"Minecraftia", ui-monospace, Menlo, Consolas, monospace;--sans:"Minecraftia", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg0);color:var(--text);font-family:var(--sans);margin:0;font-size:12px;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}.menubar{background:var(--bg1);border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:2px;height:28px;padding:0 8px;display:flex}.menubar .logo{font-family:var(--mono);color:var(--accent-hi);letter-spacing:1px;margin-right:10px;font-size:13px;font-weight:700}.menubar .logo:before{content:"〜";color:var(--teal-mid);margin-right:6px}.workspace{flex:1;min-height:0;display:flex}.toolbox{background:var(--bg1);border-right:1px solid var(--line);flex-direction:column;flex:none;align-items:center;gap:4px;width:46px;padding:6px 0;display:flex}.tool{background:var(--bg2);width:34px;height:34px;color:var(--text-dim);border:1px solid var(--line);border-top-color:var(--line-hi);border-left-color:var(--line-hi);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.tool:hover{color:var(--text);background:var(--bg3)}.tool:focus-visible{outline:1px solid var(--teal-mid);outline-offset:1px}.toolbox .zoom-label{font-family:var(--mono);color:var(--text-dim);font-size:10px}.stage{background:repeating-conic-gradient(#22262c 0% 25%,#1b1f24 0% 50%) 0 0/16px 16px;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:auto}.stage.dragover{outline:2px dashed var(--accent-hi);outline-offset:-6px}.menubar{align-items:center;display:flex;position:relative}.menubar:after{content:"";background:linear-gradient(90deg, transparent, var(--teal-mid) 15%, var(--accent) 50%, var(--teal-mid) 85%, transparent);opacity:.6;pointer-events:none;height:3px;position:absolute;bottom:-3px;left:0;right:0}.disclaimer{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:10px;font-style:italic;overflow:hidden}.key{font-family:var(--mono);color:var(--teal-hi);border:1px solid var(--teal);border-radius:3px;justify-content:center;align-items:center;margin-left:4px;padding:0 5px;font-size:10px;line-height:1.6;display:inline-flex}.btn .key{border-color:currentColor}.stage canvas{image-rendering:pixelated;box-shadow:0 0 0 1px var(--line), 6px 6px 0 #00000059;cursor:crosshair;background:#000}.stage .hint{text-align:center;color:var(--text-dim);pointer-events:none;font-size:13px;position:absolute;inset:auto 0 18px}.stage .hint b{color:var(--text)}.dock{background:var(--bg1);border-left:1px solid var(--line);flex:none;width:236px;padding:0 0 12px;overflow-y:auto}.dock section{border-bottom:1px solid var(--line);padding:8px 10px}.dock h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);margin:0 0 6px;font-size:10px;font-weight:700}.dock .row{align-items:center;gap:6px;margin:4px 0;display:flex}.dock label{flex:auto;min-width:0}.dock output{font-family:var(--mono);color:var(--text-dim);text-align:right;flex:none;min-width:38px;font-size:11px}.dock select{background:var(--bg0);color:var(--text);border:1px solid var(--line);font:inherit;width:100%;min-width:0;padding:3px 4px}.dock input[type=range]{min-width:0;accent-color:var(--teal-mid);flex:auto}.slider{margin:6px 0}.slider-head{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.slider-head output{font-family:var(--mono);color:var(--text-dim);text-align:right;font-size:11px}.slider input[type=range]{width:100%;margin:0;padding:0;display:block}.slider select{width:100%;margin:0;display:block}.dock input[type=color]{border:1px solid var(--teal);background:var(--bg0);cursor:pointer;flex:none;width:30px;height:22px;padding:0}.sizegrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.sizegrid button{background:var(--bg2);color:var(--text-dim);border:1px solid var(--line);font-family:var(--mono);cursor:pointer;padding:4px 0;font-size:10px}.sizegrid button:hover{color:var(--text);background:var(--bg3)}.sizegrid button.active{background:var(--accent-dim);color:#fff;border-color:var(--accent)}.sizegrid button:focus-visible{outline:1px solid var(--teal-mid);outline-offset:1px}.check{cursor:pointer;align-items:center;gap:6px;display:flex}.check input{accent-color:var(--teal-mid)}.samples{flex-wrap:wrap;gap:4px;display:flex}.samples button{background:var(--bg2);border:1px solid var(--line);cursor:pointer;width:52px;height:52px;padding:0;overflow:hidden}.samples button:hover{border-color:var(--line-hi)}.samples button.active{border-color:var(--teal-mid);box-shadow:0 0 0 1px var(--teal-mid)}.samples img{object-fit:cover;width:100%;height:100%;display:block}.dims{font-family:var(--mono);color:var(--teal-hi);font-size:12px}.btn{background:var(--accent-dim);color:#fff;border:1px solid var(--accent);border-top-color:var(--accent-hi);border-left-color:var(--accent-hi);width:100%;font:inherit;cursor:pointer;margin-top:6px;padding:7px 0;font-weight:700;display:block}.btn:hover{background:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:var(--bg2);border-color:var(--line);color:var(--text);font-weight:400}.btn.ghost:hover{background:var(--bg3)}.statusbar{background:var(--bg1);border-top:1px solid var(--line);height:24px;font-family:var(--mono);color:var(--text-dim);-webkit-user-select:none;user-select:none;flex:none;align-items:center;font-size:11px;display:flex;overflow-x:auto}.statusbar span{border-right:1px solid var(--line);white-space:nowrap;padding:0 10px}.statusbar .ok{color:var(--teal-hi)}#crop-adjust.active,#border-pick.active{background:var(--accent-dim);color:#fff;border-color:var(--accent)}