aside{padding:18px}aside label{margin:15px 0}aside p{margin-bottom:14px}aside details{margin-top:16px;padding-top:12px}aside .row{margin-top:10px}aside button{padding:9px 8px;font-size:13px}#qr{width:min(calc(100dvh - 330px),100%);image-rendering:pixelated;box-shadow:none}#original{image-rendering:pixelated}.grid-scroll{width:min(100%,850px);margin-top:14px;overflow-x:auto}#steps{display:grid;grid-template-columns:48px repeat(16,minmax(20px,1fr));gap:5px;min-width:560px;align-items:center}.track-name{font-size:12px;font-weight:600;color:#23445a}.step{min-height:30px;padding:0;border:1px solid #c6d4df;border-radius:4px;background:#e6edf2;font-size:10px;color:#527081}.step[aria-pressed=true]{background:var(--voice);color:white;border-color:var(--voice)}.step.playhead{outline:2px solid #102d43;outline-offset:1px}.step:focus-visible{outline:3px solid #0aa8bb;outline-offset:2px}.step:nth-child(4n+2){border-left-width:3px}#status{font-variant-numeric:tabular-nums}.stage:fullscreen #qr{width:min(calc(100dvh - 240px),calc(100vw - 40px))}.stage:fullscreen .grid-scroll{max-width:900px}.destination{margin:10px 0}#error:empty{display:none}@media(max-width:760px){#qr{width:100%}#steps{gap:4px}.grid-scroll{margin-top:12px}aside{padding:18px}.views:has(#original:not([hidden])) #original{width:100%}#original{width:70%}}@media(min-width:761px) and (max-height:900px){main{padding-top:14px;padding-bottom:14px}aside{padding:15px}aside label{margin:11px 0}aside label input[type=range]{margin-top:6px}aside .check{margin:10px 0}aside p{font-size:12px}aside h1{font-size:26px}aside details{margin-top:12px}header{height:58px}}

.sync-status{font-size:11px;color:#526d7c;margin:5px 0 8px;line-height:1.4}aside label{margin:11px 0}aside details label{margin:8px 0}