.preview:has(.phone-viewer-note){height:auto;min-height:0;overflow:visible}.phone-viewer-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.phone-viewer-note-icon{color:var(--ink);margin-top:var(--space-1);flex:none;align-self:flex-start}.phone-viewer-note-copy{gap:var(--space-1);flex:1;min-width:0;display:grid}.phone-viewer-note p{color:var(--muted);font-size:var(--text-sm);margin:0}.phone-viewer-note p.phone-viewer-note-title{color:var(--ink);font-weight:var(--weight-medium)}.phone-viewer-note .br-btn{flex:none;align-self:center;position:relative}@media (pointer:coarse){.phone-viewer-note .br-btn--icon:before{content:"";inset:calc((100% - var(--control-h)) / 2);position:absolute}}.phone-drawing-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--surface) 74%, transparent);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-1);padding:var(--space-1);pointer-events:auto;flex:none;display:flex}.phone-drawing-switch button{align-items:center;gap:var(--space-1);min-height:var(--control-h-sm);padding:0 var(--space-2);display:inline-flex}.viewer-toolbar .phone-drawing-switch button[aria-pressed=true]{background:var(--surface-muted);border-color:var(--border);color:var(--ink)}.viewer-phone-full{background:var(--bg);z-index:70;grid-template-rows:minmax(0,1fr) auto;width:auto;height:auto;min-height:100dvh;position:fixed;inset:0}html.phone-viewer-lock,html.phone-viewer-lock body{overflow:hidden}.viewer-phone-full>.viewer-stage{height:100%;min-height:0;max-height:none}.viewer-phone-full>.viewer-stage.viewer-stage--float.pcb-layer-stage{padding-top:calc(var(--space-3) + var(--control-h) + var(--space-2) + 2px + env(safe-area-inset-top,0px))}@media (min-width:641px){.viewer-phone-full>.viewer-stage.viewer-stage--float.pcb-layer-stage{padding-bottom:calc(var(--space-4) + var(--control-h) + var(--space-2) + 2px)}}.viewer-phone-full .viewer-toolbar{left:calc(var(--space-4) + env(safe-area-inset-left,0px));right:calc(var(--space-4) + env(safe-area-inset-right,0px));top:calc(var(--space-3) + env(safe-area-inset-top,0px));flex-wrap:wrap}.viewer-phone-full .viewer-toolbar .view-select{max-width:42vw}.viewer[data-phone-viewer=page] .viewer-scale.viewer-count,.viewer[data-phone-viewer=full] .viewer-scale.viewer-count{display:none}.viewer[data-phone-viewer=page] .hotspot-panel,.viewer[data-phone-viewer=full] .hotspot-panel,.viewer[data-phone-viewer=page] .br-menu,.viewer[data-phone-viewer=full] .br-menu,.viewer[data-phone-viewer=page] .pcb-layers-popover,.viewer[data-phone-viewer=full] .pcb-layers-popover,.viewer[data-phone-viewer=page] .view-select__menu,.viewer[data-phone-viewer=full] .view-select__menu{touch-action:pan-y}.phone-selection-caption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--surface) 74%, transparent);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--ink);font-size:var(--text-sm);max-width:46vw;padding:var(--space-2) var(--space-3);pointer-events:auto;text-overflow:ellipsis;white-space:nowrap;flex:none;margin:0;overflow:hidden}.viewer-phone-close button{align-items:center;gap:var(--space-1);display:inline-flex}.viewer-toolbar .viewer-phone-close{margin-left:0}.viewer-phone-full .hotspot-panel{align-content:start;gap:var(--space-2);height:auto;max-height:calc(100svh - var(--space-10) - var(--space-6) - env(safe-area-inset-bottom,0px));max-width:none;padding:var(--space-2) var(--space-3);bottom:auto;left:auto;right:calc(var(--space-3) + env(safe-area-inset-right,0px));top:calc(var(--space-8) + var(--space-2));width:min(calc(var(--space-10) * 4), 34vw);z-index:4;overflow:auto}.viewer-phone-full .pcb-net-pads{max-height:calc(var(--space-10) * 2)}.viewer-phone-full:has(.br-viewer-dock) .hotspot-panel{max-height:calc(100dvh - var(--control-h) - var(--space-10) - var(--space-8) - env(safe-area-inset-bottom,0px))}@media (pointer:coarse) and (orientation:portrait) and (max-width:520px){.viewer[data-phone-viewer=page] .hotspot-panel{display:none}.viewer[data-phone-viewer=page]:has(.phone-viewer-note) .viewer-stage{height:min(64vh, calc(100dvh - var(--space-10) * 5 - var(--space-8)));min-height:0}}@media (pointer:coarse){.viewer-toolbar .br-finder__field{font-size:var(--text-md);height:var(--control-h)}}.viewer-phone-full .viewer-toolbar:has(.br-menu,.pcb-layers-popover){z-index:5}.viewer-phone-full .br-viewer-tool{height:var(--control-h);min-width:var(--control-h)}.viewer-phone-full .viewer-toolbar .view-select{height:var(--control-h)}.viewer-phone-full .viewer-toolbar .br-native-select{--select-surface-h:var(--control-h);--select-target-h:var(--control-h)}.viewer-phone-full .br-viewer-components>button{min-height:var(--control-h-sm);padding-block:0}.viewer-phone-full .br-viewer-dock .br-viewer-tool-menu{position:static}.viewer-phone-full .br-viewer-tool-popover{max-height:calc(100svh - var(--control-h) * 2 - var(--space-8) - var(--space-4) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:min(calc(var(--space-10) * 5), calc(100vw - var(--space-8)));left:50%;transform:translate(-50%)}.viewer-phone-full .br-viewer-tool-popover,.viewer-phone-full .pcb-layers-popover{overscroll-behavior:contain;overflow:hidden auto}.viewer-phone-full .pcb-layers-popover{max-height:calc(100svh - var(--control-h) - var(--space-10) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:min(calc(var(--space-10) * 5), calc(100vw - var(--space-8)))}.viewer-phone-full .pcb-layer-presets{flex-wrap:wrap}.viewer-phone-full .pcb-layer-preset{flex:1 1 var(--space-9);min-width:0}.viewer-phone-full .br-viewer-tool-lamps>p{display:none}.viewer-phone-full .br-viewer-tool-light__settings{display:contents}.viewer-phone-full .br-viewer-tool-light>.br-light-dial{--light-dial-size:calc(var(--space-10) + var(--space-8));grid-area:1/1/3}.viewer-phone-full .br-viewer-tool-range--stacked{grid-area:3/1/auto/-1}.viewer-phone-full .br-viewer-tool-range--stacked>span{flex-direction:row;justify-content:space-between;align-items:center}.viewer-phone-full .br-view-cube{bottom:calc(var(--control-h) + var(--space-8) + env(safe-area-inset-bottom,0px));top:auto}@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){.viewer[data-phone-viewer=page] .hotspot-panel{display:none}.preview:has(.viewer[data-phone-viewer=page]){min-height:0}.viewer[data-phone-viewer=page] .viewer-stage{height:min(64vh, calc(100dvh - var(--space-10) * 4));max-height:calc(100dvh - var(--space-10) * 4);min-height:0}}