.viewer-shell{background:var(--cv-color-page);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid}.viewer-toolbar{min-height:var(--cv-toolbar-height);border-bottom:1px solid var(--cv-border-subtle);background:var(--cv-color-surface);z-index:50;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.viewer-brand,.viewer-toolbar-actions,.viewer-simulation-controls,.viewer-level-switcher,.viewer-speed{align-items:center;display:flex}.viewer-brand{gap:10px;min-width:0}.viewer-brand>a{color:var(--cv-color-text);font-weight:750;text-decoration:none}.viewer-source{min-width:0;color:var(--cv-color-text-muted);font-size:var(--cv-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-toolbar-actions{gap:8px}.viewer-remix{border:1px solid var(--cv-color-accent);border-radius:var(--cv-radius-pill);background:var(--cv-color-accent);min-height:36px;color:var(--cv-color-accent-foreground);padding:0 14px;font-weight:700}.viewer-stage{min-height:0;position:relative;overflow:hidden}.viewer-stage .graph-workspace-stack{position:absolute;inset:0}.viewer-simulation-controls{z-index:42;border:1px solid var(--cv-border-default);border-radius:var(--cv-radius-lg);background:color-mix(in srgb, var(--cv-color-surface) 94%, transparent);max-width:calc(100% - 180px);box-shadow:var(--cv-shadow-sm);gap:6px;padding:6px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.viewer-stage .workspace-camera-fit{z-index:43;top:10px;left:auto;right:12px}.viewer-simulation-controls>button,.viewer-level-switcher>button{min-height:34px}.viewer-simulation-controls .simulation-primary{border-color:var(--cv-color-accent);background:var(--cv-color-accent);min-width:70px;color:var(--cv-color-accent-foreground);font-weight:700}.viewer-speed{color:var(--cv-color-text-subtle);font-size:var(--cv-font-size-xs);gap:6px;padding-inline:4px}.viewer-speed input{width:76px}.viewer-speed output{min-width:42px;font-family:var(--cv-font-mono);text-align:right}.viewer-level-switcher{z-index:42;border:1px solid var(--cv-border-default);border-radius:var(--cv-radius-lg);background:var(--cv-color-surface);box-shadow:var(--cv-shadow-sm);gap:5px;padding:5px;position:absolute;bottom:12px;right:12px}.viewer-level-switcher>span{min-width:42px;font-family:var(--cv-font-mono);font-size:var(--cv-font-size-sm);text-align:center}.viewer-error-banner{z-index:80;border:1px solid color-mix(in srgb, var(--cv-color-danger) 45%, transparent);border-radius:var(--cv-radius-md);background:var(--cv-color-surface);max-width:min(420px,100vw - 24px);color:var(--cv-color-danger);box-shadow:var(--cv-shadow-md);font-size:var(--cv-font-size-sm);padding:10px 12px;position:fixed;bottom:12px;right:12px}.viewer-error-shell{background:var(--cv-color-page);place-items:center;width:100%;height:100%;padding:24px;display:grid}.viewer-error-card{border:1px solid var(--cv-border-default);border-radius:var(--cv-radius-xl);background:var(--cv-color-surface);width:min(560px,100%);box-shadow:var(--cv-shadow-md);padding:28px}.viewer-error-card h1{margin:8px 0;font-size:28px}.viewer-error-card p{color:var(--cv-color-text-subtle);margin:0 0 20px;line-height:1.6}.viewer-kicker{color:var(--cv-color-accent);font-size:var(--cv-font-size-2xs);letter-spacing:.14em;font-weight:800}.viewer-error-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.viewer-error-actions>a:not(.primary-action){color:var(--cv-color-text-subtle);font-weight:650}@media (width<=520px){.viewer-toolbar{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left))}.viewer-source{display:none}.viewer-remix{min-height:40px;padding-inline:12px}.viewer-simulation-controls{top:8px;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));width:auto;max-width:none;overflow-x:auto;transform:none}.viewer-simulation-controls>*{flex:none}.viewer-speed>span{display:none}.viewer-level-switcher{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom))}.viewer-stage .workspace-camera-fit{top:64px;right:max(8px, env(safe-area-inset-right));z-index:43;min-width:44px;min-height:40px;left:auto}.viewer-stage .play-control-panel{top:auto;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:auto;max-height:min(46dvh,400px)}.viewer-stage .control-panel-segmented button,.viewer-stage .control-panel-release{touch-action:manipulation;min-height:44px}.viewer-error-shell{padding:16px}.viewer-error-card{padding:22px}.viewer-error-card h1{font-size:24px}}