.demo-scope{--demo-page:var(--workspace-page-bg,#f8fafc);--demo-surface:var(--workspace-surface,#fff);--demo-border:var(--workspace-border,#e2e8f0);--demo-text:var(--workspace-text,#1e293b);--demo-muted:var(--workspace-text-muted,#64748b);--demo-primary:var(--workspace-primary,#2563eb);color:var(--demo-text);letter-spacing:0}.demo-workbench{height:100dvh;min-height:480px;display:flex;flex-direction:column;background:var(--demo-page);overflow:hidden}.demo-toolbar{flex:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:var(--demo-surface);border-bottom:1px solid var(--demo-border)}.demo-toolbar h1{font-size:14px;font-weight:600;white-space:nowrap}.demo-back{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--demo-muted);flex:none}.demo-back:hover{color:var(--demo-primary)}.demo-back:focus-visible,.demo-scope select:focus-visible{outline:2px solid var(--demo-primary);outline-offset:2px}.demo-isolation-label{display:inline-flex;align-items:center;gap:4px;color:var(--demo-muted);font-size:11px;overflow-wrap:anywhere}.demo-package-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap;max-width:100%;margin-left:auto}.demo-scope select{height:32px;min-width:0;max-width:100%;border:1px solid var(--demo-border);border-radius:4px;background:var(--demo-surface);color:var(--demo-text);padding:0 7px;font-size:12px}.demo-notice{flex:none;margin:0;padding:6px 16px;font-size:12px;border-bottom:1px solid var(--demo-border);background:#fffbeb;color:#92400e}.demo-saved-text{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--demo-text)}.demo-viewer{position:relative;min-height:0;flex:1;background:var(--demo-surface)}.demo-viewer iframe{width:100%;height:100%;border:0;display:block}.demo-preparing,.demo-viewer-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--demo-muted);background:var(--demo-page);font-size:13px}.demo-viewer-status{position:absolute;inset:0}.demo-preparing{flex:1;min-height:0}.demo-dialog{max-width:440px;width:calc(100vw - 32px)}.demo-empty{padding:24px;font-size:14px}@media (max-width:767px){.demo-toolbar{padding:6px 10px;gap:6px}.demo-isolation-label{width:100%;order:5}.demo-package-actions{gap:2px}.demo-notice{padding-left:10px;padding-right:10px}}.demo-rehearsal-host{flex:1;min-height:0;display:flex;flex-direction:column}.demo-rehearsal-host:fullscreen{background:#fff;width:100vw;height:100vh}.demo-rehearsal-host:fullscreen .demo-viewer{flex:1;height:100%}.demo-workbench[data-rehearsing=true]{position:fixed;inset:0;z-index:50;padding:0;gap:0}.demo-workbench[data-rehearsing=true]>:not(.demo-rehearsal-host){display:none}.demo-workbench[data-rehearsing=true]>.demo-rehearsal-host{width:100%;height:100dvh;min-height:0}.demo-workbench[data-rehearsing=true] .demo-viewer{height:100%;min-height:0;border:0;border-radius:0}.demo-case-toolbar h1{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}