.bench-viewer.cb-view-flat{aspect-ratio:auto;height:auto;min-height:0;max-height:78vh;padding:12px;display:block;overflow:auto}.cb-flat svg{background:#fbf7f2;border-radius:6px;width:100%;height:auto;max-height:72vh;display:block}.cb-3d{position:absolute;inset:0}.cb-dims{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cb-dims.cb-fit-only{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-notice{background:var(--b-soft,#fef3c7);color:var(--b-ink,#92400e);border-radius:8px;margin:10px 0;padding:10px 12px;font-size:.9rem}.cb-notice:empty{display:none}.cb-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.cb-style-card{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:600 .8rem var(--font);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 7px;transition:border-color .15s,box-shadow .15s;display:flex}.cb-style-card svg{width:100%;height:54px}.cb-style-card .p{fill:#e3c79f;stroke:#b45309;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.cb-style-card .f{fill:none;stroke:#2563eb;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:3 2}.cb-style-card:hover{border-color:#b45309}.cb-style-card[aria-checked=true]{background:#fff8ec;border-color:#b45309;box-shadow:0 0 0 2px #b4530959}.cb-style-select{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){.cb-style-card[aria-checked=true]{background:#3a2a14}}