.tn-screen{flex-direction:column;height:300px;padding:12px 14px 14px;display:flex}@media (width>=1024px){.tn-screen{height:392px;padding:16px 22px 22px}}.tn-top{color:var(--screen-muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.tn-ref{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}@media (width>=1024px){.tn-top{font-size:15px}}.tn-mid{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.tn-empty{text-align:center;max-width:300px;color:var(--screen-muted);padding:0 12px;font-size:15px}.tn-name{direction:ltr;grid-template-rows:auto auto;grid-template-columns:auto minmax(.55em,auto);column-gap:.06em;font-size:96px;line-height:1;transition:color .2s,opacity .3s;display:inline-grid}.tn-base{letter-spacing:-.04em;grid-row:1/span 2;font-weight:300;font-stretch:125%;line-height:.92}.tn-acc{padding-top:.08em;font-size:.42em;font-weight:400;line-height:1}.tn-oct{color:var(--screen-muted);align-self:end;font-size:.34em;font-weight:300;font-stretch:125%;line-height:1}.tn-in .tn-name,.tn-in .tn-oct{color:var(--accent-dark-text)}.tn-held .tn-name{opacity:.4}@media (width>=1024px){.tn-name{font-size:150px}}.tn-scale{direction:ltr;flex:none;height:62px;margin:4px 10px 0;position:relative}.tn-zone{background:var(--screen-line);border-radius:2px;width:8%;height:34px;transition:background-color .2s;position:absolute;top:2px;left:46%}.tn-in .tn-zone{background:var(--accent);opacity:.32}.tn-tick{background:var(--screen-line-2);border-radius:1px;width:2px;height:12px;margin-left:-1px;position:absolute;top:13px}.tn-tick--major{background:var(--screen-muted);opacity:.55;height:20px;top:9px}.tn-tick--zero{background:var(--screen-muted);opacity:1;height:34px;top:2px}.tn-track{will-change:transform;height:38px;position:absolute;inset:0 0 auto}.tn-needle{background:var(--trace);opacity:0;border-radius:2px;width:4px;height:38px;margin-left:-2px;transition:opacity .2s;position:absolute;top:0;left:50%}.tn-has .tn-needle{opacity:1}.tn-held .tn-needle{opacity:.4}.tn-label{color:var(--screen-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:1.2;position:absolute;top:44px;transform:translate(-50%)}@media (width>=1024px){.tn-scale{height:70px;margin-inline:16px}.tn-label{font-size:13px;top:48px}}.tn-strings{direction:ltr;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.tn-strings li{background:var(--screen-line);height:34px;color:var(--screen-muted);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.tn-strings small{margin-inline-start:1px;font-size:11px;font-weight:400}.tn-strings li.on{background:var(--screen-ink);color:var(--ink)}.tn-strings li.in{background:var(--accent);color:var(--ink)}@media (width>=1024px){.tn-strings{gap:8px}.tn-strings li{height:40px;font-size:17px}.tn-strings small{font-size:12px}}.tn-row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.tn-row>span{font-size:14px;font-weight:600}.tn-step{border:1px solid var(--input);border-radius:var(--radius);background:var(--panel);grid-template-columns:48px 92px 48px;height:48px;display:grid;overflow:hidden}.tn-step button{color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.tn-step button:hover{background:var(--bg)}.tn-step button[disabled]{opacity:.35;cursor:not-allowed;background:0 0}.tn-step button svg{width:18px;height:18px}.tn-step output{border-inline:1px solid var(--line-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:16px;display:flex}