:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kvs-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--kvs-color-page:#fafafa;--kvs-color-surface:#fff;--kvs-color-text:#18181b;--kvs-color-heading:#18181b;--kvs-color-muted:#52525b;--kvs-color-kicker:#71717a;--kvs-color-border:#09090b1a;--kvs-color-border-strong:#09090b24;--kvs-color-focus:#b8d4ff;--kvs-color-action-primary:#2456d6;--kvs-color-action-primary-hover:#1f49bc;--kvs-color-action-neutral-container:#eef2f7;--kvs-color-action-neutral-container-hover:#e2e8f0;--kvs-color-action-on-neutral-container:#334155;--kvs-color-danger-text:#7f1d1d;--kvs-color-success-bg:#22c55e24;--kvs-color-success-text:#15803d;--kvs-color-pill-bg:#52525b1a;--kvs-color-pill-text:#3f3f46;--kvs-shadow-panel:0 1px 2px #09090b0f;--kvs-space-1:4px;--kvs-space-2:8px;--kvs-space-3:12px;--kvs-space-4:16px;--kvs-space-5:20px;--kvs-space-6:24px;--kvs-space-8:32px;--kvs-radius-control:6px;--kvs-radius-panel:16px;--kvs-radius-button-compact:16px;--kvs-radius-pill:999px;--kvs-size-control-min:44px;--kvs-text-kicker:.9rem;--kvs-text-body:1.05rem;--kvs-text-pill:.76rem;--kvs-leading-body:1.6;--app-header-size:clamp(2rem, 4vw, 3.2rem);--meter-safe:#15803d;--meter-caution:#b7791f;--meter-danger:#b42318;--meter-fill:#2456d6;--meter-track:#e6eaf0}*{box-sizing:border-box}body{background:var(--kvs-color-page);color:var(--kvs-color-text);font-family:var(--kvs-font-sans);margin:0}button{font:inherit}h1,h2,p{margin:0}h1{color:var(--kvs-color-heading);font-size:var(--app-header-size);letter-spacing:0;line-height:1}h2{letter-spacing:0;font-size:1rem}.app-shell{width:min(1280px,100% - 32px);padding:var(--kvs-space-2) 0;margin:0 auto}.app-header{justify-content:space-between;align-items:end;gap:var(--kvs-space-4);margin-bottom:var(--kvs-space-3);display:flex}.kicker{margin:0 0 var(--kvs-space-1);color:var(--kvs-color-kicker);font-size:var(--kvs-text-kicker);text-transform:uppercase;font-weight:700}.meter-grid{gap:var(--kvs-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kvs-panel{border:1px solid var(--kvs-color-border);padding:var(--kvs-space-3);background:var(--kvs-color-surface);box-shadow:var(--kvs-shadow-panel);border-radius:12px}.position-panel{grid-column:1/-1}.control-row,.meter-heading,.meter-scale,.position-scale{align-items:center;gap:var(--kvs-space-3);display:flex}.control-row{flex-wrap:wrap;justify-content:flex-end}.kvs-button{border-radius:var(--kvs-radius-button-compact);min-height:40px;padding:0 var(--kvs-space-4);background:var(--kvs-color-action-neutral-container);color:var(--kvs-color-action-on-neutral-container);cursor:pointer;border:1px solid #0000;font-weight:700}.kvs-button:hover:not(:disabled){background:var(--kvs-color-action-neutral-container-hover)}.kvs-button:focus-visible{outline:3px solid var(--kvs-color-focus);outline-offset:2px}.kvs-button:disabled{cursor:not-allowed;opacity:.55}.kvs-button--primary{background:var(--kvs-color-action-primary);color:#fff}.kvs-button--primary:hover:not(:disabled){background:var(--kvs-color-action-primary-hover)}.kvs-button--subtle{border-radius:var(--kvs-radius-control);min-height:38px;padding:0 var(--kvs-space-3)}.meter-action{min-height:28px;padding:0 var(--kvs-space-2);font-size:.8rem}.status-line{margin-bottom:var(--kvs-space-3);border:1px solid var(--kvs-color-border);border-radius:var(--kvs-radius-control);padding:var(--kvs-space-2) var(--kvs-space-4);background:var(--kvs-color-surface);color:var(--kvs-color-muted)}.status-line[data-tone=danger]{color:var(--kvs-color-danger-text);border-color:#b4231859}.meter-heading{margin-bottom:var(--kvs-space-2);justify-content:space-between}.meter-heading-actions{align-items:center;gap:var(--kvs-space-2);display:inline-flex}.meter-title{align-items:center;gap:var(--kvs-space-2);min-width:0;display:inline-flex;position:relative}.hint{border:1px solid var(--kvs-color-border-strong);border-radius:var(--kvs-radius-pill);background:var(--kvs-color-action-neutral-container);width:22px;height:22px;color:var(--kvs-color-action-on-neutral-container);cursor:help;justify-content:center;align-items:center;font-size:.78rem;font-weight:900;line-height:1;display:inline-flex;position:relative}.hint:focus-visible{outline:3px solid var(--kvs-color-focus);outline-offset:2px}.hint-popover{z-index:10;pointer-events:none;opacity:0;border:1px solid var(--kvs-color-border-strong);border-radius:var(--kvs-radius-control);width:min(280px,100vw - 48px);padding:var(--kvs-space-3);color:var(--kvs-color-text);text-transform:none;background:#fff;font-size:.82rem;font-weight:650;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 10px 30px #09090b1a,0 2px 8px #09090b14}.hint:hover .hint-popover,.hint:focus .hint-popover,.hint:focus-within .hint-popover{opacity:1;transform:translateY(0)}.kvs-status-pill{border-radius:var(--kvs-radius-pill);min-height:28px;padding:0 var(--kvs-space-3);background:var(--kvs-color-pill-bg);color:var(--kvs-color-pill-text);font-size:var(--kvs-text-pill);text-transform:uppercase;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.kvs-status-pill[data-tone=ok]{background:var(--kvs-color-success-bg);color:var(--kvs-color-success-text)}.kvs-status-pill[data-tone=caution]{color:#8a5a12;background:#b7791f26}.kvs-status-pill[data-tone=danger]{color:var(--kvs-color-danger-text);background:#b4231821}.meter-scale,.position-scale{color:var(--kvs-color-muted);font-size:.82rem;font-weight:700}.meter-scale>span,.position-scale>span{width:54px}.meter-scale>span:last-child,.position-scale>span:last-child{text-align:right}.bar-meter,.position-track{border:1px solid var(--kvs-color-border-strong);border-radius:var(--kvs-radius-pill);background:var(--meter-track);flex:1;min-width:0;height:14px;position:relative;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--meter-fill), #3f8cff);width:0%;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.target-zone{background:#22c55e33;border-radius:0;position:absolute;inset:0 auto 0 0}.position-track{overflow:visible}.good-mark{background:#09090b47;width:2px;position:absolute;top:-5px;bottom:-5px;left:50%}.position-marker{border-radius:var(--kvs-radius-pill);background:var(--meter-fill);border:3px solid #fff;width:16px;height:24px;transition:left .12s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 6px #09090b2e}.meter-value{margin-top:var(--kvs-space-2);font-size:1rem;font-weight:800}.meter-note{margin-top:var(--kvs-space-1);color:var(--kvs-color-muted);font-size:.86rem;line-height:1.35}.comparison-panel{column-gap:var(--kvs-space-4);row-gap:var(--kvs-space-2);grid-column:1/-1;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);display:grid}.comparison-panel>.meter-heading{grid-column:1/-1}.comparison-controls{align-content:start;gap:var(--kvs-space-2);flex-wrap:wrap;display:flex}.comparison-summary{gap:var(--kvs-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.slot-summary{gap:var(--kvs-space-1);border:1px solid var(--kvs-color-border);border-radius:var(--kvs-radius-control);padding:var(--kvs-space-3);background:var(--kvs-color-page);color:var(--kvs-color-muted);font-size:.86rem;line-height:1.35;display:grid}.slot-summary strong{color:var(--kvs-color-text);font-size:.95rem}.slot-summary[data-status=recording]{background:#2456d60d;border-color:#2456d652}.comparison-bars{align-content:center;gap:var(--kvs-space-2);display:grid}.comparison-bar-heading,.ab-bar-labels{justify-content:space-between;gap:var(--kvs-space-3);color:var(--kvs-color-muted);font-size:.86rem;font-weight:700;display:flex}.ab-bar{border:1px solid var(--kvs-color-border-strong);border-radius:var(--kvs-radius-pill);background:var(--meter-track);height:26px;position:relative;overflow:hidden}.ab-baseline-bar,.ab-current-bar{width:0%;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.ab-baseline-bar{background:#52525b3d}.ab-current-bar{background:linear-gradient(90deg, var(--meter-fill), #3f8cff);box-shadow:inset 0 0 0 1px #ffffff59}@media (width<=980px){.meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floor-panel{grid-column:1/-1}}@media (width<=760px){.app-shell{width:min(100% - 20px,1120px);padding:var(--kvs-space-5) 0}.app-header{flex-direction:column;align-items:stretch}.control-row{justify-content:stretch}.control-row .kvs-button{flex:1}.meter-grid,.comparison-summary{grid-template-columns:1fr}.kvs-panel{padding:var(--kvs-space-3)}.comparison-panel{display:block}.comparison-controls,.comparison-summary{margin-bottom:var(--kvs-space-3)}.meter-heading{flex-direction:column;align-items:start}.hint-popover{left:auto;right:0}.meter-scale,.position-scale{gap:var(--kvs-space-2)}.meter-scale>span,.position-scale>span{width:56px;font-size:.78rem}}