#screens .theme-intro{display:flex;justify-content:space-between;align-items:end;gap:24px}.theme-picker{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 20px}.theme-picker button{padding:8px 15px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);display:flex;align-items:center;gap:8px}.theme-picker button i{width:10px;height:10px;background:var(--swatch);border-radius:50%}.theme-picker button[aria-pressed=true]{border-color:var(--swatch);box-shadow:inset 0 -2px var(--swatch)}.dash-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}.dash-controls button{background:var(--surface);border:1px solid var(--line);padding:7px 18px;border-radius:10px}.dash-controls output{min-width:145px;text-align:center;font-size:13px}.dashboard{--d-bg:#100d0e;--d-panel:#141316;--d-text:#f5f5f5;--d-muted:#aeb4bf;--d-accent:#ff2d3d;--d-border:#593039;--d-track:#35363c;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--d-accent) 9%,transparent),transparent 70%),var(--d-bg);color:var(--d-text);border:1px solid var(--d-border);border-radius:22px;padding:22px;overflow:hidden;transition:background-color .3s,color .3s;container-type:inline-size}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;margin-bottom:23px}.dash-wordmark{font:700 25px 'Segoe UI',sans-serif;direction:ltr}.dash-wordmark b{color:var(--d-accent)}.dash-demo-label{color:var(--d-muted)}.dash-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:16px;align-items:center;direction:ltr}.dash-bank{display:grid;grid-template-columns:1fr 1fr;gap:11px;direction:rtl}.dash-sensor{position:relative;background:linear-gradient(140deg,color-mix(in srgb,var(--d-accent) 6%,var(--d-panel)),var(--d-panel));border:1px solid var(--d-border);padding:13px 12px 14px;border-radius:14px;min-width:0}.dash-sensor header{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:31px}.dash-sensor header span{font-size:11px;line-height:1.5}.dash-icon{height:27px;width:27px;color:var(--d-accent);flex-shrink:0}.dash-icon svg{height:100%;width:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dash-reading{direction:ltr;display:flex;justify-content:center;align-items:baseline;gap:6px;padding:8px 0;font-family:'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}.dash-reading strong{font-size:clamp(21px,2.5cqw,35px);line-height:1.3}.dash-reading small{font-size:11px;color:var(--d-muted)}.dash-track{height:7px;background:var(--d-track);border-radius:10px;overflow:hidden;direction:ltr}.dash-track span{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--d-accent) 60%,white),var(--d-accent));border-radius:inherit;width:50%}.dash-main{color:var(--d-text);position:relative;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff03 0 1px,transparent 1px 4px),var(--d-panel);box-shadow:0 0 0 1px var(--d-border),inset 0 0 30px #0005}.dash-dial{width:100%;display:block;overflow:visible}.dash-dial .rim{fill:none;stroke:var(--d-border);stroke-width:2}.dash-dial .rail{fill:none;stroke:var(--d-track);stroke-width:9;stroke-linecap:round}.dash-dial .sweep{fill:none;stroke:var(--d-accent);stroke-width:8;stroke-linecap:round}.dash-dial .tick{stroke:var(--d-muted)}.dash-dial .major{stroke:var(--d-text)}.dash-dial text{fill:var(--d-text);font:italic 600 16px 'Segoe UI',sans-serif}.dash-needle{transform-origin:180px 180px;fill:var(--d-accent);filter:drop-shadow(0 0 4px var(--d-accent))}.dash-center{position:absolute;inset:29% 22% 20%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--d-panel);border:1px solid var(--d-border);border-radius:50%;font-family:'Segoe UI',sans-serif;direction:ltr}.dash-center small{font-size:clamp(10px,1.2cqw,16px);color:var(--d-muted)}.dash-speed{font-size:clamp(38px,6cqw,83px);line-height:1.13;font-weight:750;font-variant-numeric:tabular-nums}.dash-divider{height:2px;width:75%;background:linear-gradient(90deg,transparent,var(--d-accent),transparent);margin:10px 0}.dash-rpm{font-size:clamp(21px,2.5cqw,36px);font-weight:650;font-variant-numeric:tabular-nums}.dash-scale{position:absolute;bottom:7%;text-align:center;width:100%;color:var(--d-muted);font:11px 'Segoe UI',sans-serif}.dash-digital{display:none}.dash-bottom{margin-top:20px;border-top:1px solid var(--d-border);padding-top:14px;display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--d-muted);direction:rtl}.dash-bottom span:first-child{color:var(--d-accent)}
.dashboard[data-theme=ruby] .dash-sensor,.dashboard[data-theme=lime] .dash-sensor,.dashboard[data-theme=ice] .dash-sensor{border-radius:3px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);border-top:2px solid var(--d-accent);border-bottom:2px solid var(--d-accent)}.dashboard[data-theme=ruby] .sweep,.dashboard[data-theme=lime] .sweep{stroke-dasharray:2 1;stroke-linecap:butt;stroke-width:13}.dashboard[data-theme=emerald] .dash-sensor{border-radius:24px;box-shadow:inset 0 -6px 18px #00e5b41c}.dashboard[data-theme=emerald] .dash-main{box-shadow:0 0 0 5px var(--d-bg),0 0 0 6px var(--d-accent),inset 0 0 22px #00e5b433}.dashboard[data-theme=amber] .dash-main{border-radius:8px;aspect-ratio:1;border:2px solid var(--d-accent);background:repeating-linear-gradient(0deg,transparent 0 4px,#ffb02007 4px 5px),var(--d-panel)}.dashboard[data-theme=amber] .dash-dial,.dashboard[data-theme=amber] .dash-center,.dashboard[data-theme=amber] .dash-scale{display:none}.dashboard[data-theme=amber] .dash-digital{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;color:var(--d-accent);font-family:monospace}.dash-digital strong{font:700 clamp(60px,10cqw,130px)/1.2 monospace;text-shadow:0 0 20px #ffb02055}.dash-digital b{font-size:28px}.dash-digital-meter{height:20px;width:100%;background:var(--d-track);margin-top:20px;direction:ltr}.dash-digital-meter span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--d-accent) 0 7px,transparent 7px 10px)}.dashboard[data-theme=amber] .dash-sensor{border-radius:3px}.dashboard[data-theme=amber] .dash-track,.dashboard[data-theme=amber] .dash-track span{border-radius:0}.dashboard[data-theme=amber] .dash-track span{background:repeating-linear-gradient(90deg,var(--d-accent) 0 7px,transparent 7px 9px)}.dashboard[data-theme=amber] .dash-reading{color:var(--d-accent);font-family:monospace}.dashboard[data-theme=ivory] .dash-sensor{box-shadow:0 3px 12px #172c4410}.dashboard[data-theme=violet] .dash-main{box-shadow:0 0 0 5px var(--d-bg),0 0 0 6px var(--d-accent),0 0 24px #7c3aed55}.dashboard[data-theme=violet] .rim{stroke:var(--d-accent);stroke-dasharray:3 4}.dashboard[data-theme=violet] .dash-icon{background:#7c3aed33;border-radius:50%;padding:3px}.dashboard[data-theme=copper] .dash-main{border:8px ridge #c78f60;box-shadow:0 0 0 3px #49382b,inset 0 0 18px #000}.dashboard[data-theme=copper] .dash-sensor{border-color:var(--d-accent);border-radius:12px}.dashboard[data-theme=ice] .dash-main{border-radius:14%;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:#09283f;--d-text:#f3f8ff;--d-muted:#a7d1ee;--d-panel:#08243a;--d-border:#1486c4;border:5px solid #9cc0d9}.dashboard[data-theme=lime] .dash-main{box-shadow:0 0 0 3px #4a710b,0 0 25px #a3e63520}.dashboard[data-theme=lime] .dash-speed{color:var(--d-accent)}.dashboard[data-theme=rose] .dash-sensor{border-radius:26px;padding-left:23px}.dashboard[data-theme=rose] .dash-sensor:before{content:'';position:absolute;left:9px;top:22%;height:55%;width:5px;border-radius:5px;background:repeating-linear-gradient(0deg,var(--d-accent) 0 5px,transparent 5px 8px);opacity:.6}.dashboard[data-theme=rose] .dash-main{box-shadow:0 0 0 4px var(--d-bg),0 0 0 5px var(--d-accent)}.dashboard[data-theme=silver] .dash-sensor{border-radius:0;border-width:0 0 1px;background:none}.dashboard[data-theme=silver] .dash-main{background:#000;box-shadow:none}.dashboard[data-theme=silver] .sweep{stroke-width:3}.dashboard[data-theme=silver] .dash-center{border-color:transparent;background:#000}

#theme-dashboard{position:absolute;top:50%;left:50%;width:1120px;transform:translate(-50%,-50%) scale(var(--fit,0));transform-origin:center}
#theme-dashboard .dash-sensor header span{font-size:16px} #theme-dashboard .dash-reading strong{font-size:32px}
#theme-dashboard{display:flex;flex-direction:column;border-radius:0;border:0}
#theme-dashboard .dash-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) min(32%,365px) minmax(0,1fr)}