.display-test-stage canvas.is-subtitle{touch-action:none;cursor:grab}
    .display-test-stage canvas.is-subtitle.is-dragging{cursor:grabbing}
    .display-risk-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid var(--color-glass-border);border-radius:16px;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);box-shadow:0 20px 80px #0005}
    .display-risk-dialog::backdrop{background:rgba(0,0,0,.12)}
    .display-risk-dialog h2{font-size:24px;margin:12px 0 18px;line-height:1.4}
    .display-risk-dialog p{font-size:14px;line-height:1.8;color:var(--color-fg-muted);margin:12px 0}
    .display-risk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
    .display-risk-actions button{font-size:13px;padding:12px;cursor:pointer}
    .display-risk-actions .display-secondary{color:var(--color-fg);background:var(--color-glass-bg);border-color:var(--color-glass-border)}
    .display-tabs a{font:600 14px var(--font-sans);border-radius:7px;color:var(--color-fg-muted);padding:11px 15px;text-decoration:none;white-space:nowrap}
    .display-tabs a.active{background:var(--color-accent);color:#071820}
    .display-tabs a:hover{box-shadow:inset 0 0 0 1px var(--color-accent)}
    .display-mini-controls,.display-oled-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px;padding:18px;border:1px solid var(--color-glass-border);border-radius:10px;background:var(--color-bg);font-size:13px}
    .display-mini-controls [hidden],.display-oled-controls [hidden],.display-mini-controls[hidden],.display-oled-controls[hidden],.display-stage-hud button[hidden]{display:none!important}
    .display-mini-controls>strong,.display-mini-controls>p,.display-oled-controls>p,.display-oled-controls>div{flex-basis:100%}
    .display-mini-controls p,.display-oled-controls p{color:var(--color-fg-muted);line-height:1.7;margin:0}
    .display-mini-controls label,.display-oled-controls label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
    .display-mini-controls input[type=range],.display-oled-controls input[type=range]{width:110px;accent-color:var(--color-accent)}
    .display-mini-controls input[type=number]{width:64px}
    .display-mini-controls select,.display-mini-controls input[type=number],.display-mini-controls button{background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-glass-border);border-radius:6px;padding:7px}
    .display-mini-controls button{cursor:pointer}
    .display-test-stage:fullscreen .display-mini-controls{display:none;position:absolute;right:16px;top:65px;max-width:390px;width:calc(100% - 32px);max-height:calc(100% - 85px);overflow:auto;margin:0;z-index:5;cursor:default;background:#101319;color:#fff;--color-bg:#101319;--color-fg:#fff;--color-fg-muted:#bac2ce;--color-glass-border:#454c56}
    .display-test-stage:fullscreen.params-open .display-mini-controls:not([hidden]){display:flex}
    @media(max-width:600px){.display-tabs a{flex:1;text-align:center;padding:9px;font-size:13px}.display-stage-hint{max-width:95%;overflow:hidden;text-overflow:ellipsis}}
    .display-page{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:116px 0 96px;flex:1}
    .display-back{display:inline-flex;color:var(--color-fg-muted);text-decoration:none;font-size:14px;margin-bottom:28px}
    .display-back:hover{color:var(--color-accent)}
    .display-kicker,.display-eyebrow{font:700 11px var(--font-mono);letter-spacing:.12em;color:var(--color-accent)}
    .display-intro{max-width:820px;margin-bottom:58px}
    .display-intro h1{font-size:clamp(48px,7.2vw,88px);line-height:1.08;letter-spacing:-.06em;margin:14px 0 20px}
    .display-intro h1 span{color:var(--color-accent)}
    .display-intro>p{font-size:clamp(16px,1.8vw,20px);color:var(--color-fg-muted);line-height:1.7}
    .display-intro-note{font-size:13px;color:var(--color-fg-muted);border-left:2px solid var(--color-accent);padding-left:14px;margin-top:22px}
    .display-workbench{border:1px solid var(--color-glass-border);border-radius:18px;padding:28px;background:var(--color-glass-bg)}
    .display-panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
    .display-panel-head h2{font-size:28px;line-height:1.25;margin-top:8px}
    .display-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--color-glass-border);border-radius:11px;background:var(--color-bg)}
    .display-tabs button,.display-secondary{font:600 14px var(--font-sans);border:0;border-radius:7px;background:transparent;color:var(--color-fg-muted);padding:11px 15px;cursor:pointer}
    .display-tabs button.active{background:var(--color-accent);color:#071820}
    .display-tabs button:hover:not(.active),.display-secondary:hover{color:var(--color-accent);background:rgba(0,212,255,.08)}
    .display-work-grid{display:grid;grid-template-columns:minmax(235px,310px) minmax(0,1fr);gap:26px}
    .display-selector{min-width:0}
    .display-section-heading,.display-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:var(--color-fg-muted)}
    .display-pattern-list{display:grid;gap:8px;max-height:660px;overflow:auto;padding-right:3px}
    .display-pattern-list button{display:grid;grid-template-columns:31px 1fr;gap:0 11px;align-items:center;text-align:left;width:100%;padding:13px;border:1px solid var(--color-glass-border);border-radius:10px;background:var(--color-bg);color:var(--color-fg);cursor:pointer;font-family:var(--font-sans)}
    .display-pattern-list button:hover{border-color:var(--color-accent)}
    .display-pattern-list button.active{border-color:var(--color-accent);background:rgba(0,212,255,.09)}
    .display-pattern-list .display-pattern-number{grid-row:span 2;color:var(--color-accent);font:700 12px var(--font-mono)}
    .display-pattern-list strong{font-size:14px}
    .display-pattern-list small{font-size:11px;color:var(--color-fg-muted);margin-top:3px}
    .display-preview-column{min-width:0}
    .display-test-stage{position:relative;aspect-ratio:16/9;min-height:270px;background:#090b0e;border:1px solid var(--color-glass-border);border-radius:12px;overflow:hidden;outline:none}
    .display-test-stage canvas{display:block;width:100%;height:100%}
    .display-stage-hud,.display-stage-hint{display:none}
    .display-fps-overlay{display:none}
    .display-test-stage:fullscreen.is-motion .display-fps-overlay{display:block;position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:7px;background:#000a;color:#fff;font:600 12px var(--font-mono);pointer-events:none}
    .display-test-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;min-height:0;border:0;border-radius:0;background:#000;cursor:none}
    .display-test-stage:fullscreen .display-stage-hud{display:flex;position:absolute;top:0;left:0;right:0;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(#000b,#0000);color:#fff;font:600 14px var(--font-sans);opacity:0;transition:opacity .2s;pointer-events:none}
    .display-test-stage:fullscreen .display-stage-hud button{margin-left:auto;background:#111b;color:#fff;border:1px solid #fff8;border-radius:6px;padding:7px 10px;cursor:pointer;pointer-events:auto}
    .display-test-stage:fullscreen .display-stage-hint{display:block;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#fff;background:#111b;border-radius:20px;padding:5px 12px;font-size:11px;opacity:0;white-space:nowrap;pointer-events:none}
    .display-test-stage:fullscreen.show-hud{cursor:default}
    .display-test-stage:fullscreen.show-hud .display-stage-hud,.display-test-stage:fullscreen.show-hud .display-stage-hint{opacity:1}
    .display-preview-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 21px}
    .display-preview-actions .btn-accent{font:700 14px var(--font-sans)}
    .display-secondary{border:1px solid var(--color-glass-border);color:var(--color-fg);background:var(--color-bg)}
    .display-details{border-top:1px solid var(--color-glass-border);padding-top:19px;display:flex;justify-content:space-between;gap:20px}
    .display-details h3{font-size:19px;margin:5px 0 6px}
    .display-details p{font-size:14px;color:var(--color-fg-muted);line-height:1.7}
    .display-caution{max-width:220px;flex:none}
    .display-motion-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px;padding:14px;border-radius:10px;background:var(--color-bg);border:1px solid var(--color-glass-border);font-size:13px}
    .display-motion-controls[hidden]{display:none}
    .display-motion-controls label{display:flex;align-items:center;gap:9px}
    .display-motion-controls select{background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-glass-border);border-radius:6px;padding:7px}
    .display-motion-controls input{width:115px;accent-color:var(--color-accent)}
    .display-motion-controls output{font:12px var(--font-mono)}
    .display-fps-readout{font:12px var(--font-mono);color:var(--color-accent)}
    .display-footnotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px;scroll-margin-top:100px}
    .display-footnotes>div{border-top:1px solid var(--color-glass-border);padding-top:18px}
    .display-footnotes span{font:700 12px var(--font-mono);color:var(--color-accent)}
    .display-footnotes h2{font-size:17px;margin:7px 0}
    .display-footnotes p{font-size:13px;color:var(--color-fg-muted);line-height:1.7}
    .display-page button:focus-visible,.display-back:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
    @media(max-width:800px){.display-work-grid{grid-template-columns:1fr}.display-pattern-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.display-panel-head{align-items:start;flex-direction:column}.display-caution{max-width:180px}}
    @media(max-width:600px){.display-page{width:calc(100% - 32px);padding-top:94px}.display-workbench{padding:17px}.display-tabs{width:100%;overflow-x:auto}.display-tabs button{flex:1;white-space:nowrap;padding:9px}.display-pattern-list{grid-template-columns:1fr}.display-test-stage{min-height:210px}.display-details{display:block}.display-caution{max-width:none;margin-top:10px}.display-footnotes{grid-template-columns:1fr;gap:16px}}