:root{color:#2b2019;background:#e7d2ad;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}.sand-app,.sand-canvas{width:100vw;height:100dvh}.sand-canvas{touch-action:none;display:block}.sand-controls{z-index:1;gap:.65rem;max-width:min(20rem,100vw - 2rem);display:grid;position:fixed;top:1rem;left:1rem}.sand-controls__row,.sand-panel{background:#ffffffe0;border:1px solid #2b20192e;border-radius:1rem;padding:.5rem;box-shadow:0 .5rem 2rem #432b172e}.sand-controls__row{gap:.5rem;display:flex}.sand-button{appearance:none;color:inherit;cursor:pointer;background:#fff;border:1px solid #2b201938;border-radius:.7rem;min-height:2.5rem;padding:.45rem .7rem;font-weight:650}.sand-button:hover,.sand-button:focus-visible{outline-offset:2px;background:#f6e9d3;outline:2px solid #7a4a24}.sand-button--paint{background:var(--paint,#c57b37);color:#fff;text-shadow:0 1px 2px #00000059}.sand-panel{gap:.7rem;padding:.85rem;display:grid}.sand-panel[hidden]{display:none}.sand-field{gap:.3rem;font-size:.82rem;font-weight:700;display:grid}.sand-field input,.sand-field select{background:#fff;border:1px solid #2b201940;border-radius:.5rem;min-height:2.2rem;padding:.25rem .45rem}.sand-panel__actions{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.sand-overlay{color:#3a2b1e;pointer-events:none;text-align:center;text-shadow:0 1px #fff8;z-index:0;place-items:center;transition:opacity .26s;display:grid;position:fixed;inset:0}.sand-overlay[hidden]{opacity:0}.sand-overlay__content{padding:2rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:750;line-height:1.25}.sand-overlay img{max-width:min(78vw,26rem);max-height:18rem;margin:0 auto 1.5rem;display:block}.sand-status{color:#2b2019c2;white-space:nowrap;z-index:1;font-size:.78rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (width<=34rem){.sand-controls{top:.5rem;left:.5rem}.sand-status{bottom:.5rem}}