.pattern-picker{min-width:0;max-width:1240px;color:var(--pc-ink)}.picker-type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.picker-type,.picker-choice{color:var(--pc-ink);background:var(--card);border-color:var(--pc-card-border);border-radius:6px}.picker-type{white-space:normal;flex-direction:column;gap:12px;min-width:0;height:auto;min-height:44px;padding:0 0 14px;font-size:15px;display:flex;overflow:hidden}.picker-type-art{background:var(--pc-topbar);place-items:center;width:100%;height:188px;padding:14px;display:grid}.picker-type-art svg{width:100%;height:100%}.picker-type[aria-pressed=true],.picker-choice[aria-pressed=true]{border-color:var(--pc-green);background:var(--pc-green-tint);color:var(--pc-green-dark);box-shadow:inset 0 0 0 1px var(--pc-green)}.picker-type[aria-pressed=true] .picker-type-art,.picker-choice[aria-pressed=true] .picker-choice-art{box-shadow:inset 0 -3px var(--pc-green)}.picker-type:focus-visible,.picker-choice:focus-visible{outline:2px solid var(--pc-green);outline-offset:3px}@media (hover:hover){.picker-type:not(:disabled):hover,.picker-choice:not(:disabled):hover{background:var(--pc-card-hover)}.picker-type[aria-pressed=true]:hover,.picker-choice[aria-pressed=true]:hover{background:var(--pc-green-tint)}}.picker-flat{width:100%;height:100%;display:block;overflow:hidden}.picker-flat-body{fill:var(--card);stroke:var(--pc-ink)}.picker-flat-opening{fill:var(--pc-topbar)}.picker-flat-accent{stroke:var(--pc-green);fill:var(--pc-green-tint)}.picker-flat-stitch{stroke:var(--pc-text-muted);stroke-width:.75px}.picker-flat-construction{stroke-width:1px}.picker-flat-feature{stroke:var(--pc-green)}.picker-workspace{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;gap:36px;display:grid}.picker-controls{grid-area:1/1;min-width:0}.picker-preview{grid-area:1/2;min-width:0;position:sticky;top:24px}.picker-preview-title{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0;font-size:20px;font-weight:600;display:flex}.picker-preview-subtitle{color:var(--pc-text-secondary);font-size:12px;font-weight:400}.picker-preview-art{background:var(--pc-topbar);grid-template-columns:minmax(0,1fr);align-items:end;margin-top:16px;padding:24px 16px 18px;display:grid;overflow:hidden}.picker-preview-art.has-back{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.picker-front-flat,.picker-back-flat{height:460px}.picker-view-label{text-align:center;letter-spacing:0;color:var(--pc-text-secondary);margin:12px 0 0;font-size:11px;font-weight:600}.picker-summary{color:var(--pc-ink);overflow-wrap:anywhere;margin:0;padding-top:16px;font-size:14px;line-height:1.7}.picker-section-title{margin:0 0 12px;font-size:16px;font-weight:600}.picker-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.picker-choice{min-width:0;min-height:44px;padding:10px;font-size:14px;line-height:1.4}.picker-choice.visual{flex-direction:column;justify-content:start;gap:8px;display:flex}.picker-choice-art{background:var(--pc-topbar);border-radius:3px;width:100%;height:126px;padding:6px;display:block}.picker-choice-label{overflow-wrap:anywhere;place-items:center;min-height:40px;font-weight:600;display:grid}.picker-choice:disabled{opacity:1;color:var(--pc-text-secondary);background:var(--pc-topbar);box-shadow:none;border-style:dashed}.picker-choice:disabled .picker-choice-art{opacity:.4;box-shadow:none}.picker-choice-unavailable{overflow-wrap:anywhere;max-width:100%;font-size:11px;font-weight:400;line-height:1.4;display:block}.picker-choice:not(.visual):disabled{flex-direction:column;gap:4px}.picker-save{border-top:1px solid var(--pc-card-border)}@media (width<=1100px){.picker-workspace{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:24px}.picker-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-front-flat,.picker-back-flat{height:400px}}@media (width<=900px){.picker-workspace{flex-direction:column;gap:32px;display:flex}.picker-preview{order:-1;width:100%;position:static}.picker-controls{width:100%}.picker-preview-art{padding:18px 12px 16px}.picker-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=639px){.picker-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.picker-type-art{height:155px;padding:12px 8px}.picker-type{gap:10px;padding-bottom:12px;font-size:14px}.picker-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-choice-art{height:132px}.picker-preview-art.has-back{gap:8px;padding-inline:6px}.picker-front-flat,.picker-back-flat{height:360px}.picker-preview-art.has-back .picker-front-flat,.picker-preview-art.has-back .picker-back-flat{height:300px}}