:root{--backdrop:#161615;--panel:#1e1e1c;--header:#262623;--surface:#121211;--edge:#3a3a37;--edge-strong:#565652;--label:#969690;--muted:#696964;--track:#787873;--indicator:#ebebe6;--accent:#ff5244;--highlight:#00adb5;--gutter:6px;--controls-width:17rem;--hks-dial-size:10rem}html,body{block-size:100%}body{background-color:var(--backdrop);color:var(--indicator);margin:0;font-family:monospace;overflow:hidden}#controls{z-index:50;inline-size:var(--controls-width);max-block-size:calc(100vh - 2 * var(--gutter));position:fixed;inset-block-end:var(--gutter);inset-inline-end:var(--gutter);overflow:auto}hks-dock{z-index:60;position:fixed;inset-block-end:var(--gutter);inset-inline-start:50%;translate:-50%}hks-desktop{z-index:0;position:fixed;inset:0}