.dsp-test{font:inherit;color:var(--text);min-width:0}.dsp-screen{gap:14px;min-width:0;display:grid}.dsp-screen>p,.dsp-screen>h3{margin:0}.dsp-row{flex-wrap:wrap;align-items:end;gap:10px;min-width:0;display:flex}.dsp-row button{min-height:44px}.dsp-nudge button{min-width:44px}.dsp-nudge{margin-block-end:10px}.dsp-field{gap:4px;min-width:0;font-weight:700;display:grid}.dsp-field select,.dsp-field input[type=text]{box-sizing:border-box;max-width:100%;min-height:44px}.dsp-hex{inline-size:9ch;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.dsp-range input[type=range]{min-height:44px;inline-size:min(260px,100%);accent-color:var(--accent)}.dsp-colour input[type=color]{border:1px solid var(--line-strong,var(--line));background:var(--panel);cursor:pointer;border-radius:8px;block-size:44px;inline-size:64px;padding:2px}.dsp-check{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:600;display:inline-flex}.dsp-check input{block-size:20px;inline-size:20px;accent-color:var(--accent);flex:none}.dsp-status{min-height:1.5em;margin:0;font-weight:700}.dsp-note{color:var(--muted,var(--text));margin:0;font-size:.875em;line-height:1.5}.dsp-small{color:var(--muted,var(--text));margin:0;font-size:.92em}.dsp-privacy{border-block-start:1px solid var(--line);color:var(--muted);margin:4px 0 0;padding-block-start:10px;font-size:.92em}.dsp-h{margin:0;font-size:1.05rem}.dsp-sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.dsp-big{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,7vw,3.25rem);font-weight:800;line-height:1.1}.dsp-result{gap:10px;display:grid}.dsp-swatches{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dsp-swatches button{gap:8px;min-height:44px}.dsp-swatches button.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dsp-swatch{border:1px solid var(--line-strong,var(--line));border-radius:4px;block-size:20px;inline-size:20px;display:inline-block}.dsp-sections{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:14px;display:grid}.dsp-section{gap:8px;min-width:0;display:grid}.dsp-section h3{margin:0;font-size:1.05rem}.dsp-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;margin:0;display:grid}.dsp-sections .dsp-facts{grid-template-columns:1fr}.dsp-facts>div{border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere;border-radius:8px;min-width:0;padding:10px 12px}.dsp-facts dt{color:var(--muted);font-size:.88em}.dsp-facts dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:700}.dsp-copy{justify-items:start;gap:8px;display:grid}.dsp-copy button{min-height:44px}.dsp-copy-text{box-sizing:border-box;inline-size:100%;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px;font:.85em ui-monospace,Menlo,Consolas,monospace}.dsp-overlay{z-index:2000;cursor:pointer;outline:none;display:grid;position:fixed;inset:0;overflow:hidden}.dsp-overlay.is-idle{cursor:none}.dsp-overlay-pattern{background:#000}.dsp-panel{background:var(--panel);max-block-size:calc(100dvh - 24px);max-inline-size:680px;color:var(--text);cursor:default;box-sizing:border-box;border-radius:10px;gap:10px;margin-inline:auto;padding:14px;display:grid;position:absolute;inset-block-start:max(12px, env(safe-area-inset-top));inset-inline:12px;overflow:auto;box-shadow:0 6px 24px #0006}.dsp-panel-bottom{inset-block-start:auto;inset-block-end:max(12px, env(safe-area-inset-bottom))}.dsp-panel p{margin:0}.dsp-p-fill{position:absolute;inset:0}.dsp-p-gradient{grid-template-rows:repeat(4,1fr);display:grid;position:absolute;inset:0}.dsp-p-levels{background:#000;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:absolute;inset:0}.dsp-p-levels.is-light{background:#fff}.dsp-p-step{justify-content:center;align-items:end;padding-block-end:8px;display:flex}.dsp-p-step span{writing-mode:vertical-rl;color:#777;font:600 clamp(9px,1.5vw,14px) ui-monospace,Menlo,Consolas,monospace}.dsp-p-levels.is-light .dsp-p-step span{color:#777}.dsp-p-sharp{color:#000;background:#fff;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.dsp-p-sharp>div{align-content:start;gap:6px;padding:16px;display:grid;overflow:hidden}.dsp-p-sharp>div.is-inverted{color:#fff;background:#000}.dsp-p-sharp p{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.3}.dsp-p-lines{background-image:repeating-linear-gradient(to bottom, #000 0, #000 var(--dsp-px,1px), #fff var(--dsp-px,1px), #fff calc(2 * var(--dsp-px,1px)));block-size:40px}.is-inverted .dsp-p-lines{filter:invert()}.dsp-p-gamma{background:gray;grid-template-rows:repeat(4,1fr);gap:0;display:grid;position:absolute;inset:0}.dsp-p-gamma-row{grid-template-columns:1fr 1fr;display:grid;position:relative}.dsp-p-gamma-row span{color:#fff;white-space:nowrap;background:#000c;border-radius:6px;padding:2px 8px;font:600 13px ui-monospace,Menlo,Consolas,monospace;position:absolute;inset-block-start:6px;inset-inline-start:50%;transform:translate(-50%)}.dsp-p-angle{grid-template-rows:repeat(5,1fr);display:grid;position:absolute;inset:0}.dsp-p-angle-text{color:#fff;background:gray;justify-content:space-between;align-items:center;padding-inline:5%;font:700 clamp(18px,4vw,40px) Arial,Helvetica,sans-serif;display:flex}.dsp-p-angle-text span:nth-child(2){color:#000}.dsp-p-bars{grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:absolute;inset:0}.dsp-p-channels{grid-template-rows:repeat(3,1fr)}.dsp-p-plate{box-sizing:border-box;background:#000;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:4%;padding:6%;display:grid;position:absolute;inset:0}.dsp-p-plate.is-light{background:#fff}.dsp-p-tile{grid-template-rows:1fr auto;gap:6px;min-height:0;display:grid}.dsp-p-tile span{text-align:center;color:gray;font:600 13px ui-monospace,Menlo,Consolas,monospace}.dsp-warning{border:2px solid var(--text);background:var(--panel);border-radius:8px;gap:6px;padding:12px 14px;display:grid}.dsp-warning h3{margin:0;font-size:1.05rem}.dsp-warning p{margin:0}.dsp-area{box-sizing:border-box;touch-action:none;cursor:move;outline-offset:2px;position:absolute}.dsp-area:focus-visible{outline:2px dashed #888}.dsp-handle{touch-action:none;cursor:nwse-resize;background:linear-gradient(135deg,#0000 50%,#888 50% 58%,#0000 58% 68%,#888 68% 76%,#0000 76%);block-size:28px;inline-size:28px;position:absolute;inset-block-end:0;inset-inline-end:0}.dsp-overlay.is-idle .dsp-area{cursor:none}.dsp-quick-stop{z-index:1;color:#fff;cursor:pointer;background:#000c;border:1px solid #fff8;border-radius:22px;min-block-size:44px;padding:8px 14px;font:600 15px system-ui,sans-serif;position:absolute;inset-block-start:max(10px, env(safe-area-inset-top));inset-inline-end:max(10px, env(safe-area-inset-right))}.dsp-overlay.is-idle .dsp-quick-stop{cursor:pointer}.dsp-graph{border:1px solid var(--line);background:var(--panel);block-size:140px;inline-size:100%;color:var(--text);border-radius:8px;display:block}.dsp-lanes{gap:8px;min-width:0;display:grid}.dsp-lane-wrap{gap:4px;min-width:0;display:grid}.dsp-lane-label{font-size:.92em;font-weight:700}.dsp-lane{border:1px solid var(--line);background:var(--panel);direction:ltr;border-radius:8px;block-size:34px;position:relative;overflow:hidden}.dsp-dot{inset-block-start:5px;background:var(--accent);border-radius:50%;block-size:22px;inline-size:22px;position:absolute;left:0}@media (width<=480px){.dsp-p-sharp{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.dsp-p-sharp>div{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.dsp-overlay,.dsp-panel{transition:none;animation:none}}