.fabric-picker__open{margin:0 0 14px;cursor:pointer}
.fabric-picker{width:min(860px,calc(100% - 24px));max-width:860px;max-height:85dvh;overflow:auto;box-sizing:border-box;padding:24px;background:#fbf8f2;color:#29251f;border:1px solid #ded5ca;border-radius:8px}
.fabric-picker::backdrop{background:rgba(35,30,25,.65)}
.fabric-picker__header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.fabric-picker__header h2{font:400 28px/1.2 Georgia;margin:0}
.fabric-picker__header button{font-size:30px;line-height:1;background:transparent;border:0;padding:8px;cursor:pointer}
.fabric-picker p{font-size:14px;line-height:1.6}
.fabric-picker__collection{border-top:1px solid #ded5ca;padding:16px 0}
.fabric-picker__collection summary{cursor:pointer;font-size:20px;font-weight:700;padding:8px 0}
.fabric-picker__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.fabric-picker__swatch{display:grid;gap:8px;padding:6px;border:2px solid transparent;border-radius:4px;background:#f0e9df;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;color:#29251f;cursor:pointer;min-width:0}
.fabric-picker__texture{display:block;aspect-ratio:1.6;background-repeat:no-repeat;border-radius:2px}
.fabric-picker__swatch:hover,.fabric-picker__swatch[aria-pressed="true"]{border-color:#8b6543;background:#e7d8c7}
.fabric-picker button:focus-visible,.fabric-picker summary:focus-visible{outline:3px solid #8b6543;outline-offset:3px}
.fabric-picker__collection a{font-size:13px;text-decoration:underline}
.fabric-picker__note{color:#665e56}
@media(max-width:600px){.fabric-picker{padding:16px}.fabric-picker__header h2{font-size:23px}.fabric-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fabric-picker__swatch{font-size:12px}}