.sandbox-page{padding:16px 0 40px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.sandbox-page [hidden]{display:none!important}.sandbox-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}.sandbox-title{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:var(--fs-lg)}.demo-badge{font-family:var(--font-pixel);font-size:var(--fs-2xs);padding:8px 12px}.sandbox-sub{margin:2px 0 0;font-size:var(--fs-sm);max-width:72ch}.sandbox-head-actions{display:flex;flex-wrap:wrap;gap:12px}.controls{display:grid;gap:8px;padding:12px 16px}.control-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 16px}.control-group{display:grid;gap:6px}.control-speed{margin-left:auto}.field{display:grid;gap:6px}.field-industry{flex:1 1 220px;min-width:180px;max-width:320px}.field-size{flex:1 1 200px;min-width:170px;max-width:280px}.field-scene{flex:1 1 180px;min-width:160px;max-width:240px}.field-follow{flex:0 1 280px;min-width:180px}.field .input{padding:8px 12px}.field-label{font-size:var(--fs-sm);font-weight:600;color:var(--muted)}.field-note{font-weight:400;color:var(--muted);font-size:var(--fs-sm)}.more-options{border-top:1px solid var(--line);margin:4px -16px -12px;padding:0 16px}.more-summary{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;font-size:var(--fs-sm);font-weight:600;list-style:none}.more-summary::-webkit-details-marker{display:none}.more-summary:before{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);margin-right:4px;transition:transform .12s ease}.more-options[open] .more-summary:before{transform:rotate(45deg)}.more-summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:var(--radius-sm)}.more-body{display:grid;gap:10px;padding:0 0 12px}.more-body .control-row{align-items:center}.btn-row{display:flex;flex-wrap:wrap;gap:8px;min-height:36px}.btn.pick{padding:6px 14px;font-size:var(--fs-sm);min-height:36px}.btn.pick[aria-pressed=true]{background:var(--brand-primary-fill);color:var(--brand-primary-fill-contrast);border-color:transparent}.btn.pick:disabled{opacity:.55;cursor:progress;transform:none}.switch{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;font-size:var(--fs-ui)}.switch input{width:18px;height:18px;accent-color:var(--brand-primary);margin:0}.switch input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.follow-hint{margin:0;font-size:var(--fs-sm)}.follow-hint:empty{display:none}.office-tools-slot{min-height:38px;display:flex;align-items:center}.office-tools-slot .bo-office-tools{flex:1 1 auto}@media (pointer: coarse){.office-tools-slot{min-height:46px}}.office-stage{position:relative;min-height:300px;height:clamp(300px,calc(100svh - 452px),707px);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--slate-fill);box-shadow:var(--shadow)}.office-mount{position:absolute;inset:0}.office-stage.is-fullscreen{border:0;border-radius:0;box-shadow:none}@media (min-width: 761px) and (max-height: 900px){.sandbox-page{padding-top:10px;gap:8px}.sandbox-sub{max-width:none}.controls{padding:8px 16px;gap:6px}.more-options{margin-bottom:-8px}.more-summary{min-height:34px}.office-tools-slot{min-height:36px}.office-stage{height:clamp(260px,calc(100svh - 398px),707px)}}.stage-status{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:16px;text-align:center;color:var(--muted);font-size:var(--fs-ui);pointer-events:none}.stage-status .btn{pointer-events:auto}.stage-status-text{margin:0;max-width:40ch}.stage-status.is-note{inset:auto auto 12px 12px;padding:6px 10px;gap:0;display:block;max-width:calc(100% - 24px);background:color-mix(in srgb,var(--bg-elev) 90%,transparent);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--fg)}.explainer{padding:0}.explainer summary{padding:14px 20px;font-weight:600;cursor:pointer}.explainer summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:var(--radius)}.explainer-body{padding:0 20px 16px;font-size:var(--fs-base)}.explainer-body p:last-child{margin:0}@media (max-width: 760px){.sandbox-page>.office-tools-slot{order:1}.sandbox-page>.office-stage{order:2}.sandbox-page>.controls{order:3}.sandbox-page>.explainer{order:4}.control-speed{margin-left:0}.field-industry,.field-size,.field-scene,.field-follow{flex:1 1 100%;max-width:none}.office-stage{height:min(70svh,640px)}}@media (max-width: 480px){.sandbox-page{padding-top:12px;gap:12px}.office-stage{width:100%;height:auto;aspect-ratio:4 / 3;min-height:260px}.sandbox-head-actions{width:100%}.sandbox-head-actions .btn{flex:1 1 auto;justify-content:center}.controls{padding:12px}.more-options{margin:4px -12px -12px;padding:0 12px}}@media (min-width: 481px) and (max-width: 760px) and (orientation: portrait){.office-stage{width:100%;height:auto;aspect-ratio:4 / 3;min-height:260px}}@media (orientation: landscape) and (max-height: 500px){.office-stage{height:calc(100svh - 16px);min-height:0;aspect-ratio:auto}}@media (prefers-reduced-motion: reduce){.btn,.more-summary:before{transition:none}}.bo-tools-extra{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;min-width:0}.bo-tools-extra[hidden]{display:none}.office-stage.is-theater{height:100vh!important;height:100dvh!important;min-height:0}@media (max-width: 760px){.office-tools-slot .bo-office-tools{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px}.office-tools-slot .bo-tags{margin-left:0}.office-tools-slot .bo-edit-office-btn{margin-left:auto}}.office-stage.is-fullscreen>.bo-fullscreen-btn{position:absolute;left:12px;bottom:12px;z-index:5;box-shadow:var(--shadow)}.office-stage.is-fullscreen>.stage-status.is-note{bottom:60px}.controls>.narrator{box-shadow:none;background:color-mix(in srgb,var(--bg-elev) 55%,var(--bg))}.is-fullscreen,.is-theater{background:var(--bg, #0f1420)}.is-theater{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh;max-width:none;margin:0;border-radius:0}html.has-theater,html.has-theater body{overflow:hidden}:fullscreen .office-mount,.is-theater .office-mount{width:100%;height:100%}.bo-fullscreen-btn{white-space:nowrap}