.design-picker{border:0;border-top:1px solid var(--color-line);min-width:0;margin:20px 0;padding:20px 0 0}.design-picker legend{padding:0;font-size:15px;font-weight:600}.design-picker-hint{color:var(--color-ink-2);margin:6px 0 14px;font-size:13px}.design-picker-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.design-option{border:1px solid var(--color-line);cursor:pointer;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:10px;display:flex;position:relative}.design-option:hover{border-color:var(--color-ink-2)}.design-option[data-selected=true]{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.design-option:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:4px}.design-option input{width:17px;height:17px;accent-color:var(--color-ink);margin:0;position:absolute;top:17px;right:16px}.design-option-name{color:var(--color-ink);font-size:13px;font-weight:600;line-height:1.4}.design-option-description{color:var(--color-ink-2);font-size:12px;line-height:1.45}.design-picker:disabled .design-option{cursor:wait;opacity:.65}.design-sample{--sample-bg:#f1f3f3;--sample-ink:#243744;--sample-accent:#43697c;background:var(--sample-bg);height:78px;color:var(--sample-ink);border-radius:4px;margin-bottom:5px;padding:10px;display:flex;overflow:hidden}.design-sample-nav{opacity:.35;border-right:1px solid;width:12%;margin-right:12px}.design-sample-body{flex-direction:column;align-items:flex-start;gap:4px;width:75%;display:flex}.design-sample-heading{font:600 24px/1 Georgia,serif}.design-sample-line{opacity:.3;background:currentColor;width:75%;height:3px}.design-sample-line+.design-sample-line{width:48%}.design-sample-action{background:var(--sample-accent);border-radius:2px;width:23px;height:7px;margin-top:2px}.design-sample[data-style=minimal]{--sample-bg:#f4f4f1;--sample-ink:#252622;--sample-accent:#252622}.design-sample[data-style=minimal] .design-sample-heading{font-family:sans-serif;font-weight:400}.design-sample[data-style=editorial]{--sample-bg:#f4eadc;--sample-ink:#432a21;--sample-accent:#a44129}.design-sample[data-style=editorial] .design-sample-nav{display:none}.design-sample[data-style=editorial] .design-sample-heading{font-size:29px;font-style:italic}.design-sample[data-style=warm]{--sample-bg:#e9edde;--sample-ink:#354b37;--sample-accent:#945333;border-radius:12px}.design-sample[data-style=warm] .design-sample-action{border-radius:7px}.design-sample[data-style=bold]{--sample-bg:#f5d966;--sample-ink:#292a21;--sample-accent:#493884}.design-sample[data-style=bold] .design-sample-heading{font-family:sans-serif;font-size:28px;font-weight:900}.design-sample[data-style=technical]{--sample-bg:#e7edf4;--sample-ink:#22384f;--sample-accent:#25579e}.design-sample[data-style=technical] .design-sample-heading{font-family:monospace;font-size:20px}.design-sample[data-style=technical] .design-sample-line{width:90%;height:4px}@media (max-width:520px){.design-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.design-option[data-selected=true]{outline:2px solid highlight}}