*{box-sizing:border-box}body{color:#edf4f4;background:#0b151d;margin:0;font:16px/1.6 system-ui,sans-serif}header,main{max-width:1280px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:.2em;color:#6ee0c0;font-size:.75rem}h1{margin:10px 0;font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.2}.tag,.note{color:#b6c6cb;font-size:.75rem}.tag{white-space:nowrap;border:1px solid #35464d;border-radius:24px;padding:6px 12px}main{padding-top:0}.viewport{background:#233746;border:1px solid #35464d;border-radius:16px;height:60vh;min-height:260px;position:relative;overflow:hidden}canvas{outline-offset:-5px;width:100%;height:100%;display:block}.speed{pointer-events:none;background:#0b151de8;border-radius:12px;padding:10px 22px;position:absolute;bottom:20px;right:24px}.speed output{font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.speed span{color:#b6c6cb;margin-left:8px}.panel{padding:12px 0}#status{color:#6ee0c0}.actions{flex-wrap:wrap;gap:12px;display:flex}button{font:inherit;color:#edf4f4;cursor:pointer;background:#263a45;border:1px solid #667b84;border-radius:8px;padding:10px 20px;font-weight:650}#drive{color:#0b151d;background:#6ee0c0;border-color:#6ee0c0}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #ffc764}#help{color:#c5d2d8;max-width:850px}body[data-error=true] #status{color:#ffb6a8}@media (width<=600px){header,main{padding:16px}header{flex-direction:column;align-items:flex-start;gap:6px}.viewport{height:48vh}.speed{bottom:12px;right:12px}.speed output{font-size:2rem}.tag{white-space:normal}}