[data-interactive="ac-waveform"] { min-width:0; margin-block:1rem; } [data-interactive="ac-waveform"] * { box-sizing:border-box; }
.acw-live { display:grid; gap:.85rem; font:.96rem/1.45 var(--f-display); } .acw-live fieldset { min-width:0; border:1px solid var(--rule); padding:.75rem; } .acw-live legend { font-weight:750; }
.acw-presets,.acw-choice-row { display:flex; flex-wrap:wrap; gap:.5rem; } .acw-presets button,.acw-live button,.acw-live input[type="number"] { min-height:44px; color:var(--ink); background:var(--surface); border:1px solid var(--rule); border-radius:var(--radius-xs); padding:.5rem .7rem; font:inherit; }
.acw-live :is(button,input,summary,.acw-plot-scroll):focus-visible { outline:3px solid var(--accent); outline-offset:2px; } .acw-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; } .acw-controls label { display:grid; gap:.25rem; font-weight:650; } .acw-controls input { width:100%; }
.acw-choice-row label { display:inline-flex; min-height:44px; align-items:center; gap:.3rem; } .acw-predict button { margin-top:.5rem; } .acw-context,.acw-limit { color:var(--ink-soft); }
.acw-plot-scroll { max-width:100%; overflow-x:auto; border:1px solid var(--rule); background:var(--surface); } .acw-plot-scroll svg { display:block; width:680px; max-width:none; height:250px; color:var(--ink); } .acw-plot-scroll svg text { fill:currentColor; font:15px sans-serif; }
.acw-axis { fill:none; stroke:var(--rule); stroke-width:1.5; } .acw-zero { stroke:var(--ink-soft); stroke-width:1.5; } .acw-mean { stroke:var(--flag); stroke-width:2; stroke-dasharray:8 5; } .acw-wave { fill:none; stroke:var(--accent); stroke-width:3; } .acw-max,.acw-min { fill:var(--flag); stroke:var(--ink); }
.acw-status { margin:0; border-left:4px solid var(--flag); padding:.6rem .75rem; background:var(--surface-2); } .acw-results dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; } .acw-results dl div { display:grid; grid-template-columns:minmax(8rem,1fr) auto; gap:.5rem; border-bottom:1px solid var(--rule); padding:.4rem 0; } .acw-results dt { font-weight:650; } .acw-results dd { margin:0; text-align:right; }
.acw-settings { margin:.2rem 0 .6rem; border-left:4px solid var(--flag); padding:.55rem .7rem; background:var(--surface-2); } .acw-plot-note { margin:.45rem 0; color:var(--ink-soft); font-size:.9em; line-height:1.35; }
.acw-advanced { border:1px solid var(--rule); margin:0; padding:.7rem; } .acw-advanced > summary { cursor:pointer; display:flex; align-items:center; min-height:44px; font-weight:750; } .acw-advanced > fieldset { margin:.7rem 0 0; }
.acw-table-scroll { max-width:100%; overflow-x:auto; } .acw-table-scroll:focus-visible { outline:3px solid var(--accent); } .acw-table-scroll table { min-width:42rem; }
@media (max-width:32rem) { .acw-controls,.acw-results dl { grid-template-columns:1fr; } }
@media screen { [data-interactive="ac-waveform"][data-acw-ready] > .acw-static { display:none; } }
@media print { [data-interactive="ac-waveform"] .acw-live { display:none !important; } [data-interactive="ac-waveform"] > .acw-static { display:block !important; } .acw-table-scroll { overflow:visible; max-width:none; } .acw-table-scroll table { width:100%; min-width:0; table-layout:fixed; font-size:.76rem; break-inside:avoid; } .acw-table-scroll :is(th,td) { padding:.25rem; overflow-wrap:anywhere; } }