.paint-box-entry{margin:0 auto 12px;padding:10px 19px;background:#fff2a5;color:#244660;border:2px solid #fff9d5;border-radius:14px;font-weight:900;box-shadow:0 4px 0 #ac7e42}
.box-painter{position:absolute;inset:0;z-index:45;background:linear-gradient(135deg,#183c62fa,#236b80fc);padding:18px max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:12px;color:white;touch-action:none}
.box-painter[hidden]{display:none}.box-painter header,.box-painter footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.box-painter h2{margin:3px 0;font-size:26px}.box-painter small{font-size:12px;letter-spacing:.12em;color:#98e7ea}.box-painter button{min-height:40px;border:2px solid #8cdce0;border-radius:12px;background:#163d65;color:white;padding:7px 11px;font-weight:800}.box-painter .primary{background:linear-gradient(100deg,#ffaf59,#ff648f);color:#173b54;border-color:#ffe2af;font-size:16px;box-shadow:0 4px 0 #933d6d;min-width:160px}.paint-paper{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.paint-paper canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:8/3;object-fit:contain;background:#f4d6a2;border:3px solid #ffe4a8;border-radius:5px;box-shadow:0 6px 0 #102c4866;touch-action:none;cursor:crosshair}.paint-tools{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap}.paint-palette,.paint-sizes{display:flex;gap:5px}.paint-palette button{width:32px;min-height:32px;padding:0;border:2px solid #ffffff80;border-radius:50%}.paint-palette button[aria-pressed=true]{outline:3px solid white;outline-offset:2px;transform:translateY(-3px)}.paint-sizes button{font-size:12px}.paint-sizes button[aria-pressed=true]{background:#ffe58b;color:#214261}.box-painter footer p{font-size:13px;margin:0;color:#c9edf5}.box-painter button:disabled{opacity:.4}
@media(max-height:550px){.box-painter{padding-top:8px;padding-bottom:10px;gap:7px}.box-painter h2{font-size:21px}.box-painter small{display:none}.paint-palette button{width:28px;min-height:28px}.paint-tools{gap:6px}.paint-sizes button{padding:5px}.box-painter button{min-height:34px}.box-painter footer p{font-size:12px}.paint-box-entry{margin-bottom:8px;padding:6px 14px;font-size:12px}}