.watch-workspace{line-height:1.55;margin-bottom:2rem;color:var(--color-text)}.watch-workspace [hidden]{display:none!important}.watch-workspace :is(button,input,select){font:inherit}.watch-workspace button{cursor:pointer}.watch-workspace button:disabled{cursor:default;opacity:.4}.watch-workspace :is(input,select,button):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.watch-workspace :is(select,input[type=number],input[type=search]){width:100%;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);padding:7px 9px;color:var(--color-heading);font-size:13px;min-height:36px}.watch-workspace label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.watch-workspace label output{float:right;font-variant-numeric:tabular-nums;color:var(--color-primary-dark)}.watch-workspace input[type=range]{width:100%;accent-color:var(--color-primary);display:block;margin:8px 0;min-height:26px}.watch-toolbar{display:flex;align-items:center;gap:18px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--color-border)}.watch-toolbar>label{width:210px;flex-shrink:0}.watch-toolbar>label select{margin-top:4px}.watch-toolbar>p{font-size:12px;color:var(--color-text-muted);max-width:105px}.watch-state-band{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;margin-left:auto;min-width:350px}.watch-state-band>div{min-width:0}.watch-state-band span{display:block;font-size:11px;color:var(--color-text-muted);margin-bottom:3px}.watch-state-band output{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-heading)}#watch-clock{font-family:var(--font-mono);font-size:21px}#watch-mode{font-size:14px}#watch-reserve-meter{display:block;width:100%;max-width:110px;height:5px;margin-top:4px}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px;align-items:start}.watch-visual{min-width:0}.watch-viewport{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-card)}.watch-viewport-header{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;border-bottom:1px solid var(--color-border)}.watch-viewport-header>label{display:flex;align-items:center;gap:8px;min-width:0}.watch-viewport-header>label>span{white-space:nowrap}.watch-viewport-header #watch-view{width:145px;border-color:transparent;background:var(--color-border-light)}.watch-viewport-options{display:flex;align-items:center;gap:6px}.watch-viewport-options #watch-quality{width:108px}.watch-viewport-options .btn{height:36px;width:36px;padding:7px;flex-shrink:0}.watch-stage{position:relative;isolation:isolate;background:#17212c;height:clamp(360px,calc(100svh - 330px),630px);overflow:hidden}.watch-stage :is(button,select){touch-action:manipulation}.watch-stage button svg{pointer-events:none}#watch-canvas{width:100%;height:100%;touch-action:none}#watch-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px}.watch-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#17212cf5;color:#f0f6ff;padding:25px;text-align:center;font-size:14px}.watch-quick-help{position:absolute;left:10px;top:8px;z-index:4;width:166px;max-width:calc(100% - 140px);color:#d9e2ed;font-size:10px;line-height:1.6;text-shadow:0 1px 3px #101923;pointer-events:none}.watch-quick-help p{margin:0}.watch-help-touch{display:none}.watch-quick-help .watch-gizmo-help{color:#f0f5fc;margin:3px 0 7px}.watch-rotation-gizmo{position:relative;width:160px;height:160px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;background:radial-gradient(circle,#17212cce 0%,#17212c80 60%,transparent 73%)}.watch-rotation-gizmo>svg{width:100%;height:100%;overflow:visible}.watch-rotation-ring,.watch-roll-ring{fill:none;stroke:var(--axis-color,#a7b8ca);stroke-width:2.5;cursor:grab}.watch-roll-ring{stroke-width:1.5;opacity:.65}.watch-rotation-hit{stroke:transparent;stroke-width:14;fill:none;pointer-events:stroke;cursor:grab}.watch-rotation-arrow{stroke:var(--axis-color);stroke-width:2.5;stroke-linecap:round;fill:none;pointer-events:stroke;cursor:grab}.watch-rotation-cube{stroke:#c7d6e8;stroke-width:.8;pointer-events:none}.watch-cube-x{fill:#62829e}.watch-cube-y{fill:#afc5d8}.watch-cube-z{fill:#819fb9}.watch-workspace .watch-rotation-handle{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;min-height:0;padding:0;border:1px solid var(--axis-color,#9cb0c5);border-radius:50%;background:#253140;color:var(--axis-color,#e1eaf5);font-size:12px;font-weight:700;line-height:1;cursor:grab;touch-action:none;box-shadow:0 1px 4px #0003}.watch-rotation-handle:hover,.watch-rotation-handle:focus-visible{background:#35465c}.watch-workspace .watch-rotation-free{width:38px;height:38px;background:transparent;border-color:transparent;border-radius:6px;box-shadow:none}.watch-workspace .watch-rotation-roll{font-size:24px;font-weight:400}.watch-rotation-gizmo[data-dragging],.watch-rotation-gizmo[data-dragging] *{cursor:grabbing}.watch-rotation-gizmo[data-dragging=x] .watch-axis-x,.watch-rotation-gizmo[data-dragging=y] .watch-axis-y,.watch-rotation-gizmo[data-dragging=z] .watch-axis-z{filter:brightness(1.4)}.watch-callout-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.watch-callout-leader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.watch-callout-leader path{stroke:#93b9fc;stroke-width:1.5;fill:none;filter:drop-shadow(0 1px 1px #101923)}.watch-callout-leader circle{fill:#dce9ff;stroke:#5489e6;stroke-width:1.5}.watch-callout{position:absolute;left:0;top:0;width:min(260px,calc(100% - 24px));padding:12px;background:color-mix(in srgb,var(--color-card) 86%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:auto;text-align:left}.watch-callout #watch-callout-group{font-size:10px;color:var(--color-text-muted);padding-right:24px;margin:0 0 3px}.watch-callout #watch-callout-title{font-size:14px;margin:0 20px 7px 0}.watch-callout #watch-callout-text{font-size:12px;line-height:1.6;color:var(--color-text-secondary);margin:0}.watch-callout #watch-callout-status{font-size:11px;line-height:1.5;color:var(--color-text-muted);margin:6px 0 0}.watch-callout-close{position:absolute;right:2px;top:2px;border:0;background:transparent;color:var(--color-text-muted);width:32px;height:32px;font-size:21px!important;line-height:1}.watch-callout-actions{display:flex;gap:6px;margin-top:10px}.watch-callout-actions .btn{font-size:11px;min-height:32px;padding:5px 9px}@media(pointer:coarse){.watch-help-pointer{display:none}.watch-help-touch{display:block}}.watch-gizmo-dock{position:absolute;z-index:2;right:8px;top:8px;width:132px;display:flex;align-items:center;flex-direction:column;pointer-events:none}.watch-gizmo{position:relative;width:132px;height:132px}.watch-gizmo>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.watch-gizmo line{stroke:var(--axis-color);stroke-width:2}.watch-axis-x{--axis-color:#db6674}.watch-axis-y{--axis-color:#60ad8a}.watch-axis-z{--axis-color:#659afb}.watch-workspace .watch-axis{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid var(--axis-color);border-radius:50%;width:32px;height:32px;background:#253140;color:#e5eaf2;font-size:11px;font-weight:700;line-height:1;box-shadow:0 1px 4px #0003}.watch-workspace .watch-axis[data-front=true]{background:var(--axis-color);color:#102030}.watch-workspace .watch-axis[aria-pressed=true]{outline:2px solid #fff;outline-offset:2px}#watch-projection{pointer-events:auto;color:var(--color-heading);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;min-height:30px;padding:4px 10px}#watch-projection[aria-pressed=true]{background:var(--color-primary-bg);color:var(--color-primary-dark);border-color:var(--color-primary-border)}#watch-orientation{font-size:10px;color:#c4cfdb;padding-top:4px}.watch-navigation{position:absolute;z-index:2;bottom:12px;left:12px;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm)}.watch-navigation .btn{width:36px;min-width:36px;height:36px;padding:7px;border-color:transparent;border-radius:var(--radius-sm);font-size:21px;line-height:1}.watch-navigation .btn[aria-pressed=true]{background:var(--color-primary-bg);color:var(--color-primary-dark);border-color:var(--color-primary-border)}.watch-workspace .wb-icon{width:18px;height:18px;flex-shrink:0}.watch-camera-detail{margin:12px 0;font-size:12px;color:var(--color-text-muted)}.watch-camera-detail summary{cursor:pointer;color:var(--color-text-secondary);font-weight:600}.watch-camera-detail p{margin:10px 0;line-height:1.65}.watch-camera-detail .watch-button-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.watch-clock-note,.watch-reference{font-size:11px;color:var(--color-text-muted);margin:14px 0}.watch-controls{min-width:0;border-left:1px solid var(--color-border);padding-left:20px}.watch-message:empty{display:none}.watch-message{font-size:12px;color:var(--color-text-muted);margin:12px 0}.watch-message[data-error=true]{color:var(--color-error);background:var(--color-error-bg);padding:8px;border-radius:var(--radius-sm)}.watch-inspector-tabs{display:flex;gap:16px;border-bottom:1px solid var(--color-border);margin-bottom:18px}.watch-inspector-tabs button{padding:8px 1px 12px;font-size:14px;font-weight:600;border:0;border-bottom:2px solid transparent;color:var(--color-text-muted);background:transparent;min-height:42px}.watch-inspector-tabs button[aria-selected=true]{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.watch-controls fieldset{min-width:0;margin:0;padding:0;border:0}.watch-workspace h2,.watch-controls legend{font-size:14px;font-weight:600;letter-spacing:0;color:var(--color-heading);margin:0 0 12px;padding:0}.watch-controls h2{margin-top:22px}.watch-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.watch-button-grid .btn{white-space:normal;min-height:36px;line-height:1.35;padding:8px;font-size:12px}.watch-workspace .btn[aria-pressed=true]{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary-dark)}.watch-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.watch-fields select{margin-top:5px}.watch-check{display:flex!important;gap:8px;align-items:flex-start;margin:14px 0!important;font-size:12px!important;font-weight:400!important}.watch-check input{margin-top:3px;accent-color:var(--color-primary);width:16px;height:16px;flex-shrink:0}.watch-turns{display:flex!important;align-items:center;gap:10px;margin:12px 0}.watch-turns input{width:105px!important;margin-left:auto}.watch-section{border-top:1px solid var(--color-border);padding:13px 0;font-size:12px}.watch-section:first-of-type{margin-top:18px}.watch-section summary{cursor:pointer;font-weight:600;color:var(--color-text-secondary)}.watch-section[open] summary{margin-bottom:12px}.watch-section label+label{margin-top:12px}.watch-help{font-size:12px;color:var(--color-text-muted);margin:8px 0 12px;line-height:1.65}.watch-part-panel h2{margin-top:0}.watch-part-panel label{margin:12px 0 6px}#watch-parts{font-size:12px;min-height:180px;padding:4px}#watch-parts option{padding:5px}#watch-selected{font-size:12px;min-height:20px;margin:12px 0;color:var(--color-primary-dark);overflow-wrap:anywhere}#watch-frequency{font-size:12px;color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.watch-lesson{margin:24px 0 16px;padding-top:18px;border-top:1px solid var(--color-border)}.watch-lesson select{max-width:300px}.watch-lesson p{font-size:13px;color:var(--color-text-secondary);margin:12px 0}.watch-flow{display:flex;flex-wrap:wrap;gap:8px}.watch-flow button{border:0;background:transparent;color:var(--color-primary-dark);padding:5px 0;font-size:12px}.watch-flow button+button:before{content:"→";margin:0 8px 0 0;color:var(--color-text-faint)}.watch-expanded .watch-grid{grid-template-columns:1fr}.watch-expanded .watch-stage{height:76svh;min-height:420px}.watch-expanded .watch-controls{border-left:0;border-top:1px solid var(--color-border);padding:16px 0;max-width:650px}.watch-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.watch-toolbar{flex-wrap:wrap}.watch-state-band{min-width:310px;gap:16px}.watch-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.watch-controls{padding-left:16px}.watch-viewport-header>label>span{display:none}}@media(max-width:900px){.watch-grid{grid-template-columns:1fr}.watch-controls{border-left:0;border-top:1px solid var(--color-border);padding:16px 0}.watch-stage{height:520px}.watch-controls .watch-button-grid{max-width:600px}.watch-viewport-header>label>span{display:inline}}@media(max-width:760px){.watch-quick-help{left:8px;top:6px;max-width:calc(100% - 144px);font-size:10px}.watch-rotation-gizmo{width:144px;height:144px}.watch-workspace .watch-rotation-handle{width:32px;height:32px}.watch-stage:has(.watch-callout-layer:not([hidden])) .watch-quick-help p{visibility:hidden}.watch-callout{width:min(240px,calc(100% - 24px));padding:10px}.watch-callout-actions .btn{min-height:44px}.watch-callout-close{width:44px;height:44px}.watch-callout #watch-callout-title{margin-right:26px}.watch-toolbar{gap:12px;padding-bottom:16px;margin-bottom:16px}.watch-toolbar>label{width:calc(100% - 115px);flex-shrink:1}.watch-toolbar>p{width:100px;font-size:11px}.watch-state-band{width:100%;min-width:0;gap:14px;margin:3px 0 0;padding-top:12px;border-top:1px solid var(--color-border-light)}.watch-state-band output{font-size:15px}#watch-clock{font-size:20px}.watch-state-band span{font-size:11px}.watch-stage{height:470px}.watch-viewport-header{padding:6px;gap:4px}.watch-viewport-header>label>span{display:none}.watch-viewport-header #watch-view{width:125px}.watch-workspace :is(button.btn,input[type=number],input[type=search],select){min-height:44px}.watch-viewport-options .btn{height:44px;width:44px;padding:11px}.watch-viewport-options #watch-quality{width:100px}.watch-navigation{bottom:8px;left:8px;gap:2px;padding:3px;max-width:calc(100% - 16px)}.watch-navigation .btn{width:44px;min-width:40px;height:44px;padding:10px;flex-shrink:1}.watch-workspace .watch-axis{width:38px;height:38px}.watch-gizmo-dock{right:3px;top:3px}#watch-projection{min-height:38px}.watch-inspector-tabs button{min-height:44px}.watch-button-grid .btn{font-size:13px}.watch-help,.watch-check,.watch-camera-detail{font-size:13px!important}.watch-camera-detail .watch-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-clock-note,.watch-reference{font-size:12px}}@media(max-width:360px){.watch-viewport-header #watch-view{width:104px}.watch-viewport-options #watch-quality{width:98px}.watch-navigation .btn{width:40px;min-width:38px;padding:9px}.watch-stage{height:440px}.watch-rotation-gizmo{width:132px;height:132px}}.watch-inspection-hint{display:none;color:#c2dcff}.watch-stage:has(#watch-canvas[data-inspect-through=true]) .watch-inspection-hint{display:block}.watch-viewport{--color-card:#23303e;--color-bg:#17212c;--color-heading:#edf3fa;--color-text:#dce6f2;--color-text-secondary:#c5d3e3;--color-text-muted:#aebed0;--color-text-faint:#8295aa;--color-border:#a8c2de33;--color-border-light:#a8c2de12;--color-primary-dark:#a4caff;--color-primary-bg:#5e9fff26;--color-primary-border:#78afff70;--color-error:#ffc1c1;--color-error-bg:#7b283b55;--radius-sm:2px;--radius-md:3px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0004;isolation:isolate;scroll-margin-top:64px;color:var(--color-text);color-scheme:dark}.watch-stage{--dock-width:300px;height:clamp(540px,calc(100svh - 250px),740px)}.watch-scene-area{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;min-height:0}.watch-stage .watch-controls{position:absolute;inset:12px 12px 12px auto;width:var(--dock-width);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-card) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;z-index:6;overflow:hidden}.watch-dock-header{display:flex;align-items:center;gap:6px;padding:0 10px 0 16px;border-bottom:1px solid var(--color-border);min-height:48px;flex-shrink:0}.watch-dock-header .watch-inspector-tabs{flex:1;margin:0;border:0;gap:18px;align-self:stretch}.watch-dock-header .watch-inspector-tabs button{padding:12px 0 10px;font-size:13px;min-height:44px}#watch-panel-toggle{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted)}#watch-panel-toggle:hover{background:var(--color-border-light)}.watch-workspace[data-panel-open=false] #watch-panel-toggle svg{transform:rotate(180deg)}.watch-inspector-body{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:16px;scrollbar-width:thin;scrollbar-color:#c4cbd4 transparent}.watch-workspace[data-panel-open=false] .watch-controls{inset:12px 12px auto auto;width:220px;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.watch-workspace[data-panel-open=false] .watch-dock-header{border-bottom:0}.watch-controls .watch-message{margin:0 0 12px;font-size:11px}.watch-controls legend{font-size:12px;color:var(--color-text-secondary);margin-bottom:10px}.watch-controls .watch-button-grid{gap:6px}.watch-controls .watch-fields{gap:8px;margin:12px 0}.watch-controls .watch-help{font-size:11px;line-height:1.55}.watch-inline-help{font-size:11px;color:var(--color-text-muted);margin:6px 0 12px}.watch-inline-help summary{cursor:pointer}.watch-inline-help p{margin:7px 0}.watch-controls #watch-parts{min-height:164px;max-height:210px;background:var(--color-card)}.watch-controls #watch-selected{margin:10px 0 8px;font-weight:600}.watch-controls .watch-section{padding:12px 0}.watch-workspace #watch-pause{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.watch-workspace #watch-pause:hover{background:#1d4ed8}.watch-viewport-header{position:relative;z-index:10;gap:10px}.watch-viewport-header #watch-view{width:184px}.watch-display-options{position:relative;font-size:12px}.watch-display-options>summary{display:flex;align-items:center;gap:12px;min-height:36px;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-heading);cursor:pointer;list-style:none;background:var(--color-card)}.watch-display-options>summary::-webkit-details-marker{display:none}.watch-display-options[open]>summary{border-color:var(--color-primary-border);background:var(--color-primary-bg)}.watch-display-panel{position:absolute;right:0;top:calc(100% + 8px);width:210px;padding:14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.watch-display-panel label{font-weight:500}.watch-viewport-options .watch-display-panel #watch-quality{width:100%;margin-top:6px}.watch-display-panel>div{margin-top:12px;font-size:12px;color:var(--color-text-secondary)}.watch-display-panel #watch-projection{display:block;margin-top:6px;min-height:36px;width:100%;font-size:12px}.watch-support{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:16px;color:var(--color-text-secondary)}.watch-support>.watch-camera-detail,.watch-about{margin:0;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:12px}.watch-about>summary{cursor:pointer;font-weight:600}.watch-about .watch-lesson{margin:16px 0;padding-top:14px}.watch-quick-help{max-width:176px}.watch-quick-help .watch-gizmo-help{font-weight:400}.watch-expanded .watch-stage{height:calc(100svh - 110px);min-height:540px}.watch-expanded .watch-stage .watch-controls{padding:0;max-width:none;border:1px solid var(--color-border)}@media(min-width:761px)and (max-width:1000px){.watch-stage{--dock-width:272px}}@media(max-width:760px){.watch-toolbar{margin-bottom:12px;padding-bottom:12px;gap:10px}.watch-toolbar>label{width:calc(100% - 110px)}.watch-state-band{padding-top:10px;gap:10px}.watch-state-band span{font-size:10px}.watch-state-band #watch-mode{font-size:12px}.watch-viewport-header{padding:6px;min-height:54px}.watch-viewport-header #watch-view{width:128px}.watch-viewport-options{gap:4px}.watch-display-options>summary{min-height:44px;padding:8px;gap:7px}.watch-stage{--dock-height:264px;height:clamp(620px,calc(100svh - 160px),760px)}.watch-stage .watch-controls,.watch-workspace[data-panel-open=false] .watch-controls{inset:auto 12px 12px;width:auto;height:48px;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.watch-workspace[data-panel-open=true] .watch-controls{height:var(--dock-height)}.watch-navigation{bottom:72px}.watch-workspace[data-panel-open=true] .watch-navigation{bottom:calc(var(--dock-height) + 24px)}.watch-dock-header{min-height:48px;padding:0 8px 0 16px}.watch-dock-header .watch-inspector-tabs{gap:24px}#watch-panel-toggle{width:44px;height:44px}#watch-panel-toggle svg{transform:rotate(90deg)}.watch-workspace[data-panel-open=false] #watch-panel-toggle svg{transform:rotate(-90deg)}.watch-inspector-body{padding:12px 14px 16px;touch-action:pan-y}.watch-controls .watch-fields{margin:10px 0}.watch-controls .watch-button-grid{max-width:none}.watch-controls .watch-help{font-size:11px!important}.watch-controls .watch-check{font-size:12px!important}.watch-quick-help{max-width:148px}.watch-rotation-gizmo{width:132px;height:132px}.watch-workspace[data-panel-open=true] .watch-quick-help p{display:none}.watch-workspace[data-panel-open=true] .watch-callout{max-height:calc(100% - var(--dock-height) - 236px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.watch-support{grid-template-columns:1fr;gap:0}.watch-support>.watch-camera-detail,.watch-about{font-size:12px}.watch-expanded .watch-stage{height:calc(100svh - 110px);min-height:620px}.watch-display-panel{right:-48px}}@media(max-width:360px){.watch-viewport-header #watch-view{width:112px}.watch-display-options>summary{gap:4px;padding:8px 6px}.watch-viewport-header{gap:4px}.watch-navigation .btn{min-width:40px}}.watch-viewport-header{background:#1b2734}.watch-viewport :is(.watch-controls,.watch-callout,.watch-navigation,.watch-display-panel){background:linear-gradient(145deg,#253547dd,#17212ce8);backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);border-color:#bed8f238;box-shadow:inset 0 1px #ffffff09,0 5px 18px #0003}.watch-viewport .btn-secondary{background:#a8c2de12;color:var(--color-text);border-color:var(--color-border)}.watch-viewport .btn-secondary:hover{background:#a8c2de26;border-color:#bed8f255}.watch-viewport .btn-outline{color:var(--color-primary-dark);border-color:var(--color-primary-border)}.watch-viewport .btn-outline:hover{background:var(--color-primary-bg);color:var(--color-heading)}.watch-viewport select option,.watch-viewport select optgroup{background:#23303e;color:var(--color-heading)}.watch-viewport #watch-parts option:checked{background:#335680;color:#fff}.watch-viewport .watch-inspector-body{scrollbar-color:#72859b66 transparent}@media(prefers-reduced-transparency:reduce){.watch-viewport :is(.watch-controls,.watch-callout,.watch-navigation,.watch-display-panel,.watch-isolation){background:#202d3b;backdrop-filter:none;-webkit-backdrop-filter:none}}.watch-isolation{position:absolute;z-index:7;left:12px;bottom:66px;display:flex;align-items:center;gap:12px;padding:8px 10px;width:min(340px,calc(100% - var(--dock-width) - 36px));border:1px solid var(--color-primary-border);border-radius:var(--radius-md);background:#202f40f5;box-shadow:var(--shadow-md)}.watch-isolation>div{flex:1;min-width:0;line-height:1.4}.watch-isolation span{display:block;font-size:10px;color:var(--color-text-muted)}.watch-isolation strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#watch-exit-isolate{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:44px;padding:8px 10px;font-size:12px;white-space:nowrap}.watch-load-progress-panel{position:absolute;inset:auto 24px 24px;text-align:left}.watch-load-progress-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;font-size:12px;color:var(--color-text-secondary)}#watch-load-detail{font-variant-numeric:tabular-nums;color:var(--color-heading)}#watch-load-progress{display:block;width:100%;height:6px;border:0;border-radius:2px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#a8c2de26;accent-color:var(--color-primary-dark)}#watch-load-progress::-webkit-progress-bar{background:#a8c2de26}#watch-load-progress::-webkit-progress-value{background:var(--color-primary-dark)}#watch-load-progress::-moz-progress-bar{background:var(--color-primary-dark)}#watch-load-progress:indeterminate{background:linear-gradient(90deg,transparent,var(--color-primary-dark),transparent) 0 0 / 45% 100% no-repeat,#a8c2de26;animation:watch-loading-progress 1.6s ease-in-out infinite alternate}#watch-load-progress:indeterminate::-webkit-progress-bar{background:transparent}@keyframes watch-loading-progress{to{background-position:100% 0}}@media(prefers-reduced-motion:reduce){#watch-load-progress:indeterminate{animation:none;background-position:50% 0}}@media(max-width:760px){.watch-isolation{bottom:130px;width:calc(100% - 24px);gap:8px;padding:6px 8px}.watch-workspace[data-panel-open=true] .watch-isolation{bottom:calc(var(--dock-height) + 82px)}.watch-load-progress-panel{inset:auto 16px 76px}}