.sandbox-frame{position:relative;min-height:100vh}.sandbox-banner{position:-webkit-sticky;position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.55rem max(16px,env(safe-area-inset-left));background:rgb(var(--ink));color:rgb(var(--canvas));border-bottom:3px solid rgb(var(--reward));font-size:.92rem}.sandbox-banner button,.sandbox-banner select{min-height:36px;padding:.3rem .7rem;border-radius:6px;border:1px solid rgb(var(--canvas)/.5);background:transparent;color:inherit;font:inherit;cursor:pointer}.sandbox-banner label,.sandbox-banner p,.sandbox-banner span,.sandbox-banner strong{color:rgb(var(--canvas))}.sandbox-banner select option{color:rgb(var(--ink));background:rgb(var(--surface))}.sandbox-banner button:disabled{opacity:.55;cursor:not-allowed}.sandbox-banner .danger{border-color:rgb(var(--danger))}.sandbox-who{margin:0;flex:1 1 18rem;overflow-wrap:anywhere}.sandbox-role{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.sandbox-actions,.sandbox-confirm{display:flex;flex-wrap:wrap;gap:.4rem}.sandbox-confirm{align-items:center}.sandbox-notice{flex-basis:100%;margin:0}.sandbox-watermark{position:fixed;inset:0;z-index:55;pointer-events:none;overflow:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5rem 3rem;padding:6rem 1rem;transform:rotate(-18deg) scale(1.3);color:rgb(var(--ink)/.07);font:600 .85rem/1 var(--font-body),monospace;letter-spacing:.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sandbox-watermark span{white-space:nowrap}.clean-screen .sandbox-watermark{display:none}.sandbox-gate,.sandbox-loading,.sandbox-page{max-width:760px;margin:0 auto;padding:12vh 16px 4rem}.sandbox-gate h1,.sandbox-page h1{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.2rem,7vw,3.6rem);line-height:1.05;margin:.6rem 0 1rem}.sandbox-gate .actions,.sandbox-page .actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.5rem}.sandbox-next{border-left:4px solid rgb(var(--accent));padding-left:.8rem}.sandbox-start .primary{margin-top:1rem}.sandbox-setup .sandbox-progress{height:6px;border-radius:3px;background:rgb(var(--line));overflow:hidden;margin-top:1.5rem}.sandbox-setup .sandbox-progress span{display:block;width:40%;height:100%;background:rgb(var(--accent));animation:sandbox-progress 1.4s ease-in-out infinite}@keyframes sandbox-progress{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}@media (prefers-reduced-motion:reduce){.sandbox-setup .sandbox-progress span{animation:none;width:100%}}.sandbox-picker{display:grid;grid-gap:.5rem;gap:.5rem}.sandbox-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin:1rem 0}.sandbox-role-card{display:grid;grid-gap:.4rem;gap:.4rem;text-align:left;padding:1.1rem;cursor:pointer;border:1px solid rgb(var(--line));background:rgb(var(--surface));color:rgb(var(--ink));border-radius:10px;font:inherit;min-width:0}.sandbox-role-card strong{font-family:var(--font-display);text-transform:uppercase;font-size:1.6rem}.sandbox-role-card em{font-style:normal;color:rgb(var(--accent));font-weight:700}.sandbox-role-card:focus-visible,.sandbox-role-card:hover{border-color:rgb(var(--accent))}.sandbox-fineprint{color:rgb(var(--muted));font-size:.9rem}@media (max-width:600px){.sandbox-roles{grid-template-columns:1fr}.sandbox-banner{font-size:.85rem}}.presenter-bar{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:70;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;width:min(1100px,calc(100vw - 32px));padding:.6rem .8rem;border-radius:10px;background:rgb(var(--surface));color:rgb(var(--ink));border:1px solid rgb(var(--line));box-shadow:0 8px 28px rgb(var(--shadow)/.25);font-size:.9rem}.presenter-bar label{display:inline-flex;align-items:center;gap:.35rem}.presenter-bar button,.presenter-bar select{min-height:34px;padding:.25rem .6rem;font:inherit;border-radius:6px;border:1px solid rgb(var(--line));background:rgb(var(--canvas));color:rgb(var(--ink))}.presenter-bar .danger{border-color:rgb(var(--danger));color:rgb(var(--danger))}.presenter-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em}.presenter-toggle input{width:auto}.presenter-hide{margin-left:auto}.presenter-handle{position:fixed;right:12px;bottom:12px;z-index:70;opacity:.15;min-height:34px;padding:.25rem .6rem;border-radius:6px;border:1px solid rgb(var(--line));background:rgb(var(--surface));color:rgb(var(--ink));font:inherit;transition:opacity .2s}.presenter-handle:focus-visible,.presenter-handle:hover{opacity:1}@media (max-width:767px){.presenter-bar,.presenter-handle{bottom:calc(84px + env(safe-area-inset-bottom))}.presenter-handle{right:0;min-width:24px;padding:0 5px 0 0;font-size:0;opacity:.5;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:flex-end}.presenter-handle:before{content:"";width:4px;height:24px;border-radius:2px;background:rgb(var(--muted))}}.presenter-cursor{left:0;top:0;width:18px;height:18px;border-radius:50%;background:rgb(var(--reward)/.55);border:2px solid rgb(var(--reward));transition:transform .04s linear}.presenter-cursor,.presenter-ripple{position:fixed;z-index:90;pointer-events:none}.presenter-ripple{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:3px solid rgb(var(--reward));animation:presenter-ripple .65s ease-out forwards}@keyframes presenter-ripple{to{transform:scale(5);opacity:0}}.hq-demo-meta,.hq-demo-next{color:rgb(var(--muted));font-size:.92rem}.hq-demo-chooser h3{margin-top:0}.hq-demo-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.hq-demo-kinds button{display:grid;grid-gap:.4rem;gap:.4rem;text-align:left;padding:1rem;font:inherit;color:rgb(var(--ink));background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:10px;cursor:pointer;min-width:0}.hq-demo-kinds button:focus-visible,.hq-demo-kinds button:hover:not(:disabled){border-color:rgb(var(--accent))}.hq-demo-kinds button:disabled{opacity:.6;cursor:not-allowed}.hq-demo-kinds strong{font-family:var(--font-display);text-transform:uppercase;font-size:1.3rem}.hq-demo-kinds em{font-style:normal;color:rgb(var(--danger));font-size:.88rem}.hq-demo-issued{border-left:4px solid rgb(var(--reward));display:grid;grid-gap:.4rem;gap:.4rem}.hq-demo-link{display:block;padding:.6rem;border-radius:6px;background:rgb(var(--raised));overflow-wrap:anywhere;font-size:.9rem}.hq-demo-list{display:grid;grid-gap:.8rem;gap:.8rem;margin-top:.8rem}.hq-demo-row{display:grid;grid-gap:.6rem;gap:.6rem;min-width:0}.hq-demo-row.status-expired,.hq-demo-row.status-revoked{opacity:.85}.hq-demo-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem}.hq-demo-head>span{color:rgb(var(--muted));overflow-wrap:anywhere}.hq-demo-type{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .45rem;border-radius:4px;border:1px solid rgb(var(--line))}.hq-demo-type.type-sandbox{border-color:rgb(var(--vendor));color:rgb(var(--vendor-text,var(--vendor)))!important}.hq-demo-type.type-live{border-color:rgb(var(--speaker));color:rgb(var(--speaker))!important}.hq-demo-type.type-tour{border-color:rgb(var(--accent));color:rgb(var(--accent))!important}.hq-demo-status{margin-left:auto;font-weight:700;color:rgb(var(--ink))!important}.hq-demo-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.4rem 1rem;gap:.4rem 1rem;margin:0}.hq-demo-facts dt{font-size:.78rem;color:rgb(var(--muted));text-transform:uppercase;letter-spacing:.05em}.hq-demo-facts dd{margin:0;overflow-wrap:anywhere}.hq-demo-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.hq-demo-actions label{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.hq-demo-confirm{display:inline-flex;flex-wrap:wrap;gap:.4rem;align-items:center}.hq-form fieldset{border:1px solid rgb(var(--line));border-radius:8px;padding:.6rem .8rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}.hq-form label.check{display:inline-flex;align-items:center;gap:.35rem}.hq-form label.check input{width:auto}@media (max-width:760px){.hq-demo-kinds{grid-template-columns:1fr}.hq-demo-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-demo-status{margin-left:0}}.hq-demo-warning,.hq-demo-who{margin:0}