/* V7: keep parameters beside the working view, never stretch the legend row. */
.topbar{justify-content:flex-start;align-items:center;gap:24px;padding:16px 20px}.topbar>div:first-child{flex:0 0 auto}.topbar .folio{display:none}.topbar h1{font-size:22px;margin:0 0 4px}.container-switch{display:grid;grid-template-columns:44px 180px 72px 112px;max-width:none;margin-left:20px;align-items:center;gap:10px}.container-switch label{font-size:12px;color:#5e486d}.container-switch input,.container-switch select{width:100%;font-size:12px}.mode-tabs{margin:0 20px 0;padding:4px}.workspace{align-items:start;grid-template-columns:minmax(350px,.85fr) minmax(0,1.3fr);padding:16px 20px;gap:22px}.input-panel{display:flex;flex-direction:column;gap:16px}.mode-panel{order:0}.cylinder-rule{order:2;margin:0;padding:14px 16px}.shared-preset{order:1}.shared-preset summary{font-size:13px;font-weight:600;cursor:pointer}.shared-preset .preset-heading{margin-top:12px}.shared-preset .preset-table-wrap{max-height:165px}.visual-panel{display:grid;grid-template-rows:none;grid-auto-rows:auto;gap:12px;align-content:start;align-items:start}.sku-legend{min-height:0;line-height:1.6}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:12px}.metric strong{font-size:22px}.viewer-frame{height:clamp(350px,48vw,520px);min-height:350px;max-height:520px;background:#faf9fc}.distance-panel{top:auto;bottom:12px;right:12px;max-width:270px;padding:10px;font-size:11px;max-height:180px;overflow:auto}.distance-grid{gap:4px 10px}.load-progress-panel{padding:12px}.view-toolbar{gap:6px}.view-toolbar button{min-height:34px;padding:0 11px}.plan-selector{padding:2px 0}.plan-selector strong{line-height:1.6}.panel-heading{padding-bottom:10px;margin-bottom:12px}.panel-heading .folio{display:none}.panel-heading h2{font-size:16px}.table-toolbar{gap:7px;margin-bottom:12px}.result-panel{padding:16px}.result-panel h2{margin-top:0}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(470px,.85fr) minmax(0,1.3fr)}}
@media(max-width:1000px){.topbar{flex-wrap:wrap;gap:12px}.container-switch{margin-left:0}.workspace{grid-template-columns:minmax(0,1fr)}.input-panel{display:grid;grid-template-columns:1fr}.visual-panel{order:1}.viewer-frame{height:420px;min-height:420px}.mode-tabs{margin-top:0}.shared-preset{max-width:100%}}
@media(max-width:640px){.topbar{padding:14px 12px}.topbar>div:first-child{width:100%}.container-switch{width:100%;grid-template-columns:42px minmax(0,1fr) 64px 94px;gap:7px}.container-switch select{font-size:11px;padding-left:6px}.container-switch label{font-size:10px}.mode-tabs{margin:0 12px;width:calc(100% - 24px);max-width:calc(100% - 24px)}.workspace{padding:12px;gap:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:10px}.metric strong{font-size:20px}.viewer-frame{height:350px;min-height:350px}.distance-panel{font-size:10px;max-width:220px;max-height:150px}.plan-selector select{width:145px}.product-table{min-width:610px}.cylinder-rule{padding:12px}.load-progress-panel{padding:10px}.view-toolbar button{font-size:10px;padding:0 9px}.preset-heading label{width:100%}.topbar h1{font-size:20px}}
.input-panel>*{min-width:0;max-width:100%}.mode-panel{min-width:0}.product-table-wrap{width:100%;max-width:100%;overflow-x:auto}.preset-section.shared-preset{margin:0}.input-panel{grid-template-columns:minmax(0,1fr)}
@media(max-width:640px){.cylinder-rule>button{display:block;margin:8px 0;max-width:100%;white-space:normal}.preset-section.shared-preset{padding:12px}.container-switch{max-width:100%}}
.product-table{table-layout:fixed;min-width:560px;width:100%}.product-table th,.product-table td{padding:7px 5px;font-size:10px}.product-table th:first-child{width:18%}.product-table th:last-child{width:38px}.product-table input,.product-table select{min-width:0;width:100%;padding:5px;font-size:10px}.product-table .remove-row{width:28px;min-width:28px;padding:0}