.tool-a11y-focus-set :is(a,button,input):focus-visible{outline:3px solid var(--ds-color-accent);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--ds-color-accent) 25%,transparent)}.tool-a11y-focus-set a:focus:not(:focus-visible),.tool-a11y-focus-set button:focus:not(:focus-visible),.tool-a11y-focus-set input:focus:not(:focus-visible){box-shadow:none;outline:0}.tool-app{flex-direction:column;gap:1rem;min-height:15rem;display:flex}.tool-app-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tool-app-field{flex-direction:column;flex:1;gap:.25rem;min-width:min(100%,14rem);display:flex}.tool-calc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.tool-calc-grid .tool-app-field{flex:none;min-width:0}.tool-app-field label.contents{flex-direction:column;gap:.25rem;width:100%;display:flex}.tool-app-field label.contents>span,label.tool-app-field>span{font-size:var(--ds-text-xs);color:var(--ds-color-ink-muted);font-weight:600}.tool-app-select,.tool-app-range{width:100%;height:var(--ds-height-control-md);border-radius:var(--ds-radius-md);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-ink);font-size:var(--ds-text-sm);padding:0 .75rem}.tool-app-range{height:auto;accent-color:var(--ds-color-accent);padding:0}.tool-video-shell{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);aspect-ratio:16/10;background:#0a0a0a;position:relative;overflow:hidden}.tool-video-shell video{object-fit:cover;width:100%;height:100%;display:block}.tool-video-shell video.is-mirrored{transform:scaleX(-1)}.tool-meter{border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);border-radius:999px;height:1.25rem;overflow:hidden}.tool-meter-fill{border-radius:inherit;background:linear-gradient(90deg,var(--ds-color-success),var(--ds-color-accent) 55%,var(--ds-color-warning));width:0%;height:100%;transition:width 60ms linear}.tool-keyboard-scroll{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:.25rem;overflow-x:auto}.tool-keyboard{user-select:none;flex-direction:column;gap:.35rem;min-width:36rem;display:flex}.tool-keyboard-row{justify-content:center;gap:.25rem;display:flex}.tool-key{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);min-width:1.85rem;height:2.1rem;color:var(--ds-color-ink);justify-content:center;align-items:center;padding:0 .35rem;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex}.tool-key.is-wide{min-width:3.2rem}.tool-key.is-wider{min-width:4.5rem}.tool-key.is-space{flex:1;min-width:min(100%,12rem)}.tool-key.is-active,.tool-key.is-pressed{background:var(--ds-color-accent-soft);border-color:var(--ds-color-accent);color:var(--ds-color-accent)}.tool-mouse-pad{border-radius:var(--ds-radius-xl);border:1px dashed var(--ds-color-border);background:var(--ds-color-surface-muted);touch-action:none;min-height:14rem;position:relative;overflow:hidden}.tool-mouse-cursor{background:var(--ds-color-accent);pointer-events:none;opacity:0;border-radius:999px;width:.75rem;height:.75rem;margin:-.375rem 0 0-.375rem;position:absolute}.tool-mouse-pad.is-tracking .tool-mouse-cursor{opacity:1}.tool-mouse-cursor.is-ghost{border:2px solid var(--ds-color-ink-muted);box-sizing:border-box;background:0 0}.tool-mouse-pad.is-tracking .tool-mouse-cursor.is-ghost{opacity:.55}.tool-key-chips{flex-wrap:wrap;align-content:flex-start;gap:.35rem;min-height:2.25rem;display:flex}.tool-key.is-suspect{background:var(--ds-color-danger-soft);border-color:var(--ds-color-danger);color:var(--ds-color-danger)}.tool-drag-handle{border-radius:var(--ds-radius-md);border:2px solid var(--ds-color-accent);background:var(--ds-color-accent-soft);cursor:grab;touch-action:none;user-select:none;width:3.5rem;height:3.5rem;position:absolute;top:2rem;left:2rem}.tool-drag-handle:active,.tool-drag-handle.is-dragging{cursor:grabbing}.tool-click-target{border:2px dashed var(--ds-color-accent);background:var(--ds-color-accent-soft);width:6.5rem;height:6.5rem;color:var(--ds-color-accent);font-size:var(--ds-text-sm);text-align:center;cursor:pointer;user-select:none;border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:absolute;inset:50%auto auto 50%;translate:-50% -50%}.tool-typing-prompt{border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);color:var(--ds-color-ink);font-size:var(--ds-text-base);margin:0;padding:.85rem 1rem;line-height:1.55}.tool-typing-input{resize:vertical;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);width:100%;min-height:6.5rem;color:var(--ds-color-ink);font-size:var(--ds-text-base);padding:.85rem 1rem;font-family:inherit;line-height:1.55}.tool-typing-input:disabled{opacity:.7;cursor:not-allowed}.tool-panel-dl{gap:.5rem;display:grid}.tool-panel-row{border-bottom:1px solid var(--ds-color-border-subtle);grid-template-columns:minmax(6rem,38%) 1fr;align-items:start;gap:.5rem;padding-bottom:.35rem;display:grid}.tool-panel-row:last-child{border-bottom:0;padding-bottom:0}.tool-feature-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tool-feature-pill{border:1px solid var(--ds-color-border);font-size:var(--ds-text-xs);border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-weight:600;display:inline-flex}.tool-feature-pill[data-ok=true]{background:var(--ds-color-success-soft);border-color:color-mix(in srgb,var(--ds-color-success) 35%,transparent);color:var(--ds-color-success)}.tool-feature-pill[data-ok=false]{background:var(--ds-color-danger-soft);border-color:color-mix(in srgb,var(--ds-color-danger) 35%,transparent);color:var(--ds-color-danger)}.tool-interactive-shell{transition:border-color .16s,box-shadow .16s}.tool-interactive-shell:focus-within{border-color:color-mix(in srgb,var(--ds-color-accent) 40%,var(--ds-color-border));box-shadow:var(--ds-shadow-xs)}.tool-permission-status[data-state=granted],.tool-permission-row[data-state=granted] .tool-permission-status{color:var(--ds-color-success)}.tool-permission-status[data-state=denied],.tool-permission-row[data-state=denied] .tool-permission-status{color:var(--ds-color-danger)}.tool-permission-status[data-state=prompt],.tool-permission-row[data-state=prompt] .tool-permission-status{color:var(--ds-color-warning)}.tool-permission-status[data-state=unsupported],.tool-permission-status[data-state=unknown],.tool-permission-row[data-state=unsupported] .tool-permission-status,.tool-permission-row[data-state=unknown] .tool-permission-status{color:var(--ds-color-ink-subtle)}.tool-panel-body[data-panel-state=error]{border-color:color-mix(in srgb,var(--ds-color-danger) 40%,var(--ds-color-border));background:var(--ds-color-danger-soft)}.tool-panel-body[data-panel-state=success]{border-color:color-mix(in srgb,var(--ds-color-success) 35%,var(--ds-color-border))}.tool-panel-body[data-panel-state=loading]{border-color:color-mix(in srgb,var(--ds-color-accent) 30%,var(--ds-color-border))}.tool-panel-alert{gap:.25rem;display:grid}.tool-panel-alert__title{font-size:var(--ds-text-sm);color:var(--ds-color-ink);margin:0;font-weight:600}.tool-panel-alert__body{font-size:var(--ds-text-sm);color:var(--ds-color-ink-muted);margin:0;line-height:1.5}.tool-panel-alert--danger .tool-panel-alert__title{color:var(--ds-color-danger)}.tool-panel-alert--success .tool-panel-alert__title{color:var(--ds-color-success)}.tool-panel-alert--info .tool-panel-alert__title{color:var(--ds-color-info)}.tool-panel-loading{align-items:center;gap:.75rem;display:flex}.tool-panel-loading__pulse{background:var(--ds-color-accent);border-radius:999px;width:.65rem;height:.65rem;animation:1s ease-in-out infinite tool-panel-pulse;display:inline-block}@keyframes tool-panel-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tool-panel-loading__pulse{opacity:.8;animation:none}}.tool-stick-row{flex-wrap:wrap;gap:1.25rem;display:flex}.tool-stick-block{flex-direction:column;flex:1;align-items:center;gap:.5rem;min-width:9rem;display:flex}.tool-stick-pad{border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);border-radius:999px;width:8rem;height:8rem;position:relative}.tool-stick-dot{background:var(--ds-color-accent);pointer-events:none;border-radius:999px;width:.85rem;height:.85rem;margin:-.425rem 0 0-.425rem;position:absolute;top:50%;left:50%}.tool-trigger-list{flex-direction:column;gap:.85rem;display:flex}.tool-trigger-block{flex-direction:column;gap:.35rem;display:flex}.tool-trigger-meta{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.tool-trigger-bar{border-radius:var(--ds-radius-md);border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);height:1.1rem;overflow:hidden}.tool-trigger-fill{border-radius:inherit;background:var(--ds-color-accent);width:0%;height:100%;transition:width 40ms linear;display:block}.tool-gamepad-buttons{flex-wrap:wrap;align-content:flex-start;gap:.35rem;min-height:2.25rem;display:flex}.tool-latency-cue{border-radius:var(--ds-radius-xl);border:2px dashed var(--ds-color-border);background:var(--ds-color-surface-muted);min-height:10rem;color:var(--ds-color-ink-muted);font-size:var(--ds-text-lg);user-select:none;justify-content:center;align-items:center;font-weight:700;transition:background 80ms,border-color 80ms,color 80ms;display:flex}.tool-latency-cue.is-wait{border-style:solid}.tool-latency-cue.is-flash{border-style:solid;border-color:var(--ds-color-accent);background:var(--ds-color-accent-soft);color:var(--ds-color-accent)}.tool-mapping-table{flex-direction:column;gap:.25rem;max-height:22rem;display:flex;overflow:auto}.tool-mapping-row{border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);color:var(--ds-color-ink);grid-template-columns:minmax(7rem,1.4fr) 3.5rem 1fr;align-items:center;gap:.5rem;padding:.3rem .45rem;display:grid}.tool-mapping-head{color:var(--ds-color-ink-muted);background:var(--ds-color-surface);z-index:1;font-weight:600;position:sticky;top:0}.tool-mapping-row.is-active{background:var(--ds-color-accent-soft);color:var(--ds-color-accent)}.tool-display-stage{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);color:#fff;background:#000;min-height:16rem;position:relative;overflow:hidden}:-webkit-any(.tool-display-stage:fullscreen,.tool-display-stage:-webkit-full-screen){border-radius:0;width:100%;height:100%;min-height:100%}:is(.tool-display-stage:fullscreen,.tool-display-stage:fullscreen){border-radius:0;width:100%;height:100%;min-height:100%}.tool-display-swatches{flex-wrap:wrap;gap:.35rem;display:flex}.tool-display-warn{color:var(--ds-color-danger);font-size:.875rem}.tool-motion-bar{background:#fff;width:.35rem;position:absolute;top:0;bottom:0}.tool-gamma-grid,.tool-contrast-check{width:100%;height:100%;min-height:16rem}.tool-display-fs-exit{z-index:2;opacity:0;pointer-events:none;position:absolute;top:.75rem;right:.75rem}:-webkit-any(.tool-display-stage:fullscreen .tool-display-fs-exit,.tool-display-stage:-webkit-full-screen .tool-display-fs-exit){opacity:1;pointer-events:auto}:is(.tool-display-stage:fullscreen .tool-display-fs-exit,.tool-display-stage:fullscreen .tool-display-fs-exit){opacity:1;pointer-events:auto}.tool-display-stage-label{border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);pointer-events:none;background:#0000008c;margin:0;padding:.25rem .5rem;font-weight:600;position:absolute;bottom:.75rem;left:.75rem}.tool-display-stage--meter{background:#0a0a0a;justify-content:center;align-items:center;display:flex}.tool-display-stage--meter .tool-display-stage-label{background:0 0;font-size:clamp(1.5rem,4vw,2.5rem);position:static}.tool-motion-stage{background:#111}.tool-motion-pattern{opacity:.85;background-image:repeating-linear-gradient(90deg,#fff 0 2px,#0000 2px 20px);position:absolute;inset:0}.tool-motion-ufo{will-change:transform;background:#fff;border-radius:999px;width:2.5rem;height:1rem;margin-top:-.5rem;position:absolute;top:50%;left:0;box-shadow:0 0 0 2px #000}.tool-gamma-stage{background:#1a1a1a}.tool-gamma-grid{box-sizing:border-box;flex-direction:column;gap:1rem;padding:1rem;display:flex}.tool-gamma-pair{border:1px solid #fff3;grid-template-columns:1fr 1fr;gap:0;min-height:5.5rem;display:grid}.tool-gamma-solid,.tool-gamma-dither,.tool-gamma-check{min-height:5.5rem}.tool-gamma-dither{background-image:repeating-linear-gradient(90deg,#000 0 1px,#fff 1px 2px)}.tool-gamma-check{background-color:#fff;background-image:linear-gradient(45deg,#000 25%,#0000 25%),linear-gradient(-45deg,#000 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#000 75%),linear-gradient(-45deg,#0000 75%,#000 75%);background-position:0 0,0 1px,1px -1px,-1px 0;background-size:2px 2px}.tool-gamma-hint{font-size:var(--ds-text-sm);color:#ffffffd9;max-width:40rem;margin:0}.tool-gamma-ramp{grid-template-columns:repeat(17,1fr);width:100%;height:100%;min-height:16rem;display:grid}.tool-gamma-step{justify-content:center;align-items:flex-end;padding-bottom:.5rem;font-size:.65rem;font-weight:600;display:flex}.tool-contrast-check{background-color:#000;background-image:linear-gradient(45deg,#fff 25%,#0000 25%),linear-gradient(-45deg,#fff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fff 75%),linear-gradient(-45deg,#0000 75%,#fff 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.tool-contrast-halves{grid-template-columns:1fr 1fr;width:100%;height:100%;min-height:16rem;display:grid}.tool-contrast-half.is-black{background:#000}.tool-contrast-half.is-white{background:#fff}.tool-contrast-text{box-sizing:border-box;flex-direction:column;justify-content:center;gap:1rem;width:100%;height:100%;min-height:16rem;padding:1.5rem;display:flex}.tool-contrast-text.is-wob{color:#fff;background:#000}.tool-contrast-text.is-bow{color:#000;background:#fff}.tool-contrast-line{margin:0;font-size:1rem;font-weight:500}.tool-contrast-line.is-thin{letter-spacing:.02em;font-size:.75rem;font-weight:300}.tool-level-stage{box-sizing:border-box;background:#000;flex-direction:column;justify-content:flex-end;gap:.75rem;min-height:18rem;padding:1rem;display:flex}.tool-level-stage.is-light{color:#111;background:#fff}.tool-level-patches{flex:1;grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr));align-content:stretch;gap:.35rem;width:100%;display:grid}.tool-level-patch{border-radius:var(--ds-radius-sm);color:#888;cursor:pointer;background:#000;border:1px solid #fff3;justify-content:center;align-items:flex-end;min-height:4.5rem;padding:.35rem;font-size:.7rem;font-weight:700;display:flex}.tool-level-patch.is-light{color:#666;border-color:#00000026}.tool-level-patch.is-active{outline-offset:1px;outline:2px solid #fff}.tool-level-patch.is-light.is-active{outline-color:#111}.tool-level-label{font-size:var(--ds-text-sm);pointer-events:none;margin:0;font-weight:600}.tool-hdr-stage{box-sizing:border-box;background:linear-gradient(135deg,#000 0,#1a0a00 18%,#ff6a00 42%,#ffe566 62%,#fff 78%,#c8e7ff 90%,#fff 100%);align-items:flex-end;min-height:18rem;padding:1rem;display:flex}.tool-hdr-caption{border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);background:#0000008c;margin:0;padding:.25rem .5rem;font-weight:600}.tool-gradient-stage{background:linear-gradient(90deg,#000,#fff);min-height:18rem}.tool-gradient-stage.is-stack{background:#000;flex-direction:column;display:flex}.tool-gradient-strip{flex:1;width:100%;min-height:5rem}.tool-cb-defs{width:0;height:0;position:absolute;overflow:hidden}.tool-cb-stage{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);flex-direction:column;gap:1rem;min-height:12rem;padding:1rem;display:flex}.tool-cb-swatches{flex-wrap:wrap;gap:.75rem;display:flex}.tool-cb-dot{background:var(--cb,#888);border:1px solid var(--ds-color-border);border-radius:999px;width:2.75rem;height:2.75rem;display:inline-block}.tool-cb-sample-text{font-size:var(--ds-text-lg);flex-wrap:wrap;gap:.75rem 1rem;font-weight:700;display:flex}.tool-uniformity-stage{box-sizing:border-box;background:gray;align-items:flex-end;min-height:18rem;padding:1rem;display:flex}.tool-flicker-gate{gap:.75rem;display:grid}.tool-flicker-stage{box-sizing:border-box;background:#000;align-items:flex-end;min-height:14rem;padding:1rem;display:flex}.tool-aspect-readout{gap:.25rem;display:grid}.tool-aspect-stage{box-sizing:border-box;background:#111;flex-direction:column;gap:.75rem;min-height:18rem;padding:1rem;display:flex}.tool-aspect-frame{border-radius:var(--ds-radius-md);background:#0a0a0a;border:1px dashed #ffffff40;flex:1;justify-content:center;align-items:center;min-height:12rem;display:flex;position:relative}.tool-aspect-viewport{box-sizing:border-box;border:2px solid var(--ds-color-accent,#3b82f6);background:#3b82f633;border-radius:2px}.tool-aspect-legend{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tool-aspect-chip{border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);color:#ffffffd9;border:1px solid #fff3;align-items:center;gap:.4rem;padding:.25rem .45rem;display:inline-flex}.tool-aspect-chip.is-closest{border-color:var(--ds-color-accent,#3b82f6);background:#3b82f633}.tool-aspect-chip-box{background:#ffffff26;border:1px solid #ffffffb3;flex-shrink:0;display:inline-block}.tool-mt-pad{min-height:16rem}.tool-mt-dot{border:2px solid var(--ds-color-accent);background:color-mix(in srgb,var(--ds-color-accent) 28%,transparent);pointer-events:none;box-sizing:border-box;border-radius:999px;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0-1.375rem;position:absolute}.tool-compass{aspect-ratio:1;border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);border-radius:999px;width:min(12rem,70vw);margin:.25rem 0;position:relative}.tool-compass-needle{transform-origin:50% 100%;background:linear-gradient(to top,var(--ds-color-ink-muted) 0%,var(--ds-color-ink-muted) 48%,var(--ds-color-accent) 48%,var(--ds-color-accent) 100%);pointer-events:none;border-radius:999px 999px 2px 2px;width:.28rem;height:42%;margin:0;transition:transform 80ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%) rotate(0)}.tool-compass-mark{font-size:var(--ds-text-xs);color:var(--ds-color-ink-muted);font-weight:600;line-height:1;position:absolute}.tool-compass-mark--n{top:.55rem;left:50%;transform:translate(-50%)}.tool-compass-mark--s{bottom:.55rem;left:50%;transform:translate(-50%)}.tool-compass-mark--e{top:50%;right:.55rem;transform:translateY(-50%)}.tool-compass-mark--w{top:50%;left:.55rem;transform:translateY(-50%)}.tool-a11y-color-row{align-items:center;gap:.5rem;display:flex}.tool-a11y-color-row input[type=color]{width:2.5rem;height:var(--ds-height-control-md);border-radius:var(--ds-radius-md);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);cursor:pointer;flex-shrink:0;padding:.15rem}.tool-a11y-color-row .tool-app-select{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tool-a11y-contrast-preview{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);flex-direction:column;gap:.75rem;min-height:7rem;padding:1.25rem;display:flex}.tool-a11y-contrast-preview__normal{font-size:1rem;font-weight:400;line-height:1.5}.tool-a11y-contrast-preview__large{font-size:1.25rem;font-weight:700;line-height:1.3}.tool-panel-row dd[data-ok=true]{color:var(--ds-color-success)}.tool-panel-row dd[data-ok=false]{color:var(--ds-color-danger)}.tool-a11y-motion-demo{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);height:4.5rem;position:relative;overflow:hidden}.tool-a11y-motion-demo__ball{background:var(--ds-color-accent);border-radius:999px;width:1.5rem;height:1.5rem;margin-top:-.75rem;position:absolute;top:50%;left:.75rem}.tool-a11y-motion-demo[data-reduced=false] .tool-a11y-motion-demo__ball{animation:1.4s ease-in-out infinite tool-a11y-bounce}.tool-a11y-motion-demo[data-reduced=true] .tool-a11y-motion-demo__ball{margin-left:-.75rem;animation:none;left:50%}@keyframes tool-a11y-bounce{0%,to{transform:translate(0)}50%{transform:translate(min(12rem,55vw))}}@media (prefers-reduced-motion:reduce){.tool-a11y-motion-demo .tool-a11y-motion-demo__ball{margin-left:-.75rem;left:50%;animation:none!important}}.tool-a11y-scheme-swatches{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;display:grid}.tool-a11y-scheme-swatch{border-radius:var(--ds-radius-lg);border:2px solid var(--ds-color-border);min-height:5.5rem;font-size:var(--ds-text-sm);align-items:flex-end;padding:.75rem;font-weight:600;display:flex}.tool-a11y-scheme-swatch[data-active=true]{border-color:var(--ds-color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-color-accent) 28%,transparent)}.tool-a11y-scheme-swatch--light{color:#1c1917;background:#f5f5f4}.tool-a11y-scheme-swatch--dark{color:#f5f5f4;background:#1c1917}.tool-a11y-scheme-swatch--none{color:#57534e;background:linear-gradient(135deg,#f5f5f4 50%,#1c1917 50%)}.tool-a11y-forced-sample{border-radius:var(--ds-radius-xl);color:canvastext;background:canvas;border:1px solid canvastext;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.tool-a11y-forced-sample__btn{border-radius:var(--ds-radius-md);color:buttontext;font-size:var(--ds-text-sm);cursor:default;background:buttonface;border:1px solid buttontext;align-self:flex-start;padding:.45rem .9rem;font-weight:600}.tool-a11y-forced-sample__link{color:linktext;font-size:var(--ds-text-sm);width:fit-content;font-weight:600}.tool-a11y-text-compare{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.tool-a11y-text-panel{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.tool-a11y-text-sample{color:var(--ds-color-ink);font-size:var(--ds-text-sm);line-height:1.4}[data-text-spacing-test][data-spaced=true] [data-ts-spaced]{margin-bottom:var(--ts-p-gap,2em)}.tool-a11y-focus-set{border-radius:var(--ds-radius-xl);border:1px dashed var(--ds-color-border);background:var(--ds-color-surface-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem;display:flex}.tool-a11y-focus-set a{color:var(--ds-color-accent);font-size:var(--ds-text-sm);text-underline-offset:2px;font-weight:600;text-decoration:underline}.tool-a11y-focus-field{min-width:min(100%,12rem);font-size:var(--ds-text-xs);color:var(--ds-color-ink-muted);flex-direction:column;gap:.25rem;font-weight:600;display:flex}.tool-lr-stage{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.tool-lr-ear{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);min-height:5.5rem;transition:border-color var(--ds-duration-fast) ease,background-color var(--ds-duration-fast) ease;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem;display:flex}.tool-lr-ear.is-active{border-color:color-mix(in srgb,var(--ds-color-accent) 45%,var(--ds-color-border));background:var(--ds-color-accent-soft)}.tool-lr-ear-label{letter-spacing:.04em;color:var(--ds-color-ink);font-size:1.75rem;font-weight:700;line-height:1}.tool-lr-ear-hint{font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ds-color-ink-muted);font-weight:600}.tool-lr-ear.is-active .tool-lr-ear-hint{color:var(--ds-color-accent)}.tool-mag-readout{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.tool-mag-cell{border-radius:var(--ds-radius-xl);border:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);flex-direction:column;gap:.15rem;padding:.85rem 1rem;display:flex}.tool-mag-label{font-size:var(--ds-text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ds-color-ink-muted);font-weight:600}.tool-mag-value{color:var(--ds-color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:600;line-height:1.2}.tool-mag-unit{font-size:var(--ds-text-xs);color:var(--ds-color-ink-subtle)}.tool-mirror-badge{z-index:1;border:1px solid var(--ds-color-border);background:color-mix(in srgb,var(--ds-color-surface) 88%,transparent);color:var(--ds-color-ink);font-size:var(--ds-text-xs);letter-spacing:.02em;backdrop-filter:blur(6px);border-radius:999px;margin:0;padding:.35rem .65rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}.tool-app-controls [aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-color-accent) 55%,transparent)}