.touch-controls[data-custom-layout=true] .touch-directions,.touch-controls[data-custom-layout=true] .touch-actions{position:static;display:contents}.touch-controls[data-custom-layout=true] button{position:fixed;left:var(--layout-x);top:var(--layout-y);right:auto;bottom:auto;width:var(--layout-width);height:var(--layout-height);font-size:var(--layout-font);margin:0;pointer-events:auto;transform:none}.touch-controls[data-custom-layout=true] button small{font-size:var(--layout-small-font)}.touch-layout-editor{position:fixed;inset:0;z-index:90;background:#122c432d;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#fff;font-family:system-ui,sans-serif}.touch-layout-editor[hidden]{display:none!important}.touch-layout-editor *{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-layout-toolbar{position:absolute;top:max(6px,env(safe-area-inset-top));left:max(66px,env(safe-area-inset-left));right:max(142px,env(safe-area-inset-right));margin-inline:auto;max-width:520px;padding:7px 9px;border:1px solid #ffffff70;border-radius:12px;background:#142c40f2;box-shadow:0 2px 12px #0004;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.touch-layout-toolbar h2{font-size:14px;line-height:1.2;margin:0;flex:1;white-space:nowrap}.touch-layout-toolbar button{min-height:44px;min-width:44px;padding:4px 8px;border:1px solid #cbdbe8aa;border-radius:7px;background:#e7f0f81c;color:#fff;font:600 12px/1.2 system-ui;touch-action:manipulation;cursor:pointer}.touch-layout-toolbar button[data-primary]{background:#e8d28c;color:#243344;border-color:#fff0b9}.touch-layout-size{display:flex;align-items:center;gap:8px;flex:1 0 100%;font-size:12px;white-space:nowrap;min-height:26px}.touch-layout-size input{min-width:40px;width:100%;height:26px;accent-color:#f3d277;touch-action:none}.touch-layout-size output{font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.touch-layout-status{margin:0;flex:1 0 100%;font-size:11px;line-height:1.3;color:#cfdfec;min-height:1.3em}.touch-layout-key{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:4px;border:1px solid #fff9;border-radius:15px;background:#16334970;color:#fff;text-shadow:0 1px 3px #102638;font-weight:800;line-height:1.25;touch-action:none;cursor:grab}.touch-layout-key *{pointer-events:none}.touch-layout-key small{white-space:nowrap;font-weight:500}.touch-layout-key span{white-space:nowrap}.touch-layout-key[data-layout-key=jump]{border-color:#ffe9a6;background:#c9ac4950}.touch-layout-key[aria-pressed=true]{outline:3px solid #ffdf83;outline-offset:3px;background:#6b6024a6}.touch-layout-key:active{cursor:grabbing}.touch-layout-toolbar :focus-visible,.touch-layout-key:focus-visible{outline:3px solid #ffdf83;outline-offset:3px}@media(any-pointer:coarse),(max-width:650px){.pause-settings{flex-wrap:wrap}.pause-modal{overflow-y:auto}}@media(max-height:340px){.touch-layout-toolbar{padding:5px 8px;gap:3px 6px}.touch-layout-toolbar h2{font-size:12px}.touch-layout-toolbar button{padding:3px 6px}.touch-layout-size{min-height:23px}.touch-layout-size input{height:23px}.touch-layout-status{font-size:10px}}