.lat-top{gap:14px 22px}.lat-out{flex-wrap:nowrap;flex:0 320px}.lat-out .glass-select{flex:1;min-width:0}.lat-err:not([hidden]){padding:0 4px}.lat-stage{grid-template-rows:auto auto;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:18px 30px;padding:26px 30px;display:grid}.lat-lamp{background:radial-gradient(circle at 40% 35%,#3a3a3a,#161616 72%);border-radius:50%;grid-row:1/span 2;place-items:center;width:160px;height:160px;display:grid;box-shadow:inset 0 6px 16px #000000d9,0 1px #ffffff0f}.lat-lamp i{background:radial-gradient(circle at 40% 35%,#303030,#1a1a1a);border-radius:50%;width:72%;height:72%;box-shadow:inset 0 2px 6px #000000b3}.lat-lamp.on i{background:radial-gradient(circle at 38% 32%,#fff,#fff6a0 40%,#ffe400 78%);box-shadow:0 0 60px 16px #ffe40080}.lat-track{background:#161616;border-radius:10px;height:48px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff0d}.lat-target{background:#fff9;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:5px;bottom:5px;left:50%}.lat-dot{background:var(--lcd-green);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:4%;box-shadow:0 0 12px 2px #2fd18eb3}.lat-say{color:#dcdcdc;font-size:16px;font-weight:600;line-height:1.45}.lat-say b{color:#fff}.lat-sync-ctl{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px 24px;margin-top:20px;padding:0 4px;display:grid}.lat-offset .label{margin-bottom:6px;display:block}.lat-offset .seg{font-size:42px}.lat-slide{min-width:0}.lat-scale{justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.lat-nudge .kc{min-width:44px;height:40px}.lat-go{min-width:216px;height:46px}.lat-go .ic.on,.lat-go.is-on .ic.off{display:none}.lat-go.is-on .ic.on{display:block}.lat-loop-ctl{flex-wrap:wrap;align-items:center;gap:14px 24px;padding:0 4px 16px;display:flex}.lat-dev{flex-wrap:nowrap;flex:260px;max-width:380px}.lat-dev .glass-select{flex:1;min-width:0}.lat-vol{flex-wrap:nowrap}.lat-vol .fader{width:160px}.lat-loop{grid-template-columns:minmax(0,1fr) 230px;gap:16px;display:grid}.lat-wave{height:236px;position:relative;overflow:hidden}.lat-wave canvas{width:100%;height:100%;position:absolute;inset:0}.lat-wave .tag{z-index:1;position:absolute;top:11px;left:12px}.lat-runs{padding:12px 14px 8px}.lat-runs ol{margin:8px 0 0;padding:0;list-style:none}.lat-runs li{color:#8f8f8f;font-variant-numeric:tabular-nums;border-top:1px solid #1d1d1d;justify-content:space-between;padding:4px 0;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:15px;font-weight:600;display:flex}.lat-runs li:first-child{border-top:0}.lat-runs .n{color:#6f6f6f}.lat-runs .v.ok{color:var(--lcd-green)}.lat-runs .v.miss{color:#ff8a5c}.lat-verdict{min-height:26px;padding:0 4px}.lat-verdict span{line-height:1.4}.lat-strip{margin-top:16px}.lat-strip .lcd-cell .seg{font-size:27px}.lat-save{margin-top:18px;padding:0 4px}.lat-save-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.lat-table{margin-top:14px;overflow-x:auto}.lat-table table{border-collapse:collapse;width:100%;font-size:15px}.lat-table th{text-align:left;color:#8a8a8a;border-bottom:1px solid #1d1d1d;padding:6px 12px 6px 0;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:13px;font-weight:600}.lat-table td{color:#e2e2e2;font-variant-numeric:tabular-nums;border-bottom:1px solid #222;padding:7px 12px 7px 0;font-weight:600}.lat-table td .kc{height:26px;padding:0 10px 2px}.lat-diff{color:#fff;margin-top:12px;font-weight:700}@media (max-width:960px){.lat-sync-ctl{grid-template-columns:auto minmax(0,1fr)}.lat-nudge{justify-self:start}.lat-go{justify-self:end}}@media (max-width:760px){.lat-top .right{margin-left:0}.lat-out{flex-basis:100%}.lat-stage{grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;padding:20px 16px}.lat-lamp{grid-row:auto;width:116px;height:116px}.lat-track{width:100%}.lat-say{text-align:center;font-size:15px}.lat-sync-ctl{grid-template-columns:minmax(0,1fr);gap:14px}.lat-nudge .kc{flex:1}.lat-nudge{width:100%;display:flex}.lat-go{justify-self:stretch;width:100%;min-width:0}.lat-dev{flex-basis:100%;max-width:none}.lat-loop{grid-template-columns:minmax(0,1fr)}.lat-wave{height:190px}.lat-strip .lcd-cell .seg{font-size:23px}.lat-table table{font-size:13.5px}}