/* One quiet vocabulary for every LAB result. Lines explain measurements;
   they do not decorate cards. Controls keep 44 px targets. */
:root{--wl-ui-font:var(--mono,'Courier New',monospace);--wl-ui-size:11px;--wl-ui-line:1.5;--wl-ui-inset:24px;--wl-vision-tone:194,143,31}
html[data-theme=dark]{--wl-vision-tone:226,186,80}
html.wl-workshop-ready :is(#wl-workshop-info,.vision-panel){position:fixed;inset:auto auto var(--wl-ui-inset) var(--wl-ui-inset);width:320px;max-width:calc(100vw - 48px);max-height:40dvh;overflow:auto;box-sizing:border-box;padding:12px 16px;border:0;border-radius:0;box-shadow:none;background:var(--paper,#fcfcf9);color:var(--ink,#171813);text-align:start;font:400 var(--wl-ui-size)/var(--wl-ui-line) var(--wl-ui-font)}
html.wl-workshop-ready #wl-workshop-info{padding-inline-end:48px}
html.wl-workshop-ready .wl-info-body>strong,html.wl-workshop-ready .vision-title{font:400 12px/1.5 var(--wl-ui-font);letter-spacing:0;margin:0}
html.wl-workshop-ready .wl-info-body>p,html.wl-workshop-ready .vision-note{font:400 11px/1.5 var(--wl-ui-font);color:var(--muted,#686960);margin:4px 0 12px}
html.wl-workshop-ready .wl-info-body dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
html.wl-workshop-ready .wl-info-body dt{font:400 11px/1.5 var(--wl-ui-font)}
html.wl-workshop-ready .wl-info-body dd{font:400 12px/1.5 var(--wl-ui-font);color:var(--ink);letter-spacing:0}
html.wl-workshop-ready :is(.wl-info-close,.vision-close){display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;font:400 22px/1 var(--wl-ui-font);cursor:pointer}
html.wl-workshop-ready .wl-info-close{inset-block-start:0;inset-inline-end:0}
html.wl-workshop-ready .vision-top{display:flex;align-items:center;gap:8px;margin:-10px -12px 0 0;min-height:44px}
html.wl-workshop-ready .vision-title{flex:1}
html.wl-workshop-ready .vision-tabs{display:flex;gap:16px;border:0;padding:0;margin:0 0 8px}
html.wl-workshop-ready :is(.vision-tabs button,.vision-retry,.wl-code-tabs button){position:relative;min-width:44px;min-height:44px;padding:8px 0;border:0;background:transparent;box-shadow:none;color:var(--muted);font:400 11px/1.5 var(--wl-ui-font);cursor:pointer}
html.wl-workshop-ready :is(.vision-tabs button,.wl-code-tabs button)[aria-pressed=true]{background:none;color:var(--wl-lab-accent)}
html.wl-workshop-ready :is(.vision-tabs button,.wl-code-tabs button)[aria-pressed=true]::after{content:'';position:absolute;bottom:4px;inset-inline:0;height:1px;background:currentColor}
html.wl-workshop-ready .vision-scale{height:2px;margin:0 0 4px;background:linear-gradient(90deg,rgba(var(--wl-vision-tone),0),rgba(var(--wl-vision-tone),.784))}
html.wl-workshop-ready .vision-scale-labels{display:flex;justify-content:space-between;color:var(--muted);font:400 11px/1.5 var(--wl-ui-font)}
html.wl-workshop-ready .vision-status{font:400 11px/1.5 var(--wl-ui-font);margin:0 0 8px}
.vision-status:empty{display:none}
.vision-overlay[data-state=ready] .vision-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;margin:0!important}
.vision-scope{font:400 11px/1.5 var(--wl-ui-font);color:var(--muted);margin:0 0 8px}.vision-scope[hidden]{display:none!important}
html.wl-workshop-ready .vision-progress{height:1px;background:var(--line);margin:0 0 8px;overflow:hidden}
html.wl-workshop-ready .vision-progress>i{display:block;width:35%;height:100%;background:var(--wl-lab-accent);animation:wl-vision-loading 1.2s ease-in-out infinite alternate}
.vision-progress[hidden]{display:none!important}
html.wl-workshop-ready .vision-method{border:0;padding:0;margin:8px 0 0;color:var(--muted);font:400 11px/1.6 var(--wl-ui-font)}
html.wl-workshop-ready .vision-method summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}
.vision-method summary::-webkit-details-marker{display:none}.vision-method summary::after{content:'+'}.vision-method[open] summary::after{content:'−'}
.vision-method p{margin:0 0 8px}.vision-method a{text-underline-offset:3px}
html.wl-workshop-ready :is(.vision-panel button,.vision-panel summary,.wl-code-tabs button):focus-visible{outline:1px solid var(--wl-lab-accent);outline-offset:2px}
html.wl-workshop-ready .wl-inspect-box{background:rgba(var(--wl-vision-tone),.025)}
html.wl-workshop-ready :is(.wl-inspect-label,.wl-inspect-number){font:400 11px/1.5 var(--wl-ui-font);letter-spacing:0;padding:2px 4px}
html.wl-workshop-ready .wl-inspect-label{max-width:min(280px,calc(100vw - 24px));overflow:hidden;text-overflow:ellipsis}
html.wl-workshop-ready :is(#wonderlab-column-grid>button,#wonderla-canon-grid>.canon-grid-close){inset:auto auto 24px 24px!important;max-width:calc(100vw - 48px)!important;min-height:44px!important;padding:8px 12px!important;border:0!important;box-shadow:none!important;background:var(--paper)!important;color:var(--ink)!important;font:400 11px/1.5 var(--wl-ui-font)!important}
html.wl-workshop-ready #wl-reading-note{inset:auto auto 24px 24px;max-width:calc(100vw - 48px);min-height:44px;border:0;box-shadow:none;padding:8px 12px;font:400 11px/1.5 var(--wl-ui-font)}
html.wl-workshop-ready #intro#intro#intro .type-lab-panel{position:fixed!important;inset:auto auto 24px 24px!important;width:340px!important;max-width:calc(100vw - 48px)!important;max-height:40dvh;overflow:auto;margin:0!important;padding:12px 16px!important;border:0!important;box-shadow:none!important;background:var(--paper)!important;z-index:10006}
html.wl-workshop-ready .type-lab-panel :is(.type-lab-name,.type-lab-count,.type-history p){font:400 11px/1.5 var(--wl-ui-font)!important;letter-spacing:0!important}
html.wl-workshop-ready .type-lab-panel button{min-width:44px!important;min-height:44px!important;background:none!important;border:0!important}
html.wl-workshop-ready .wl-workshop-dialog{border:0;box-shadow:none}
html.wl-workshop-ready .wl-dialog-head{border:0;min-height:56px;padding-inline:24px 12px}
html.wl-workshop-ready .wl-dialog-head>strong{font:400 12px/1.5 var(--wl-ui-font)}
html.wl-workshop-ready .wl-code-tabs{gap:20px;margin-inline:24px}
html.wl-workshop-ready .wl-code-intro{font:400 11px/1.5 var(--wl-ui-font);margin-block:0 8px}
html.wl-workshop-ready #hero-lab :is(.wlb-lab-item,.wlb-lab-btn){height:44px!important;min-height:44px!important}
@keyframes wl-vision-loading{to{transform:translateX(185%)}}
@media(max-width:600px){:root{--wl-ui-inset:12px}html.wl-workshop-ready :is(#wl-workshop-info,.vision-panel){max-width:calc(100vw - 24px);width:calc(100vw - 24px);max-height:35dvh}html.wl-workshop-ready #intro#intro#intro .type-lab-panel{inset:auto 12px 12px!important;width:auto!important;max-width:calc(100vw - 24px)!important}}
@media(prefers-reduced-motion:reduce){.vision-progress>i{animation:none!important}}
html.motion-paused .vision-progress>i{animation:none!important}