.spd-page{padding:44px 0 72px}.spd-app{flex-direction:column;gap:18px;display:flex;container-type:inline-size}.spd-top{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.spd-top h1{margin:0 0 6px;font-size:clamp(30px,4vw,40px);font-weight:800}.spd-tile{width:48px;height:48px;margin-top:4px}.spd-sub{color:var(--muted);max-width:680px;margin:0}.spd-save{color:var(--muted);align-items:center;gap:8px;min-height:24px;margin-top:10px;font-size:13px;display:flex}.spd-save .bad{color:var(--danger);font-weight:600}.spd-notice strong{margin-right:4px}.spd-status{align-items:baseline;gap:12px;display:flex}.spd-status .link{flex:none;font-size:14px}.spd-muted{color:var(--muted)}.spd-hint{color:var(--muted);margin:-4px 0 0;font-size:13px}.spd-hint.bad,.spd-app small.bad,.spd-danger{color:var(--danger)}.spd-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.spd-none{color:var(--muted);text-align:center;margin:0;padding:24px 8px}.spd-foot{color:var(--muted);margin:4px 0 0;font-size:13px}.spd-app .check{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;display:flex}.spd-app .check input{margin:3px 0 0}.spd-app input[type=checkbox],.spd-app input[type=radio],.spd-app input[type=range]{accent-color:var(--tc)}.spd-app input[type=checkbox],.spd-app input[type=radio]{flex:none;width:16px;height:16px}.spd-app kbd{font-family:var(--font-mono);border-radius:var(--r-xs);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;border-bottom-width:2px;padding:1px 6px;font-size:12px}.ghost-icon{color:var(--muted);background:0 0;border-color:#0000;padding:6px}.ghost-icon:hover{color:var(--text)}.spd-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.spd-tabs button{font:inherit;cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 14px;font-size:14px;font-weight:550;display:flex}.spd-tabs button:hover{color:var(--text)}.spd-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--tc)}.spd-tabs button[aria-selected=true] svg{color:var(--tc)}.spd-count{color:var(--muted);background:var(--surface-2);border-radius:999px;padding:0 7px;font-size:12px;font-weight:600}.spd-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.spd-search{flex:260px;align-items:center;min-width:0;display:flex;position:relative}.spd-search svg{color:var(--muted);pointer-events:none;position:absolute;left:11px}.spd-search .input{width:100%;padding-left:34px}.spd-select{width:auto;padding:6px 10px;font-size:13px}.spd-chips{flex-wrap:wrap;gap:6px;display:flex}.spd-chip{font:inherit;cursor:pointer;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-variant-numeric:tabular-nums;padding:4px 11px;font-size:13px;font-weight:500}.spd-chip span{margin-left:2px}.spd-chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.spd-chip:disabled{opacity:.5;cursor:default}.spd-chip[aria-pressed=true]{background:color-mix(in srgb, var(--tc) 10%, var(--surface));border-color:color-mix(in srgb, var(--tc) 50%, transparent);color:var(--text)}.spd-filter{border-radius:var(--r-md);background:color-mix(in srgb, var(--tc) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--tc) 40%, transparent);align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:13px;font-weight:550;display:inline-flex}.spd-filter button{color:var(--muted);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:0;place-items:center;padding:2px;display:grid}.spd-filter button:hover{color:var(--text);background:var(--hover)}.spd-speed-input{text-align:right;font-variant-numeric:tabular-nums;width:76px}.spd-x{color:var(--muted);margin-left:-4px}.spd-range{min-width:140px}.spd-tag{border-radius:var(--r-xs);background:var(--surface-2);color:var(--muted);border:1px solid var(--border);flex:none;padding:1px 7px;font-size:11px;font-weight:600}.spd-letter{border-radius:var(--r-md);width:28px;height:28px;color:var(--tc);background:color-mix(in srgb, var(--tc) 10%, var(--surface));flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.spd-rules{flex-direction:column;gap:14px;display:flex}.spd-split{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start;gap:18px;display:grid}.spd-list-card{flex-direction:column;gap:10px;padding:16px;display:flex}.spd-listbar{color:var(--muted);justify-content:space-between;font-size:13px}.spd-checkall{cursor:pointer;align-items:center;gap:8px;display:flex}.spd-bulk{gap:6px}.spd-list{flex-direction:column;gap:2px;margin:0 -8px;padding:0;list-style:none;display:flex}.spd-list li{border-radius:var(--r-md);align-items:center;gap:10px;padding:7px 8px;display:flex}.spd-list li:hover{background:var(--hover)}.spd-list li.active{background:color-mix(in srgb, var(--tc) 9%, var(--surface))}.spd-list li.paused .spd-rule,.spd-list li.paused .spd-letter,.spd-list li.paused .spd-speed{opacity:.55}.spd-rule{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.spd-rule strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;font-family:var(--font-mono);overflow:hidden}.spd-rule small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.spd-speed{font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:650}.spd-switch{cursor:pointer;flex:none;display:inline-flex;position:relative}.spd-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.spd-switch span{background:var(--border-strong);border-radius:999px;width:32px;height:18px;transition:background .15s;position:relative}.spd-switch span:after{content:"";background:var(--surface);width:14px;height:14px;box-shadow:var(--shadow-xs);border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.spd-switch input:checked+span{background:var(--tc)}.spd-switch input:checked+span:after{transform:translate(14px)}.spd-switch input:focus-visible+span{box-shadow:0 0 0 3px var(--accent-ring)}.spd-empty{color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;padding:28px;display:flex}.spd-empty h2{color:var(--text);margin:0;font-size:18px}.spd-empty p{max-width:560px;margin:0}.spd-empty>svg{color:var(--tc)}.spd-editor,.spd-tester,.spd-paste{flex-direction:column;gap:12px;display:flex;position:sticky;top:20px}.spd-editor h2,.spd-tester h2,.spd-paste h2,.spd-section h2,.spd-side h2,.spd-sites h2,.spd-chart-card h2{margin:0;font-size:16px}.spd-paste{position:static}.spd-paste p,.spd-tester>p{color:var(--muted);margin:0;font-size:14px}.spd-modes{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.spd-modes legend{margin-bottom:8px;padding:0;font-size:13px;font-weight:550}.spd-speedpick{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:10px;padding:12px;display:flex}.spd-speedpick .input{background:var(--surface)}.spd-picture{border:1px solid var(--border);border-radius:var(--r-lg)}.spd-picture summary{cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:550;display:flex}.spd-picture[open] summary{border-bottom:1px solid var(--border)}.spd-picture-body{flex-direction:column;gap:12px;padding:12px;display:flex}.spd-preview{border-radius:var(--r-md);background:var(--inverse);place-items:center;height:96px;display:grid;overflow:hidden}.spd-preview>div{width:100%;height:100%;transition:filter .1s,transform .1s;position:relative}.spd-sky{background:linear-gradient(var(--tool-autoscroll), var(--tool-recorder));position:absolute;inset:0}.spd-sun{background:var(--tool-notes);border-radius:50%;width:34px;height:34px;position:absolute;top:22%;left:62%}.spd-hill{background:var(--tool-stopwatch);border-radius:50%;height:90%;position:absolute;bottom:-40%;left:-10%;right:30%}.spd-sliders{grid-template-columns:1fr;gap:6px;display:grid}.spd-slider{grid-template-columns:92px minmax(0,1fr) 56px;align-items:center;gap:10px;font-size:13px;display:grid}.spd-slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.spd-rotate{gap:6px;font-size:14px}.spd-verdict{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex}.spd-verdict p{color:var(--text);margin:0;font-size:14px}.spd-tips{color:var(--muted);flex-direction:column;gap:6px;margin:4px 0 0;padding-left:18px;font-size:13px;display:flex}.spd-cols{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;gap:18px;display:grid}.spd-keys,.spd-section,.spd-side{flex-direction:column;gap:12px;display:flex}.spd-section>p,.spd-side>p{margin:0;font-size:14px}.spd-dim{opacity:.55}.spd-keygroup h3{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 4px;font-size:12px;font-weight:600}.spd-keylist{margin:0 -8px;padding:0;list-style:none}.spd-keylist li{border-radius:var(--r-md);align-items:center;gap:10px;padding:6px 8px;display:flex}.spd-keylist li:hover{background:var(--hover)}.spd-keylist li.paused .spd-key-what,.spd-keylist li.paused .spd-keycap{opacity:.55}.spd-key-what{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.spd-key-what small{font-size:12px}.spd-key-value{align-items:center;gap:6px;font-size:13px;display:flex}.spd-key-value .input{text-align:right;font-variant-numeric:tabular-nums;width:64px;padding:5px 8px}.spd-keycap{font:inherit;font-family:var(--font-mono);cursor:pointer;text-align:center;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);min-width:96px;color:var(--text);border-bottom-width:2px;padding:5px 10px;font-size:13px}.spd-keycap:hover{border-color:var(--tc)}.spd-keycap.unset{color:var(--faint);border-style:dashed;border-bottom-width:1px}.spd-keycap.listening{border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb, var(--tc) 22%, transparent);color:var(--tc)}.spd-add{margin-top:6px}.spd-cheats{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.spd-cheats li{align-items:baseline;gap:10px;display:flex}.spd-cheats kbd{text-align:center;min-width:64px}.spd-presets{flex-wrap:wrap;gap:6px;display:flex}.spd-preset{border-radius:var(--r-md);font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--surface-2);align-items:center;gap:2px;padding:3px 4px 3px 11px;font-size:14px;font-weight:600;display:inline-flex}.spd-preset button{color:var(--muted);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:0;place-items:center;padding:3px;display:grid}.spd-preset button:hover{color:var(--danger);background:var(--danger-soft)}.spd-switches{flex-direction:column;gap:4px;display:flex}.spd-toggle{cursor:pointer;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.spd-toggle+.spd-toggle{border-top:1px solid var(--border)}.spd-toggle input{margin-top:3px}.spd-toggle span{flex-direction:column;gap:2px;display:flex}.spd-toggle strong{font-size:14px;font-weight:550}.spd-toggle small{color:var(--muted);font-size:13px}.spd-reset{align-self:flex-start;font-size:13px}.spd-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.spd-tile-stat{flex-direction:column;gap:2px;padding:16px 18px;display:flex}.spd-tile-stat>span{font-size:13px}.spd-tile-stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(20px,2.1vw,26px);font-weight:750}.spd-tile-stat small{color:var(--muted);font-size:13px}.spd-chart-card{flex-direction:column;gap:14px;display:flex}.spd-chart-skeleton{background:var(--surface-2);height:320px}.spd-chart{grid-template-rows:220px auto;grid-template-columns:56px minmax(0,1fr);column-gap:8px;display:grid}.spd-yaxis{position:relative}.spd-yaxis span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;position:absolute;right:0;transform:translateY(-50%)}.spd-plot{position:relative}.spd-grid{border-top:1px solid var(--border);position:absolute;left:0;right:0}.spd-grid.zero{border-top-color:var(--border-strong)}.spd-bars{display:flex;position:absolute;inset:0}.spd-col{cursor:default;background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0 1px;position:relative}.spd-col:focus-visible{outline:2px solid var(--accent-ring);outline-offset:-2px}.spd-col.on{background:var(--hover)}.spd-barfill{background:var(--tc);border-radius:4px 4px 0 0;position:absolute;left:max(1px,18%);right:max(1px,18%)}.spd-barfill.neg{background:var(--faint);border-radius:0 0 4px 4px}.spd-tip{z-index:2;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:180px;max-width:260px;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:8px 10px;font-size:13px;display:flex;position:absolute;top:4px;transform:translate(-50%)}.spd-tip span{color:var(--muted)}.spd-tip b{color:var(--text)}.spd-xaxis{grid-column:2;margin-top:6px;display:flex}.spd-xaxis span{min-width:0;color:var(--muted);white-space:nowrap;flex:1;font-size:12px;overflow:visible}.spd-sites{flex-direction:column;gap:12px;display:flex}.spd-site-search{width:200px;padding:6px 10px;font-size:13px}.spd-table-wrap{margin:0 -6px;overflow-x:auto}.spd-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.spd-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px;font-size:12px;font-weight:600}.spd-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:6px}.spd-table tr:last-child td{border-bottom:0}.spd-table tr.active td{background:color-mix(in srgb, var(--tc) 8%, var(--surface))}.spd-sitebtn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:550;display:inline-flex}.spd-sitebtn:hover{color:var(--tc)}.spd-share{background:var(--surface-2);vertical-align:middle;border-radius:3px;width:48px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.spd-share span{background:var(--tc);border-radius:3px;height:100%;display:block}@container (width<=860px){.spd-split,.spd-cols{grid-template-columns:1fr}.spd-editor,.spd-tester{position:static}.spd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.spd-page{padding-top:24px}.spd-slider{grid-template-columns:80px minmax(0,1fr) 48px}.spd-keylist li{flex-wrap:wrap}.spd-key-what{flex-basis:calc(100% - 30px)}.spd-tile-stat strong{font-size:22px}.spd-chart{grid-template-columns:44px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.spd-switch span,.spd-switch span:after,.spd-preview>div{transition:none}}