.sandbox-panel{position:fixed;z-index:100;right:16px;top:16px;bottom:16px;width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;color:#e9e5df;background:rgba(25,27,28,.98);border:1px solid #625648;border-radius:12px;box-shadow:0 12px 60px #0009;font:14px/1.45 system-ui,sans-serif;pointer-events:auto}.sandbox-panel[hidden]{display:none}.sandbox-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 14px}.sandbox-panel h2{margin:3px 0 0;font-size:21px}.sandbox-eyebrow{font-size:9px;letter-spacing:1.2px;color:#d7b795}.sandbox-panel button{appearance:none;background:#303336;color:#e9e5df;border:1px solid #5c5d5b;border-radius:5px;padding:9px 11px;cursor:pointer;font:inherit;line-height:1.2}.sandbox-panel button:hover{background:#41423f}.sandbox-panel button:focus-visible,.sandbox-panel input:focus-visible{outline:2px solid #ffc38b;outline-offset:2px}.sandbox-panel button[aria-pressed=true]{background:#765139;border-color:#dfa978;color:#fff1df}.sandbox-panel [data-action=resume]{background:#bc8d65;color:#15191a;font-weight:650;max-width:105px}.sandbox-panel nav{display:flex;gap:5px;padding:0 12px 12px;border-bottom:1px solid #44433e}.sandbox-panel nav button{flex:1;font-size:12px;padding:10px 5px}.sandbox-content{overflow-y:auto;padding:14px 16px;overscroll-behavior:contain;min-height:0}.sandbox-content p{margin:0 0 15px;color:#c6c5bf}.sandbox-readout{font-variant-numeric:tabular-nums;font-size:12px;padding:10px;background:#111516;border-radius:5px}.sandbox-field{margin-bottom:17px}.sandbox-field label{font-weight:600;font-size:13px}.sandbox-values{display:flex;align-items:center;gap:12px;margin:5px 0}.sandbox-values input[type=range]{min-width:0;flex:1;accent-color:#d2a076}.sandbox-values input[type=number]{width:72px;background:#111516;color:#f4ece1;border:1px solid #66635b;border-radius:4px;padding:6px;font:inherit;font-variant-numeric:tabular-nums}.sandbox-panel small{display:block;color:#a7aaa5;font-size:11px;line-height:1.5}.sandbox-panel h3{font-size:14px;border-top:1px solid #44433e;padding-top:17px;margin:20px 0 14px}.sandbox-switch{display:flex;align-items:flex-start;gap:9px;margin:0 0 17px;font-size:13px;cursor:pointer}.sandbox-switch input{accent-color:#d2a076;width:16px;height:16px;flex-shrink:0;margin:2px 0 0}.sandbox-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 18px}.sandbox-hint{font-size:12px;line-height:1.65}.sandbox-panel footer{padding:9px 16px;border-top:1px solid #44433e;color:#b5b7b0;font-size:11px}.sandbox-panel[data-tab=edit]{width:min(310px,calc(100vw - 32px))}@media(max-width:600px){.sandbox-panel{top:6px;bottom:6px;right:6px;width:calc(100vw - 12px)}.sandbox-panel[data-tab=edit]{width:min(260px,58vw)}.sandbox-panel[data-tab=edit] header{display:block;padding:10px}.sandbox-panel[data-tab=edit] header button{margin-top:7px;max-width:none}.sandbox-panel[data-tab=edit] h2{font-size:17px}.sandbox-panel[data-tab=edit] nav{flex-wrap:wrap;padding:0 6px 8px}.sandbox-panel[data-tab=edit] .sandbox-content{padding:10px}.sandbox-panel[data-tab=edit] .sandbox-tools{grid-template-columns:1fr}.sandbox-panel[data-tab=edit] .sandbox-eyebrow{font-size:8px}}

.sandbox-panel [hidden]{display:none}