:root{--ink:#17241d;--paper:#fff0c9;--deep:#10271d;--jade:#245a3b;--mint:#83c875;--gold:#f3bd54;--red:#bd5738;--water:#4dcfd0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--deep);overflow:hidden}button,input,a{font:inherit;color:inherit}button,a{cursor:pointer}.bar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--gold);border-bottom:4px solid var(--ink)}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand i{width:42px;height:42px;display:grid;place-items:center;border:3px solid var(--ink);background:var(--water);font-weight:900;font-size:22px;font-style:normal}.brand b,.brand small{display:block}.brand small{font-size:10px;opacity:.68}.actions{display:flex;gap:6px;align-items:center;overflow-x:auto}.actions button,.actions a{white-space:nowrap;border:2px solid var(--ink);background:var(--paper);padding:7px 10px;font-size:11px;font-weight:900;text-decoration:none}.actions .primary{background:var(--jade);color:white}.shell{height:calc(100vh - 66px);display:grid;grid-template-columns:286px minmax(0,1fr)}.tools{overflow-y:auto;padding:12px;background:#f3e4b9;border-right:4px solid var(--ink)}.tools section{padding-bottom:14px;margin-bottom:14px;border-bottom:2px dashed #7b7d69}.tools h2{font-size:14px;margin:0 0 8px}.tools p{font-size:10px;color:#58645d;margin:0 0 9px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool{min-height:58px;border:2px solid var(--ink);background:white;font-weight:900;font-size:19px}.tool span{display:block;font-size:9px}.tool.active,.asset.active{background:var(--mint);box-shadow:3px 3px 0 #0004}.library{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.asset{min-height:84px;padding:4px;border:2px solid var(--ink);background:#fff8df}.asset img{width:100%;height:58px;object-fit:contain;image-rendering:pixelated}.asset span{display:block;font-size:8px;font-weight:900}.selection,.files{display:grid;grid-template-columns:1fr 1fr;gap:6px}.selection button,.files button{border:2px solid var(--ink);background:white;padding:7px 4px;font-size:10px;font-weight:900}.selection .danger{background:#f1a486}.files label{grid-column:1/-1;font-size:10px;font-weight:900;padding:5px}.workspace{min-width:0;display:grid;grid-template-rows:48px minmax(0,1fr) 34px;background:#18392b}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:#fff8df;border-bottom:3px solid var(--ink);font-size:11px}.workspace-top span{margin-left:12px;color:#68736c}.workspace-top label{display:flex;align-items:center;gap:7px;font-weight:900}.workspace-top input{width:130px}.scroller{overflow:auto;padding:28px;background:radial-gradient(circle,#37644e,#10271d 75%);touch-action:none}.canvas-wrap{position:relative;width:1075px;height:717px;margin:auto;box-shadow:12px 14px 0 #0006}.canvas-wrap.grid:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:32px 32px}.canvas-wrap canvas{display:block;width:100%;height:100%;border:4px solid var(--ink);image-rendering:pixelated;cursor:crosshair;background:#254936}.help{display:flex;align-items:center;padding:0 12px;background:var(--ink);color:#e8e0c7;font-size:9px}.toast{position:fixed;right:18px;bottom:18px;z-index:20;padding:10px 14px;border:3px solid var(--ink);background:var(--gold);font-weight:900;font-size:11px;box-shadow:5px 5px 0 #0006}
@media(max-width:820px){body{overflow:auto}.bar{height:auto;align-items:flex-start;flex-direction:column}.actions{width:100%}.shell{height:auto;grid-template-columns:1fr}.tools{border-right:0;border-bottom:4px solid var(--ink);overflow:visible}.tool-grid,.library{grid-template-columns:repeat(5,1fr)}.workspace{min-height:72vh}.canvas-wrap{margin:0}.scroller{padding:14px}.help{min-height:34px}}
.base-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}.base-choices label{border:2px solid var(--ink);background:white;padding:8px 5px;font-size:10px;font-weight:900}.reset-blank{width:100%;border:2px solid var(--ink);background:var(--red);color:white;padding:8px;font-size:10px;font-weight:900}
.range-controls{display:flex;align-items:center;gap:15px}.range-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap}.range-controls input{width:110px}.range-controls output{min-width:30px}
.place-copy{display:grid;gap:7px;margin-bottom:8px}.place-copy label{display:grid;gap:3px;font-size:9px;font-weight:900}.place-copy input,.place-copy textarea{width:100%;border:2px solid var(--ink);background:#fffdf4;padding:7px;font-size:10px;resize:vertical}.place-copy :disabled{opacity:.45}
@media(max-width:820px){.workspace-top{align-items:flex-start;flex-direction:column;height:auto}.range-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.range-controls input{width:90px}}