.pattern-bar{top:calc(var(--header-h) - 1px);z-index:var(--z-dock);background:var(--surface);box-shadow:var(--shadow-1);position:sticky}@media print{.pattern-bar{display:none!important}}@media (width>=1080px){.pattern-bar{margin-right:calc(var(--dock-w) + var(--s-6))}}.pattern-nav{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.pattern-nav button{min-height:36px;padding:0 var(--s-3);font-size:var(--fs-xs)}#wallPrevBtn,#wallNextBtn{width:36px;font-size:var(--fs-md);padding:0}#wallPosition{font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:700}#wallNextBtn{margin-right:auto}.pattern-tabs{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.pattern-tabs .tab{min-height:32px;padding:0 var(--s-3);font-size:var(--fs-xs);color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);font-weight:700}.pattern-tabs .tab:hover{background:var(--surface-hover);color:var(--text-brand);border-color:var(--brand-300)}.pattern-tabs .tab.current{background:var(--brand-700);color:var(--text-inverse);border-color:#0000}.panel-size{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));align-items:end;display:grid}.panel-size>.field{margin:0}.panel-size .area{align-items:baseline;gap:var(--s-2);padding-bottom:var(--s-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--text-2);display:flex}.panel-size .area .label{font-size:var(--fs-xs);color:var(--text-muted)}.frame-members{gap:var(--s-2);flex-direction:column;display:flex}.frame-member{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));align-items:end;display:grid}.frame-member>.field{margin:0}.frame-member>button{align-self:end}.frame-actions{align-items:end;gap:var(--s-3);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.frame-actions>.field{max-width:10rem;margin:0}.wall-panels{flex-direction:column;display:flex}.wall-panel{background:var(--surface)}.wall-panel>[slot=title]{font-size:var(--fs-md);color:var(--text-brand);font-weight:700}.wall-panel>[slot=actions]{min-height:32px;padding:0 var(--s-3);font-size:var(--fs-xs)}.panel-result{margin-top:var(--s-4);padding:var(--s-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md)}.panel-result:empty{display:none}.result-heading{margin:var(--s-4) 0 0;font-size:var(--fs-sm);color:var(--text-2)}.table-scroll .steps-table .step-label{min-width:9em}.diagram-box,.panel-result svg{margin-top:var(--s-3);overflow-x:auto}.diagram-box svg,.panel-result svg,.wall-layout-diagram{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);max-width:100%;height:auto;margin:0 auto;display:block}.wall-layout-diagram{margin-top:var(--s-3)}