.wall{background-repeat:repeat;flex:1}.zoom{margin:0}.repeat-desc{color:var(--muted);font-size:.875rem}.families{gap:0 var(--s3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.summary{margin:0}.own-preview{align-items:center;gap:var(--s2);margin:var(--s2) 0;display:flex}.own-preview img{border:1px solid var(--line);border-radius:var(--radius)}.stage{border-color:var(--hairline)}.wall-chips{flex-wrap:wrap;gap:8px;max-width:calc(100% - 84px);display:flex;position:absolute;bottom:16px;left:16px}.wall-chip,.wall-full{background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--ink);border-radius:var(--radius-control)}.wall-chip{align-items:center;min-height:30px;padding:0 10px;font-size:13px;display:flex}.wall-chip.mono{font-family:var(--mono)}.wall-chip.balance{color:var(--pass);font-weight:600}.wall-chip.balance:not(.good){color:var(--warn)}.wall-full{cursor:pointer;border:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:16px;right:16px}.stage>.shortcut-hint{bottom:60px;right:16px}.controls.studio-controls{align-content:start;gap:12px}.s-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);min-width:0}.design-card{grid-template-columns:minmax(0,1fr);gap:20px 32px;padding:20px;display:grid}@media (width>=40rem){.design-card{grid-template-columns:repeat(2,minmax(0,1fr))}.design-card>.span-2{grid-column:span 2}.design-card>.size-field{grid-area:2/2/span 2}}.design-card fieldset{border:0;min-width:0;margin:0;padding:0}.design-card .field{align-content:start;gap:6px;margin:0}.s-label,.design-card .field label{font-size:14px;font-weight:650}.s-label{margin-bottom:8px;padding:0}.design-card .field output{font-family:var(--mono);font-size:14px}.design-card input[type=range]{accent-color:var(--ink)}.design-card input[type=number],.design-card select{border-radius:var(--radius-control);border:1px solid var(--line);box-sizing:border-box;height:36px;min-height:36px;padding:0 10px;font-size:14px}.design-card input[type=number]{font-family:var(--mono);min-width:0}.design-card .seed-row{gap:6px}.seed-shuffle{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);font:inherit;cursor:pointer;flex:none;font-size:13px}.design-card select{width:100%}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.theme-card{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);cursor:pointer;display:block;position:relative;overflow:hidden}.theme-card:has(input:checked){border:2px solid var(--accent)}.theme-card:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.theme-thumb{height:72px;display:block}.theme-name{padding:8px 12px;font-size:14px;display:block}.theme-card:has(input:checked) .theme-name{font-weight:650}.theme-field .hint-text{margin-top:8px}.size-presets .ui-segmented-label{display:none}.size-presets .ui-segmented-option{min-height:34px;font-family:var(--mono);padding:0 14px;font-size:13px}.size-presets .ui-segmented-option+.ui-segmented-option{border-left-color:var(--hairline)}.size-presets .ui-segmented-option[aria-checked=true]{background:var(--ink);color:var(--surface);font-weight:650}.fold>summary{cursor:pointer;align-items:center;gap:10px;min-height:52px;padding:0 18px;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold-title{font-size:16px;font-weight:700}.fold-sum{min-width:0;font-family:var(--mono);color:var(--muted);flex:1;font-size:13px}.fold-sum.sans{font-family:inherit}.fold-mark{transition:transform .15s}.fold[open] .fold-mark{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.fold-mark{transition:none}}.fold-body{border:0;min-width:0;margin:0;padding:0 18px 18px}.studio-controls .summary{font-size:13px}.fields{align-items:start}.options{gap:0;display:grid}.options .hint-text{margin:0 0 var(--s2) 2rem;max-width:60ch}@media (width>=64rem){.stage{height:calc(100vh - var(--bar-h,0px) - var(--head-h,0px))}.controls.studio-controls{gap:12px;padding:24px 28px}}@media (width<=40rem){.stage>.shortcut-hint{top:12px;bottom:auto}}.studio-design{display:contents}.studio-use{gap:var(--s3);align-content:start;min-width:0;display:grid}.use-back{min-height:2.75rem;padding:0 var(--s4);justify-self:start;font-size:1rem;font-weight:600}.use-web{gap:var(--s2);min-width:0;display:grid}.use-web-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.use-web .code{inline-size:100%;font-family:var(--mono);resize:vertical;font-size:13px}@media (width<=63.99rem){.stage.stage-use{min-height:28rem}}@media (width<=599.98px){.wall-chip.mono{display:none}.wall-chips{flex-wrap:nowrap;gap:6px;max-width:calc(100% - 68px);bottom:22px;left:12px}.wall-chip{white-space:nowrap;font-size:12px}.wall-full{bottom:22px;right:12px}}
