.wb30{gap:1rem;min-width:0;display:grid}.wb30-bar{gap:.5rem;display:grid}.wb30-panel{align-content:start;gap:.75rem;min-width:0;display:grid}.wb30-split>*{min-width:0}.wb30-form,.wb30-side{align-content:start;gap:1rem;min-width:0;display:grid}@media (min-width:72rem){.wb30-sticky{top:calc(var(--header-h,4rem) + .75rem);position:sticky}}.wb30-inline{min-width:min(100%,15rem);margin:0}.wb30-segmented label{text-align:center}.wb30-pages{justify-items:center}.wb30-pages img{max-width:100%;height:auto}.wb30 .mono{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);overflow-wrap:anywhere}.wb30-swatch{border:1px solid var(--line-strong);vertical-align:-.12rem;border-radius:3px;flex:none;width:.9rem;height:.9rem;margin-right:.35rem;display:inline-block}.wb30-legend{color:var(--text-2);flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.wb30-view{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);min-width:0;position:relative;overflow:hidden}.wb30-view canvas,.wb30-view img{width:100%;height:auto;display:block}.wb30-view.is-live canvas{touch-action:none;cursor:grab}.wb30-view canvas:focus-visible{outline:3px solid var(--focus,var(--cat));outline-offset:-3px}.wb30-view__status{color:var(--text-2);margin:0;padding:.6rem .75rem;font-size:.88rem}.wb30-view__status:empty{display:none}.wb30-controls{flex-wrap:wrap;align-items:end;gap:.6rem 1rem;display:flex}.wb30-controls .field{flex:12rem;min-width:min(100%,12rem);margin:0}.wb30-steps{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.wb30-step{border:1px solid var(--line);border-left:4px solid var(--cat,var(--line-strong));border-radius:var(--radius-s);background:var(--surface);overflow-wrap:anywhere;gap:.25rem;padding:.55rem .75rem;display:grid}.wb30-step__title{font-weight:700}.wb30-step ul{gap:.15rem;margin:0;padding-left:1.1rem;font-size:.92rem;display:grid}.wb30-grid-table .input{text-align:right;font-variant-numeric:tabular-nums;width:100%;min-width:5.5rem;padding-inline:.4rem}.wb30-grid-table th .input{text-align:left;min-width:6.5rem}.wb30-grid-table td,.wb30-grid-table th{vertical-align:middle;padding:.25rem}.wb30-cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.wb30-card{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);min-width:0}.wb30-card>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.7rem .85rem;font-weight:700;list-style-position:inside;display:flex}.wb30-card>summary:focus-visible{outline:3px solid var(--focus,var(--cat));outline-offset:2px}.wb30-card__body{gap:.9rem;min-width:0;padding:0 .85rem .85rem;display:grid}.wb30-card__meta{color:var(--text-2);font-size:.86rem;font-weight:400}.wb30-sub{margin:0;font-size:.98rem;font-weight:750}.wb30-matrix td{text-align:center;white-space:nowrap}.wb30-matrix .wb30-swatch{margin-right:.25rem}@media print{.wb30-noprint{display:none!important}}