.layout-viewer{margin:1rem 0 1.5rem;border:1px solid color-mix(in oklab,var(--color-base-content) 18%,transparent);background:var(--color-base-100);box-shadow:0 1px color-mix(in oklab,var(--color-base-content) 12%,transparent),0 18px 40px -28px color-mix(in oklab,#000 60%,transparent)}.lv-chrome{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .75rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:color-mix(in oklab,var(--color-base-content) 65%,transparent);text-transform:uppercase}.lv-chrome-top{border-bottom:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);background:color-mix(in oklab,var(--color-base-200) 70%,var(--color-base-100))}.lv-chrome-bot{border-top:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);background:color-mix(in oklab,var(--color-base-200) 70%,var(--color-base-100));flex-wrap:wrap}.lv-eyebrow{color:var(--color-primary)}.lv-coord{font-variant-numeric:tabular-nums}.lv-coord [data-lv-x],.lv-coord [data-lv-y]{display:inline-block;min-width:4ch;color:var(--color-base-content)}.lv-help kbd{border:1px solid color-mix(in oklab,var(--color-base-content) 26%,transparent);border-bottom-width:2px;padding:0 .25rem;border-radius:1px;font-size:.85em;font-family:var(--font-mono);color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}.lv-caption{font-style:italic;text-transform:none;letter-spacing:0;color:color-mix(in oklab,var(--color-base-content) 55%,transparent)}.lv-viewport{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-base-100);cursor:grab;user-select:none;touch-action:none}.lv-viewport.is-dragging{cursor:grabbing}.lv-viewport canvas{display:block;width:100%;height:100%;image-rendering:auto}.lv-crosshair{position:absolute;pointer-events:none;inset:0;opacity:0;transition:opacity 80ms ease;background:linear-gradient(transparent calc(50% - .5px),color-mix(in oklab,var(--color-primary) 60%,transparent) calc(50% - .5px),color-mix(in oklab,var(--color-primary) 60%,transparent) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to right,transparent calc(50% - .5px),color-mix(in oklab,var(--color-primary) 60%,transparent) calc(50% - .5px),color-mix(in oklab,var(--color-primary) 60%,transparent) calc(50% + .5px),transparent calc(50% + .5px));background-position:0 var(--lv-cy, 50%),var(--lv-cx, 50%) 0;background-size:100% 100%,100% 100%}.lv-viewport.has-pointer .lv-crosshair{opacity:1}.lv-tag{position:absolute;top:12px;right:12px;background:color-mix(in oklab,var(--color-base-100) 88%,transparent);border:1px solid color-mix(in oklab,var(--color-base-content) 30%,transparent);border-left:2px solid var(--color-primary);color:var(--color-base-content);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;padding:.2rem .5rem}.lv-tag-zoom [data-lv-zoom]{font-variant-numeric:tabular-nums;min-width:4ch;display:inline-block;text-align:right}.lv-scalebar{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.62rem;color:var(--color-base-content);background:color-mix(in oklab,var(--color-base-100) 88%,transparent);padding:.18rem .42rem;border:1px solid color-mix(in oklab,var(--color-base-content) 22%,transparent)}.lv-layers{position:absolute;top:12px;left:12px;background:color-mix(in oklab,var(--color-base-100) 92%,transparent);border:1px solid color-mix(in oklab,var(--color-base-content) 22%,transparent);backdrop-filter:blur(2px);font-family:var(--font-mono);font-size:.66rem;min-width:8.5rem;user-select:none;pointer-events:auto}.lv-layers-head{display:flex;justify-content:space-between;align-items:center;padding:.32rem .5rem;border-bottom:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);background:color-mix(in oklab,var(--color-base-200) 70%,var(--color-base-100))}.lv-layers-eye{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.lv-layers-actions{display:inline-flex;gap:.35rem}.lv-layers-actions button{background:transparent;border:1px solid color-mix(in oklab,var(--color-base-content) 18%,transparent);color:color-mix(in oklab,var(--color-base-content) 75%,transparent);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;padding:.05rem .32rem;cursor:pointer}.lv-layers-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.lv-layers-list{list-style:none;margin:0;padding:.18rem 0;max-height:12rem;overflow-y:auto}.lv-layer-row{display:grid;grid-template-columns:.7rem .85rem 1fr auto;align-items:center;column-gap:.4rem;padding:.16rem .5rem;cursor:pointer;color:color-mix(in oklab,var(--color-base-content) 88%,transparent)}.lv-layer-row:hover{background:color-mix(in oklab,var(--color-primary) 6%,transparent)}.lv-layer-row.is-off{color:color-mix(in oklab,var(--color-base-content) 30%,transparent)}.lv-layer-row.is-off .lv-layer-swatch{opacity:.25}.lv-layer-check{width:.7rem;height:.7rem;border:1px solid color-mix(in oklab,var(--color-base-content) 50%,transparent);display:inline-block;position:relative}.lv-layer-row:not(.is-off) .lv-layer-check:after{content:"";position:absolute;inset:1px;background:var(--color-primary)}.lv-layer-swatch{width:.85rem;height:.7rem;display:inline-block;border:1px solid color-mix(in oklab,var(--color-base-content) 30%,transparent)}.lv-layer-name{font-size:.66rem;letter-spacing:.04em;text-transform:lowercase}.lv-layer-count{font-size:.56rem;color:color-mix(in oklab,var(--color-base-content) 50%,transparent);font-variant-numeric:tabular-nums}.lv-scalebar-bar{display:inline-block;height:7px;width:64px;background:linear-gradient(to right,var(--color-base-content) 0 1px,transparent 1px calc(100% - 1px),var(--color-base-content) calc(100% - 1px) 100%),linear-gradient(color-mix(in oklab,var(--color-base-content) 65%,transparent),color-mix(in oklab,var(--color-base-content) 65%,transparent));background-size:100% 100%,100% 1px;background-repeat:no-repeat;background-position:0 0,0 50%}.lv-palette{position:absolute;pointer-events:none;width:0;height:0;overflow:hidden}.chip-viewer{margin:1.4rem 0 1.5rem;border:1px solid color-mix(in oklab,var(--color-base-content) 18%,transparent);background:var(--color-base-100);box-shadow:0 1px color-mix(in oklab,var(--color-base-content) 12%,transparent),0 18px 40px -28px color-mix(in oklab,#000 60%,transparent)}.cv-chrome{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .75rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:color-mix(in oklab,var(--color-base-content) 65%,transparent);text-transform:uppercase}.cv-chrome-top{border-bottom:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);background:color-mix(in oklab,var(--color-base-200) 70%,var(--color-base-100))}.cv-chrome-bot{border-top:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);background:color-mix(in oklab,var(--color-base-200) 70%,var(--color-base-100));flex-wrap:wrap}.cv-eyebrow{color:var(--color-primary)}.cv-fps{font-variant-numeric:tabular-nums}.cv-help kbd{border:1px solid color-mix(in oklab,var(--color-base-content) 26%,transparent);border-bottom-width:2px;padding:0 .25rem;border-radius:1px;font-size:.85em;font-family:var(--font-mono);color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}.cv-caption{font-style:italic;text-transform:none;letter-spacing:0;color:color-mix(in oklab,var(--color-base-content) 55%,transparent)}.cv-viewport{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#050507;user-select:none}.cv-viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.cv-viewport.is-dragging canvas{cursor:grabbing}.cv-loading{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in oklab,var(--color-primary) 80%,var(--color-base-content));font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.cv-loading.is-done{display:none}.cv-loading-pct{font-variant-numeric:tabular-nums}.cv-layers{position:absolute;top:12px;left:12px;background:color-mix(in oklab,var(--color-base-100) 92%,transparent);border:1px solid color-mix(in oklab,var(--color-base-content) 22%,transparent);backdrop-filter:blur(2px);font-family:var(--font-mono);font-size:.66rem;min-width:9rem;pointer-events:auto}.cv-layers-head{display:flex;justify-content:space-between;align-items:center;padding:.32rem .5rem;border-bottom:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);background:color-mix(in oklab,var(--color-base-200) 70%,var(--color-base-100))}.cv-layers-eye{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.cv-layers-actions{display:inline-flex;gap:.35rem}.cv-layers-actions button{background:transparent;border:1px solid color-mix(in oklab,var(--color-base-content) 18%,transparent);color:color-mix(in oklab,var(--color-base-content) 75%,transparent);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;padding:.05rem .32rem;cursor:pointer}.cv-layers-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.cv-layers-list{list-style:none;margin:0;padding:.18rem 0;max-height:20rem;overflow-y:auto}.cv-layer-row{display:grid;grid-template-columns:.7rem .85rem 1fr;align-items:center;column-gap:.4rem;padding:.16rem .5rem;cursor:pointer;color:color-mix(in oklab,var(--color-base-content) 88%,transparent)}.cv-layer-row:hover{background:color-mix(in oklab,var(--color-primary) 6%,transparent)}.cv-layer-row.is-off{color:color-mix(in oklab,var(--color-base-content) 30%,transparent)}.cv-layer-row.is-off .cv-layer-swatch{opacity:.25}.cv-layer-check{width:.7rem;height:.7rem;border:1px solid color-mix(in oklab,var(--color-base-content) 50%,transparent);display:inline-block;position:relative}.cv-layer-row:not(.is-off) .cv-layer-check:after{content:"";position:absolute;inset:1px;background:var(--color-primary)}.cv-layer-swatch{width:.85rem;height:.7rem;display:inline-block;border:1px solid color-mix(in oklab,var(--color-base-content) 30%,transparent)}.cv-layer-name{font-size:.66rem;letter-spacing:.04em;text-transform:lowercase}.metric-card{--mc-accent: color-mix(in oklab, var(--color-base-content) 30%, transparent);border:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);border-top:1.5px solid var(--mc-accent);background:color-mix(in oklab,var(--color-base-200) 50%,var(--color-base-100));padding:.85rem .95rem .75rem;display:flex;flex-direction:column;gap:.4rem;min-height:5.5rem;box-shadow:0 1px color-mix(in oklab,var(--color-base-content) 8%,transparent)}.metric-tone-ok{--mc-accent: var(--color-success, #6ecb84)}.metric-tone-warn{--mc-accent: var(--color-warning, #d4a23c)}.metric-tone-bad{--mc-accent: var(--color-error, #e06b6b)}.mc-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--color-base-content) 65%,transparent)}.mc-value-row{display:flex;align-items:baseline;gap:.35rem}.mc-value{font-family:var(--font-serif);font-size:1.7rem;font-weight:500;line-height:1;letter-spacing:-.01em;font-variant-numeric:oldstyle-nums;color:var(--color-base-content)}.metric-tone-ok .mc-value,.metric-tone-warn .mc-value,.metric-tone-bad .mc-value{color:color-mix(in oklab,var(--mc-accent) 70%,var(--color-base-content))}.mc-unit{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;color:color-mix(in oklab,var(--color-base-content) 55%,transparent);text-transform:lowercase}.mc-sub{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.04em;color:color-mix(in oklab,var(--color-base-content) 55%,transparent);margin-top:auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.65rem;margin:.8rem 0 1.5rem}.signoff{margin:.8rem 0 1.6rem;border:1px solid color-mix(in oklab,var(--color-base-content) 14%,transparent);background:color-mix(in oklab,var(--color-base-200) 40%,var(--color-base-100))}.signoff-head{display:flex;justify-content:space-between;align-items:center;padding:.45rem .85rem;border-bottom:1px solid color-mix(in oklab,var(--color-base-content) 12%,transparent);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.signoff-eye{color:var(--color-primary)}.signoff-count{color:color-mix(in oklab,var(--color-base-content) 70%,transparent)}.signoff-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}.signoff-item{display:grid;grid-template-columns:1.4rem 1fr auto;align-items:baseline;column-gap:.5rem;padding:.42rem .85rem;border-right:1px solid color-mix(in oklab,var(--color-base-content) 8%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-base-content) 8%,transparent);font-family:var(--font-mono);font-size:.74rem}.signoff-pass .signoff-glyph{color:var(--color-success, #6ecb84)}.signoff-fail .signoff-glyph{color:var(--color-error, #e06b6b)}.signoff-skip .signoff-glyph{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}.signoff-glyph{font-size:1rem;line-height:1;text-align:center}.signoff-name{color:var(--color-base-content)}.signoff-note{color:color-mix(in oklab,var(--color-base-content) 55%,transparent);font-size:.66rem}