:root{font-family:system-ui,-apple-system,sans-serif;color-scheme:light;background:#f3f5f8;color:#152235}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;padding:12px 24px;background:#172b48;color:white}header a{color:#bde3ff}header h1{font-size:1.2rem;margin:0;flex:1}main{max-width:1500px;margin:auto;padding:16px}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0}.tools button,.upload{border:1px solid #aab8c9;background:white;border-radius:7px;padding:9px 12px;cursor:pointer;color:#152235}.tools button:focus-visible,.upload:focus-within{outline:3px solid #4b91e2}.tools button:hover{background:#e9f4ff}.upload{background:#e0f2ff}.upload input{display:none}.tools label{display:inline-flex;align-items:center;gap:5px}.tools input[type=number]{width:78px;padding:7px;border:1px solid #aab8c9;border-radius:5px}.tools input[type=range]{width:95px}#workspace{background:repeating-conic-gradient(#e5e9ee 0% 25%,#f9fafb 0% 50%) 50%/20px 20px;overflow:auto;min-height:320px;max-height:72vh;border:1px solid #c4ceda;border-radius:8px;padding:20px;touch-action:pan-x pan-y}canvas{display:block;max-width:none;box-shadow:0 5px 22px #26374a36;touch-action:none;cursor:crosshair}#status{min-height:1.4em;color:#42546a}@media(max-width:640px){header{padding:12px}main{padding:10px}.tools button,.upload{padding:8px}#workspace{padding:8px}}