:root{--ink:#173640;--cream:#fff8df;--coral:#f15b54;--sun:#ffc94d;--mint:#58c6a4;--blue:#3d89d8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#fff1a8 0 9%,transparent 10%),linear-gradient(135deg,#69c9c2,#d7f0c0);color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif}button{font:inherit;font-weight:800;color:inherit;cursor:pointer}.topbar{min-height:72px;padding:10px clamp(14px,3vw,38px);display:flex;align-items:center;gap:16px;background:var(--cream);border-bottom:4px solid var(--ink)}.topbar div{flex:1}.topbar p{margin:0;color:#b24e39;font-size:.72rem;letter-spacing:.15em;font-weight:900}.topbar h1{margin:0;font-size:clamp(1.3rem,3vw,2rem)}.back,#fullscreen{border:2px solid var(--ink);border-radius:999px;padding:9px 14px;background:white;text-decoration:none}.workspace{display:grid;grid-template-columns:minmax(225px,300px) 1fr;gap:clamp(12px,2vw,24px);max-width:1400px;margin:auto;padding:clamp(12px,2.5vw,28px)}.toolbox{align-self:start;background:var(--cream);padding:16px;border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 #245a5e}fieldset{border:0;border-top:2px dashed #8bb4a7;padding:12px 0;margin:0}legend{font-weight:900;padding:0 4px}.template-row,.colour-row,.brush-row,.actions,.request-row{display:flex;flex-wrap:wrap;gap:8px}.template,.actions button,.request-row button,#copy-requests{border:2px solid var(--ink);background:#fff;border-radius:12px;padding:8px 10px}.template.active,.actions button:hover,.request-row button:hover,#copy-requests:hover{background:var(--sun)}.colour{width:32px;height:32px;border:3px solid white;border-radius:50%;outline:2px solid var(--ink)}.colour.active{transform:scale(1.18);outline-width:3px}.brush{width:48px;height:42px;border:2px solid var(--ink);border-radius:12px;background:#fff;display:grid;place-items:center}.brush i{display:block;border-radius:50%;background:var(--ink)}.brush:nth-child(1) i{width:7px;height:7px}.brush:nth-child(2) i{width:15px;height:15px}.brush:nth-child(3) i{width:28px;height:28px}.brush.active{background:var(--mint)}#eraser[aria-pressed=true]{background:#b7dcff}.request-box p{margin:0 0 8px;font-size:.85rem;line-height:1.35}.request-box label{display:block;font-weight:800;margin-bottom:5px}.request-row input{min-width:0;flex:1 1 150px;border:2px solid var(--ink);border-radius:10px;padding:9px;background:#fff}.request-note{color:#47656a}.request-box ul{margin:9px 0;padding-left:22px}.request-box li{margin:4px 0}.request-box li button{margin-left:6px;border:0;background:transparent;text-decoration:underline;color:#275b70}.canvas-shell{min-width:0;background:var(--cream);border:4px solid var(--ink);border-radius:28px;padding:clamp(8px,1.8vw,18px);box-shadow:10px 10px 0 #245a5e}canvas{display:block;width:100%;height:min(70vh,760px);touch-action:none;background:white;border-radius:17px;border:2px solid #d7d0b4}#message{text-align:center;margin:10px 0 0;font-weight:700}.paint-immersive body{height:100vh;overflow:hidden}.paint-immersive .workspace{height:calc(100vh - 72px);max-width:none}.paint-immersive .canvas-shell{height:100%}.paint-immersive canvas{height:calc(100% - 34px)}@media(max-width:720px){.workspace{grid-template-columns:1fr;padding:10px}.toolbox{order:2}.canvas-shell{order:1}.topbar{min-height:62px}.back{font-size:.8rem;padding:8px}.topbar h1{font-size:1.25rem}#fullscreen{padding:8px;font-size:.8rem}canvas{height:min(58vh,560px)}}