.sandbox{border:1px solid var(--color-warmgray-4,#ddd6c6);background:var(--color-cream-warm,#faf7f0);border-radius:.75rem;flex-direction:column;gap:1rem;display:flex;overflow:hidden}.sandbox-mapwrap{height:58vh;min-height:320px;max-height:560px;position:relative}.sandbox-map.maplibregl-map{position:absolute;inset:0}.sandbox-map canvas{outline:none}.sandbox-empty{z-index:1;pointer-events:none;text-align:center;background:linear-gradient(#faf7f000,#faf7f0eb);padding:1rem 1.25rem 1.5rem;position:absolute;inset:auto 0 0}.sandbox-empty p{color:var(--color-warmgray,#7a7263);margin:0;font-size:.9rem}.sandbox-panel{flex-direction:column;gap:1rem;max-height:34rem;padding:0 1.25rem 1.25rem;display:flex;overflow-y:auto}.sandbox-group+.sandbox-group{border-top:1px solid var(--color-warmgray-4,#ddd6c6);margin-top:1rem;padding-top:1rem}.sandbox-group-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-warmgray-2,#9b9384);margin:0 0 .4rem;font-size:.68rem;font-weight:500}summary.sandbox-group-label{cursor:pointer;align-items:center;gap:.5rem;list-style:none;display:flex}summary.sandbox-group-label::-webkit-details-marker{display:none}summary.sandbox-group-label:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.4rem;height:.4rem;transition:transform .15s;transform:rotate(-45deg)}details[open]>summary.sandbox-group-label:before{transform:rotate(45deg)}.sandbox-group-count{letter-spacing:0;text-transform:none;color:var(--color-warmgray,#7a7263);font-weight:400}details.sandbox-group>.sandbox-pickers{margin-top:.4rem}.sandbox-pickers{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem;display:grid}.sandbox-chip{text-align:left;border:1px solid var(--color-warmgray-4,#ddd6c6);cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;gap:.6rem;padding:.45rem .6rem;transition:border-color .12s,transform .12s;display:flex}.sandbox-chip:hover,.sandbox-chip:focus-visible{border-color:var(--color-forest,#3f5d3a);transform:translateY(-1px)}.sandbox-chip.is-outbuilding{background:#f7f4ec}.sandbox-chip-poster{object-fit:contain;background:#f1ece1;border-radius:.3rem;flex:none;width:2.6rem;height:2.6rem}.sandbox-chip-poster.is-drawn{color:var(--color-warmgray-2,#9b9384);place-items:center;display:grid}.sandbox-chip-poster.is-drawn svg{width:1.7rem;height:1.7rem}.sandbox-tool.is-armed .sandbox-chip-poster.is-drawn{color:#fff;background:#ffffff24}.sandbox-chip-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sandbox-pickers.is-thumbs{grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.4rem}.sandbox-pickers.is-thumbs .sandbox-chip{flex-direction:column;align-items:stretch;gap:0;padding:.3rem;position:relative;overflow:hidden}.sandbox-pickers.is-thumbs .sandbox-chip-poster{aspect-ratio:1;width:100%;height:auto}.sandbox-pickers.is-thumbs .sandbox-chip-text{background:color-mix(in srgb, var(--color-cream-warm,#faf7f0) 94%, transparent);border-top:1px solid var(--color-warmgray-4,#ddd6c6);opacity:0;pointer-events:none;padding:.35rem .5rem .4rem;transition:opacity .12s,transform .12s;position:absolute;bottom:0;left:0;right:0;transform:translateY(.25rem)}.sandbox-pickers.is-thumbs .sandbox-chip:hover .sandbox-chip-text,.sandbox-pickers.is-thumbs .sandbox-chip:focus-visible .sandbox-chip-text{opacity:1;transform:none}.sandbox-pickers.is-thumbs .sandbox-chip-name{font-size:.8rem}.sandbox-pickers.is-thumbs .sandbox-chip-blurb{font-size:.68rem}@media (hover:none){.sandbox-pickers.is-thumbs .sandbox-chip-text{opacity:1;transform:none}.sandbox-pickers.is-thumbs .sandbox-chip-blurb{display:none}}.sandbox-pickers.is-props{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.35rem}.sandbox-chip.is-prop{background:#f4f1e8;padding:.35rem .45rem}.sandbox-chip.is-prop .sandbox-chip-poster{width:2.1rem;height:2.1rem}.sandbox-chip.is-prop .sandbox-chip-name{font-size:.82rem}.sandbox-chip-name{color:var(--color-bark-dark,#3b342a);font-size:.9rem;font-weight:500}.sandbox-chip-blurb{color:var(--color-warmgray,#7a7263);font-size:.72rem;line-height:1.3}.sandbox-selected{z-index:3;border-bottom:1px solid var(--color-warmgray-4,#ddd6c6);background:var(--color-cream-warm,#faf7f0);flex-direction:column;gap:.7rem;margin:0 -1.25rem .25rem;padding:.85rem 1.25rem .9rem;display:flex;position:sticky;top:0;box-shadow:0 6px 14px -10px #3c322380}.sandbox-selected-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.sandbox-close{color:var(--color-warmgray-2,#9b9384);cursor:pointer;background:0 0;border:0;padding:0 .15rem;font-size:1.15rem;line-height:1}.sandbox-close:hover{color:var(--color-bark-dark,#3b342a)}.sandbox-remove{color:#7f3d2c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;align-self:start;margin-left:-.5rem;padding:.3rem .5rem;font-size:.78rem;text-decoration:none}.sandbox-remove:hover{color:#5e2a1c;background:#a5543f0f;border-color:#e0c4ba}.sandbox-control{color:var(--color-warmgray,#7a7263);grid-template-columns:3.75rem 1fr auto;align-items:center;gap:.6rem;font-size:.8rem;display:grid}.sandbox-control>*{min-width:0}.sandbox-control input[type=range]{width:100%;accent-color:var(--color-forest,#3f5d3a)}.sandbox-control-fixed{letter-spacing:.04em;text-transform:uppercase;color:var(--color-warmgray,#7a7263);opacity:.75;font-size:.72rem}.sandbox-control output{font-variant-numeric:tabular-nums;color:var(--color-bark-dark,#3b342a);text-align:right;white-space:nowrap;min-width:4.75rem}.sandbox-rotbtns{gap:.4rem;display:flex}.sandbox-rotbtns button{border:1px solid var(--color-warmgray-4,#ddd6c6);font-variant-numeric:tabular-nums;color:var(--color-bark-dark,#3b342a);cursor:pointer;background:#fff;border-radius:.35rem;flex:1;padding:.3rem .5rem;font-size:.78rem}.sandbox-rotbtns button:hover{border-color:var(--color-forest,#3f5d3a)}.sandbox-numbers{border-top:1px solid var(--color-warmgray-4,#ddd6c6);background:var(--color-cream-warm,#faf7f0);padding:.7rem 1.25rem .85rem}.sandbox-readout{flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;display:flex}.sandbox-readout>div{flex-direction:column;gap:.1rem;min-width:0;padding:.15rem 0;display:flex}.sandbox-readout dt{letter-spacing:.03em;color:var(--color-warmgray,#7a7263);white-space:nowrap;font-size:.7rem}.sandbox-readout dd{font-variant-numeric:tabular-nums;color:var(--color-bark-dark,#3b342a);margin:0;font-size:1.05rem}.sandbox-warn{background:#f7e9e3;border-radius:.4rem;border-bottom:0!important;flex-direction:column!important;align-items:flex-start!important;gap:.15rem!important;padding:.5rem .75rem!important}.sandbox-warn dt{font-weight:500;color:#8f4530!important}.sandbox-warn dd{color:#8f4530!important;font-size:.8rem!important}.sandbox-hint{border-top:1px solid var(--color-warmgray-4,#ddd6c6);color:var(--color-warmgray,#7a7263);margin:0;padding-top:.75rem;font-size:.85rem;line-height:1.55}.sandbox-reset{color:var(--color-warmgray,#7a7263);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.8rem;text-decoration:underline}.sandbox-fixtures{color:var(--color-bark,#4a3825);background:#eef1ea;border-radius:.4rem;margin:0;padding:.6rem .75rem;font-size:.72rem;line-height:1.55}.sandbox-fixtures strong{font-variant-numeric:tabular-nums;font-weight:600}.sandbox-source{color:var(--color-warmgray-2,#9b9384);margin:0;font-size:.7rem;line-height:1.5}.sandbox-fallback{border:1px solid var(--color-warmgray-4,#ddd6c6);color:var(--color-warmgray,#7a7263);border-radius:.75rem;padding:1.25rem;font-size:.85rem}.sandbox-fallback p{margin:0}.sandbox-tool{border-style:dashed;border-color:var(--color-warmgray-2,#9b9384);background:#fbf9f4}.sandbox-tool.is-armed{border-style:solid;border-color:var(--color-forest,#3f5d3a);background:var(--color-forest,#3f5d3a)}.sandbox-tool.is-armed .sandbox-chip-name,.sandbox-tool.is-armed .sandbox-chip-blurb{color:#fff}.sandbox-end{background:var(--color-forest,#3f5d3a);cursor:grab;touch-action:none;border:2px solid #fff;border-radius:50%;width:1.1rem;height:1.1rem;padding:0;box-shadow:0 1px 3px #0000004d}.sandbox-end:active{cursor:grabbing}.sandbox-bend{cursor:grab;touch-action:none;background:#a79d86;border:2px solid #fff;border-radius:50%;width:1.3rem;height:1.3rem;padding:0;box-shadow:0 1px 3px #0000004d}.sandbox-bend:active{cursor:grabbing}.sandbox-rotate{border:1px solid var(--color-warmgray-4,#ddd6c6);width:2rem;height:2rem;color:var(--color-forest,#3f5d3a);cursor:grab;touch-action:none;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 1px 4px #0000002e}.sandbox-rotate:active{cursor:grabbing}.sandbox-rotate svg{width:1rem;height:1rem}@media (width>=60rem){.sandbox{grid-template-rows:1fr auto;grid-template-columns:1fr 20rem;gap:0;display:grid}.sandbox-mapwrap{grid-area:1/1}.sandbox-numbers{grid-area:2/1}.sandbox-panel{grid-area:1/2/span 2}.sandbox-mapwrap{height:auto;min-height:30rem;max-height:none}.sandbox-panel{border-left:1px solid var(--color-warmgray-4,#ddd6c6);max-height:34rem;padding:1.25rem;overflow-y:auto}}.sandbox:fullscreen{border:0;border-radius:0;grid-template-columns:1fr 22rem;height:100%}.sandbox:fullscreen .sandbox-mapwrap{height:100%;min-height:0;max-height:none}.sandbox:fullscreen .sandbox-panel{max-height:100%}@media (width<=60rem){.sandbox:fullscreen{flex-direction:column;display:flex}.sandbox:fullscreen .sandbox-mapwrap{flex:auto}.sandbox:fullscreen .sandbox-panel{flex:none;max-height:45%;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.sandbox-chip{transition:none}}.sandbox-share{z-index:3;border-top:1px solid var(--color-warmgray-4,#ddd6c6);background:var(--color-cream-warm,#faf7f0);flex-direction:column;gap:.5rem;margin:.25rem -1.25rem 0;padding:.6rem 1.25rem .7rem;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 14px -10px #3c322380}.sandbox-share-row{grid-template-columns:1fr auto;gap:.5rem;display:grid}.sandbox-save{appearance:none;background:var(--color-bark-dark,#2f2a22);color:var(--color-cream,#faf7f0);cursor:pointer;border:0;border-radius:.4rem;padding:.62rem .9rem;font-size:.85rem;font-weight:600}.sandbox-save:disabled{opacity:.6;cursor:progress}.sandbox-save.is-saved:disabled{opacity:1;cursor:default;background:var(--color-forest,#3f5d3a)}.sandbox-share .sandbox-reset{appearance:none;border:1px solid var(--color-sand,#e7e0d2);cursor:pointer;color:var(--color-warmgray,#7a7263);background:0 0;border-radius:.4rem;padding:.62rem .8rem;font-size:.8rem}.sandbox-unlisted{color:var(--color-warmgray,#7a7263);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.5rem;font-size:.74rem;line-height:1.35;display:grid}.sandbox-unlisted input{accent-color:var(--color-forest,#3f5d3a);margin-top:.15rem}.sandbox-shared{border:1px solid color-mix(in srgb, var(--color-forest,#3f5d3a) 35%, var(--color-sand,#e7e0d2));background:color-mix(in srgb, var(--color-forest,#3f5d3a) 7%, var(--color-cream,#faf7f0));border-radius:.45rem;padding:.55rem .6rem .6rem;animation:.9s ease-out sandbox-shared-in}@keyframes sandbox-shared-in{0%{background:color-mix(in srgb, var(--color-forest,#3f5d3a) 26%, var(--color-cream,#faf7f0))}}@media (prefers-reduced-motion:reduce){.sandbox-shared{animation:none}}.sandbox-shared-note{color:var(--color-forest-dark,#33492f);margin:0 0 .45rem;font-size:.78rem;font-weight:600;line-height:1.4}.sandbox-shared-row{grid-template-columns:1fr auto;gap:.4rem;display:grid}.sandbox-shared input{border:1px solid var(--color-sand,#e7e0d2);background:var(--color-cream,#faf7f0);min-width:0;color:var(--color-bark-dark,#2f2a22);border-radius:.35rem;padding:.45rem .5rem;font-size:.72rem}.sandbox-shared button{appearance:none;border:1px solid var(--color-sand,#e7e0d2);cursor:pointer;color:var(--color-bark-dark,#2f2a22);background:0 0;border-radius:.35rem;padding:.45rem .7rem;font-size:.75rem}.sandbox-save-error{color:var(--color-clay,#9c5b3f);margin:0;font-size:.75rem}.sandbox-recent{border-top:1px solid var(--color-sand,#e7e0d2);padding:.9rem 0 .2rem}.sandbox-recent-head{letter-spacing:.08em;text-transform:uppercase;color:var(--color-warmgray,#7a7263);margin:0 0 .5rem;font-size:.68rem}.sandbox-recent ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.sandbox-recent button{text-align:left;appearance:none;border:1px solid var(--color-sand,#e7e0d2);cursor:pointer;width:100%;color:inherit;background:0 0;border-radius:.4rem;grid-template-columns:1fr auto;align-items:baseline;gap:.6rem;padding:.5rem .6rem;display:grid}.sandbox-recent button:hover{border-color:var(--color-forest,#3f5d3a)}.sandbox-recent-summary{min-width:0;font-size:.8rem;line-height:1.3}.sandbox-recent-meta{color:var(--color-warmgray,#7a7263);white-space:nowrap;font-size:.7rem}.sandbox-recent-note{color:var(--color-warmgray,#7a7263);margin:.6rem 0 0;font-size:.72rem;line-height:1.45}.sandbox-switch{color:var(--color-warmgray,#7a7263);grid-template-columns:3.75rem 1fr;align-items:center;gap:.6rem;font-size:.8rem;display:grid}.sandbox-switch-choice{border:1px solid var(--color-sand,#e7e0d2);border-radius:.4rem;width:fit-content;display:inline-flex;overflow:hidden}.sandbox-switch-choice button{appearance:none;cursor:pointer;color:var(--color-warmgray,#7a7263);background:0 0;border:0;padding:.35rem .75rem;font-size:.78rem}.sandbox-switch-choice button.is-on{background:var(--color-bark-dark,#2f2a22);color:var(--color-cream,#faf7f0)}.sandbox-fixture-label{border:1px solid var(--color-warmgray-4,#ddd6c6);letter-spacing:.02em;white-space:nowrap;color:var(--color-bark-dark,#3b342a);pointer-events:none;background:#ffffffe6;border-radius:.6rem;padding:.1rem .4rem;font-size:.62rem;line-height:1.3;display:block;box-shadow:0 1px 3px #00000024}.sandbox-ground-note{color:var(--color-warmgray,#7a7263);margin:0;font-size:.72rem;line-height:1.45}.sandbox-confirm{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.sandbox-confirm-q{color:var(--color-warmgray,#7a7263)}.sandbox-remove.is-armed{color:#8c4433;background:#a5543f1a;border-color:#c98b78;font-weight:600}.sandbox-confirm-no{appearance:none;color:var(--color-warmgray,#7a7263);cursor:pointer;background:0 0;border:0;padding:.3rem .2rem;font-size:.78rem;text-decoration:underline}.sandbox-share .sandbox-reset.is-armed{color:#8c4433;background:#a5543f1a;border-color:#c98b78}.sandbox-chip-own{display:block;position:relative}.sandbox-chip-own>.sandbox-chip{width:100%}.sandbox-chip-forget{z-index:2;border:1px solid var(--color-warmgray-4,#d8d4cc);background:var(--color-cream,#f7f4ee);width:1.15rem;height:1.15rem;color:var(--color-warmgray,#6b675f);cursor:pointer;opacity:0;border-radius:999px;place-items:center;padding:0;font-size:.75rem;line-height:1;transition:opacity .12s;display:grid;position:absolute;inset:.15rem .15rem auto auto}.sandbox-chip-own:hover .sandbox-chip-forget,.sandbox-chip-forget:focus-visible{opacity:1}@media (hover:none){.sandbox-chip-forget{opacity:1}}.sandbox-chip.is-add{cursor:pointer;color:var(--color-warmgray,#6b675f);border-style:dashed}.sandbox-chip.is-add.is-busy{opacity:.6;pointer-events:none}.sandbox-own-note{color:var(--color-warmgray,#6b675f);margin:.5rem 0 0;font-size:.7rem;line-height:1.45}.sandbox-own-note code{font-size:.68rem}.sandbox-own-error{color:var(--color-clay,#9c4221)}.sandbox-claim{border:1px solid var(--color-warmgray-4,#d8d4cc);background:var(--color-cream-warm,#f2efe7);border-radius:.375rem;margin:.75rem 0;padding:.75rem}.sandbox-claim-lead,.sandbox-claim-note{color:var(--color-bark-dark,#2f2a24);margin:0;font-size:.72rem;line-height:1.5}.sandbox-claim-note{color:var(--color-warmgray,#6b675f);margin-top:.5rem}.sandbox-claim-model{margin-top:.6rem}.sandbox-claim-name{color:var(--color-bark-dark,#2f2a24);margin:0 0 .3rem;font-size:.72rem;font-weight:600}.sandbox-claim-fields{gap:.4rem;display:grid}.sandbox-claim-fields label{color:var(--color-warmgray,#6b675f);gap:.15rem;font-size:.66rem;display:grid}.sandbox-claim-fields input{border:1px solid var(--color-warmgray-4,#d8d4cc);width:100%;color:var(--color-bark-dark,#2f2a24);background:#fff;border-radius:.25rem;padding:.3rem .4rem;font-size:.75rem}.sandbox-claim-affirm{color:var(--color-bark-dark,#2f2a24);align-items:flex-start;gap:.4rem;margin-top:.6rem;font-size:.68rem;line-height:1.45;display:flex}.sandbox-claim-affirm input{flex:none;margin-top:.15rem}