.console-shell{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--av-bg)}.console-shell button{min-height:44px}.console-strip{display:flex;align-items:center;gap:6px;padding:4px 12px;border-bottom:1px solid var(--av-line);background:var(--av-surface);min-width:0;flex-wrap:wrap}.console-views{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.console-views button{display:flex;align-items:center;gap:6px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:8px 12px;white-space:nowrap;color:var(--av-text-2)}.console-views button[aria-selected=true]{border-bottom-color:var(--av-accent);color:var(--av-text);font-weight:700}.console-dot{width:7px;height:7px;border-radius:50%;background:var(--av-warning);display:inline-block}.console-quick{display:flex;gap:4px;margin-left:8px;padding-left:10px;border-left:1px solid var(--av-line);min-width:0;overflow-x:auto;scrollbar-width:none}.console-quick button{display:flex;align-items:center;gap:6px;padding:8px 11px;white-space:nowrap;background:transparent;border-color:var(--av-line)}.console-quick button[aria-pressed=true]{border-color:var(--av-accent-line);color:var(--av-text);background:var(--av-accent-soft)}.console-badge{background:var(--av-raised);border-radius:20px;padding:1px 7px;font-size:11px}.console-tools{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.console-tools button{white-space:nowrap;background:transparent}.console-tools button[aria-pressed=true]{border-color:var(--av-warning-line);color:var(--av-warning)}.console-icon{min-width:44px;padding:0 10px;display:inline-grid;place-items:center;background:transparent}.console-notice{margin:0;padding:8px 14px;font-size:12px;background:var(--av-warning-soft);border-bottom:1px solid var(--av-warning-line);color:var(--av-text)}.console-grid{position:relative;flex:1;min-height:0;display:grid;gap:8px;padding:10px 12px;touch-action:none}.console-grid{background-image:radial-gradient(var(--av-grid,var(--av-line)) 1px,transparent 1px);background-size:24px 24px;background-position:12px 10px}.mode-phone .console-grid,.mode-tablet .console-grid{touch-action:auto;background-image:none}.console-panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--av-surface);border:2px solid var(--av-line);border-radius:6px;overflow:hidden;touch-action:auto}.console-panel.is-lit{background:var(--av-surface-2);border-color:var(--av-line-strong);box-shadow:0 0 0 1px var(--av-accent-soft),0 0 34px var(--av-accent-soft)}.console-panel.is-focused{border-color:var(--av-accent-line)}.console-panel.is-lit.is-focused{border-color:var(--av-accent)}.console-panel.is-dragging{opacity:.55}.console-bar{display:flex;align-items:center;gap:10px;min-height:48px;padding:2px 4px 2px 14px;border-bottom:1px solid var(--av-line);-webkit-user-select:none;user-select:none;flex-shrink:0}.console-bar.can-drag{cursor:grab;touch-action:none}.console-title{font-size:13px;letter-spacing:.02em;white-space:nowrap;color:var(--av-text-2)}.is-lit .console-title{font-size:14px;color:var(--av-text)}.is-focused .console-title{color:var(--av-text)}.console-context{font-size:12px;color:var(--av-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.console-bar-actions{margin-left:auto;display:flex;gap:4px;align-items:center;flex-shrink:0}.console-bar-actions button{padding:0 10px}.console-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.console-resize{position:absolute;right:0;bottom:0;width:22px;height:22px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 55%,var(--av-line-strong) 55%,var(--av-line-strong) 62%,transparent 62%,transparent 72%,var(--av-line-strong) 72%,var(--av-line-strong) 79%,transparent 79%)}.console-ghost{border:2px dashed var(--av-accent);border-radius:6px;background:var(--av-accent-soft);pointer-events:none;z-index:2}.console-ghost.is-invalid{border-color:var(--av-danger);background:var(--av-danger-soft)}.console-empty{grid-column:1/-1;grid-row:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.console-phone-note{display:none}.console-pop{position:fixed;z-index:50;width:min(460px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--av-surface);border:1px solid var(--av-line-strong);border-radius:8px;box-shadow:var(--av-shadow-pop,0 16px 40px rgba(0,0,0,.35))}.console-menu{width:min(280px,calc(100vw - 16px))}.console-pop h3{font-size:15px}.console-pop p{font-size:12px}.console-menu button,.console-choice-actions button{text-align:left;background:transparent}.console-menu button.danger{color:var(--av-danger)}.console-menu-title{font-weight:700;color:var(--av-text)!important}.console-menu-note{font-size:11px}.console-groups{display:flex;gap:4px}.console-groups button{flex:1;background:transparent}.console-groups button[aria-pressed=true]{border-color:var(--av-accent);background:var(--av-accent-soft)}.console-choices{display:flex;flex-direction:column;gap:6px}.console-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:10px 12px;background:var(--av-surface-2)}.console-choices button span{font-size:12px;color:var(--av-muted)}.console-choices small{font-weight:400}.console-choice-actions{display:flex;flex-direction:column;gap:6px}.console-preview{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,10px);gap:2px;padding:6px;border:1px solid var(--av-line);border-radius:4px}.console-preview i{background:var(--av-raised);border-radius:2px}.console-preview b{background:var(--av-accent);border-radius:2px;opacity:.75}.console-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.console-pad button{text-align:center}.console-rename{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.console-close{margin-top:4px}@media(max-width:1099px){.console-strip{padding:4px 8px}.console-quick{margin-left:0;padding-left:0;border-left:0;order:3;flex-basis:100%}}@media(max-width:719px){.console-grid{padding:6px;gap:6px}.console-quick{flex:none;margin:0;justify-content:stretch;padding:4px 6px max(4px,env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--av-line);background:var(--av-surface)}.console-quick button{flex:1;min-width:0;padding:8px 6px;font-size:12px;justify-content:center}.console-tools button:first-child{padding:0 10px}.console-pop{left:8px!important;right:8px;width:auto;top:auto!important;bottom:8px;max-height:70dvh}}@media(prefers-reduced-motion:reduce){.console-shell *{transition:none!important;animation:none!important}}.equipment-lab-native{height:100%;min-height:0;min-width:0;color:var(--av-text,#222);font:inherit}.equipment-lab-native button,.equipment-lab-native input,.equipment-lab-native select{font:inherit;color:inherit;min-height:44px;max-width:100%;border:1px solid var(--av-line,#b6b2aa);border-radius:8px;background:var(--av-surface,#f8f5f0);padding:8px 10px}.equipment-lab-native button{cursor:pointer}.equipment-lab-native :focus-visible{outline:3px solid #b46b30;outline-offset:2px}.equipment-lab-native a{color:var(--av-accent,#8f4928);text-underline-offset:3px}.equipment-lab-native h2{font-size:clamp(1rem,1.5vw,1.35rem);margin:4px 0 10px;line-height:1.25}.equipment-lab-native small{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}.lab-library{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.lab-filter{display:grid;gap:9px;padding:10px 12px}.lab-filter label,.lab-control label{display:grid;gap:5px;font-size:.8rem;font-weight:650}.lab-filter p{margin:0;font-size:.75rem}.lab-list{overflow:auto;overscroll-behavior:contain;padding:4px 12px 14px;display:flex;flex-direction:column;gap:8px;min-height:0}.lab-card{text-align:left;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:5px}.lab-card strong{font-size:.88rem;line-height:1.35}.lab-card span{font-size:.72rem;opacity:.8}.lab-card[aria-pressed=true]{box-shadow:inset 4px 0 #a65e32;border-color:#a65e32;background:var(--av-accent-soft,#f0e0cd)}.lab-inspector{height:100%;display:grid;grid-template-rows:auto minmax(90px,1fr) auto;min-height:0}.lab-heading{padding:10px 12px 0}.lab-viewer{display:grid;grid-template-rows:minmax(45px,1fr) auto auto;min-height:0}.lab-canvas{position:relative;min-height:0;overflow:hidden}.lab-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.lab-view-buttons{display:flex;gap:5px;padding:6px 10px;flex-wrap:wrap}.lab-view-buttons button{font-size:.75rem;padding:4px 9px;flex:1}.lab-help,.lab-error{font-size:.72rem;line-height:1.35;margin:0;padding:0 12px 7px}.lab-error{color:var(--av-text,#222);font-weight:650}.lab-control{padding:9px 12px;border-top:1px solid var(--av-line,#c7c2ba)}.lab-control p{font-size:.79rem;line-height:1.4;margin:6px 0 0}.lab-copy{padding:16px;overflow:auto;min-height:0;height:100%;box-sizing:border-box;overscroll-behavior:contain;line-height:1.55;max-width:80ch}.lab-copy h3{font-size:1rem}.lab-copy li{margin:.8em 0}.lab-copy dt{font-weight:650}.lab-copy dd{margin:0 0 1em}.lab-copy code{overflow-wrap:anywhere}.lab-standalone{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.lab-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--av-line,#c7c2ba)}.lab-header h1{font-size:1.2rem;margin:0}.lab-header div{display:flex;gap:10px;align-items:center}.lab-header a,.lab-header button{font:inherit;color:inherit;min-height:44px;display:inline-flex;align-items:center}.lab-header button{border:1px solid var(--av-line,#c7c2ba);border-radius:8px;background:transparent;padding:6px 10px}.lab-shell,#root{height:100%;min-height:0}html:has(.lab-shell),body:has(.lab-shell){height:100%;width:100%;margin:0;overflow:hidden}body:has(.lab-shell){height:100dvh;background:var(--av-bg,#eee8df);color:var(--av-text,#222)}.lab-shell{display:grid;grid-template-columns:auto minmax(0,1fr)}.lab-shell .skip{position:absolute;left:10px;top:-70px;z-index:100}.lab-shell .skip:focus{top:5px;background:#fff;padding:12px}.lab-standalone>.console-workspace{min-height:0}.lab-nav{display:flex;gap:12px}@media(max-width:680px){.lab-header{padding:5px 9px}.lab-header h1{font-size:1rem}.lab-header a,.lab-header button{font-size:.75rem}.lab-header .lab-home{display:none}.lab-copy{padding:12px}.lab-control p{font-size:.75rem}.lab-filter{grid-template-columns:1fr 1fr}.lab-filter p{grid-column:1/-1}.lab-filter input,.lab-filter select{width:100%;min-width:0}.lab-filter label{min-width:0}}@media(max-height:500px){.lab-header{padding:0 8px}.lab-header h1{font-size:.9rem}.lab-heading{padding:4px 8px 0}.lab-heading h2{font-size:.9rem;margin-bottom:4px}.lab-heading small,.lab-help,.lab-control p{display:none}.lab-control{padding:4px 8px}.lab-control label{grid-template-columns:auto 1fr;align-items:center}.lab-inspector{grid-template-rows:auto minmax(30px,1fr) auto}.lab-view-buttons{padding:2px 8px;gap:4px}.lab-view-buttons button{min-height:32px;font-size:.7rem}.lab-viewer{grid-template-rows:minmax(20px,1fr) auto auto}.lab-filter{grid-template-columns:1fr 1fr;padding:5px;gap:4px}.lab-filter p{display:none}.lab-filter label{font-size:.7rem}.lab-list{padding:4px}.lab-card{padding:6px}.lab-card small,.lab-card span{display:none}}@media(min-width:2600px){.lab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start}.lab-copy{font-size:1.05rem}.lab-heading,.lab-control{padding:18px}}@media print{html:has(.lab-shell),body:has(.lab-shell),.lab-shell,#root,.lab-standalone,.equipment-lab-native,.lab-copy,.lab-list{height:auto;overflow:visible;display:block}.lab-header,.lab-view-buttons,.sbd-rail-host{display:none}}.lab-shell #root{grid-column:2;grid-row:1;min-width:0;overflow:hidden}.lab-standalone{font:14px system-ui,sans-serif}.lab-standalone button{font:inherit;min-height:44px;color:var(--av-text);background:var(--av-surface);border:1px solid var(--av-line);border-radius:6px;padding:6px 10px}.lab-standalone *{box-sizing:border-box}.lab-standalone :focus-visible{outline:3px solid var(--av-focus);outline-offset:2px}.lab-standalone .console-title,.lab-standalone .console-views button{font-size:12px}.lab-standalone .console-quick{overflow-x:auto}
