:root{color-scheme:dark;--ink:#f7f4ed;--muted:rgba(247,244,237,.68);--line:rgba(247,244,237,.16);--accent:#d7b46a;--danger:#b85642}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#11130f;color:var(--ink);overflow:auto}button,input{font:inherit}.craft-shell{min-height:100svh;padding:clamp(10px,1.5vw,22px);background:radial-gradient(circle at 50% 22%,rgba(246,219,161,.14),transparent 26rem),linear-gradient(145deg,#191916 0%,#2a2822 46%,#10120f 100%)}.station-surface{position:relative;width:min(100%,calc((100svh - clamp(20px,3vw,44px))*1.7779));aspect-ratio:1672/941;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#10120f;box-shadow:0 28px 70px rgba(0,0,0,.45)}.station-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none}.surface-light{position:absolute;top:-14%;left:50%;width:58%;height:42%;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,rgba(255,238,196,.18),transparent 64%);filter:blur(8px)}.mode-bar{position:absolute;top:2.4%;left:2%;right:2%;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 4px;font-size:.72rem;font-weight:800;color:var(--accent);text-transform:uppercase}h1,h2{margin:0}h1{font-size:clamp(1.4rem,2.8vw,3.1rem);line-height:.95}.mode-status{min-width:164px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:rgba(14,15,14,.54);text-align:right;backdrop-filter:blur(16px)}.mode-status span,.mode-status strong{display:block}.mode-status span{color:var(--muted);font-size:.82rem}.mode-status strong{margin-top:2px;font-size:1rem}.tool-rail{position:absolute;top:12%;bottom:12%;z-index:9;display:grid;grid-template-columns:1fr;align-content:start;gap:clamp(5px,.58vw,9px);width:clamp(112px,10.6vw,168px);overflow:auto;padding:6px;scrollbar-width:thin}.left-rail{left:.7%}.right-rail{right:.7%}.png-tool{position:relative;width:100%;aspect-ratio:300/94;padding:0;border:1px solid transparent;border-radius:8px;background:rgba(9,11,10,.42);cursor:pointer;transition:transform .18s ease,border-color .18s ease,filter .18s ease,background .18s ease}.png-tool img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.38))}.png-tool:hover,.png-tool:focus-visible,.png-tool.is-active{border-color:rgba(215,180,106,.72);background:rgba(215,180,106,.1);filter:saturate(1.08);transform:translateY(-1px) scale(1.015);outline:none}.danger-tool.is-active,.danger-tool:hover,.danger-tool:focus-visible{border-color:rgba(184,86,66,.82);background:rgba(184,86,66,.12)}.missing-tool{opacity:.55;border-style:dashed}.missing-label{display:grid;place-items:center;width:100%;height:100%;padding:0 8px;color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.canvas-stage{position:absolute;left:24%;top:43%;width:40.4%;height:25.8%;z-index:3;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(12,29,23,.1)}#paintCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-readout{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;pointer-events:none}.canvas-readout span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.42);color:var(--muted);font-size:.78rem}.bottom-dock{position:absolute;right:1.5%;bottom:1.8%;left:1.5%;z-index:8;display:grid;grid-template-columns:minmax(210px,1fr) minmax(160px,220px) auto auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(14,15,14,.56);backdrop-filter:blur(18px)}.colour-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.swatch{width:34px;height:34px;border:2px solid rgba(255,255,255,.18);border-radius:999px;background:var(--swatch);box-shadow:inset 0 5px 12px rgba(255,255,255,.25),0 8px 16px rgba(0,0,0,.26);cursor:pointer}.swatch.is-selected{border-color:var(--accent);outline:2px solid rgba(215,180,106,.3)}.size-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:var(--muted);font-size:.86rem}.size-control input{accent-color:var(--accent)}.text-action,.sheet-close{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.06);color:var(--ink);cursor:pointer}.text-action{min-height:42px;padding:0 16px}.tool-sheet{width:min(420px,calc(100vw - 32px));border:1px solid var(--line);border-radius:8px;background:rgba(14,15,14,.95);color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.55)}.tool-sheet::backdrop{background:rgba(0,0,0,.42)}.tool-sheet p:last-child{color:var(--muted);line-height:1.45}.sheet-close{position:absolute;top:10px;right:10px;width:30px;height:30px}.bench-drawer-bar{position:absolute;right:1.5%;bottom:10.5%;left:1.5%;z-index:10;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.drawer-link{display:grid;min-height:42px;place-items:center;padding:8px 10px;border:1px solid rgba(215,180,106,.38);border-radius:8px;background:rgba(11,18,14,.68);color:var(--ink);font-size:clamp(.72rem,.78vw,.88rem);font-weight:800;text-align:center;text-decoration:none;box-shadow:0 14px 30px rgba(0,0,0,.28)}.drawer-link:hover,.drawer-link:focus-visible{border-color:rgba(215,180,106,.86);background:rgba(36,49,34,.82);outline:none}@media(max-width:900px){.craft-shell{padding:0}.station-surface{width:920px;max-width:none;border:0;border-radius:0}.tool-rail{display:none}.bottom-dock{grid-template-columns:1fr;left:1%;right:1%;bottom:1%}.bench-drawer-bar{bottom:22%;grid-template-columns:repeat(2,minmax(0,1fr))}}