.category-grid,.look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{position:relative;cursor:pointer}.category-card input,.look-option input{position:absolute;opacity:0;width:1px!important;height:1px!important;margin:0!important;padding:0!important}.category-body,.look-body{display:block;border:2px solid var(--line,#e7d6de);border-radius:14px;overflow:hidden;background:var(--card,#fff);transition:border-color .15s}.category-card:has(input:checked) .category-body,.look-option:has(input:checked) .look-body{border-color:#87508d;box-shadow:0 0 0 1px #87508d}.category-card:has(input:checked) .category-label:after,.look-option:has(input:checked) .look-label:after{content:' ✓';color:var(--accent,#743b7a);font-weight:bold}.category-card:has(input:focus-visible) .category-body,.look-option:has(input:focus-visible) .look-body{outline:3px solid #b67bd0;outline-offset:3px}.look-art,.category-art{display:block;aspect-ratio:1;background-repeat:no-repeat;background-color:#eee5e7}.category-label,.look-label{display:block;padding:12px;text-align:center;font-size:16px;line-height:1.3;font-weight:500}.look-component{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card,#fffdfd)}.look-component h4{font:28px Georgia,serif;margin:0 0 22px}.look-step{margin:0 0 24px;padding:0;border:0;min-width:0}.look-step legend{font:20px Georgia,serif;margin:0 0 10px}.look-step .hint{margin-top:0}.look-option{position:relative;cursor:pointer;display:block;font-weight:400;min-width:0}.look-pills{display:flex;gap:10px;flex-wrap:wrap}.look-pills .look-option{flex:1 1 70px}.look-pills .look-label{min-height:46px;display:flex;align-items:center;justify-content:center}.look-summary{background:var(--pale,#f4e8f5);padding:15px;border-radius:12px;font-size:15px;margin-bottom:0}.size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.size-grid .look-option:last-child{grid-column:1/-1}.size-grid .look-art{aspect-ratio:2/3}.visual-note{font-size:14px;line-height:1.5}.category-card[hidden]{display:none}.optional-preferences{margin:24px 0}.decor-options>legend{font:25px Georgia,serif!important;margin:0 0 12px!important}@media(min-width:760px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.look-component{padding:14px}.look-grid{gap:8px}.look-label,.category-label{padding:10px 6px;font-size:14px}.look-component h4{font-size:25px}}@media(prefers-reduced-motion:reduce){.category-body,.look-body{transition:none}}
/* A single frame and caption size for every illustrated choice. */
.category-grid,.look-grid{align-items:stretch;gap:14px}.category-card,.look-option{min-width:0}.category-body,.look-body{height:100%;display:flex;flex-direction:column}.category-art,.look-art,.size-grid .look-art{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#efe9e7;flex:none}.atlas-cell{display:block;flex:none;background-repeat:no-repeat}.category-label,.with-art .look-label{min-height:3.8rem;display:flex;align-items:center;justify-content:center;margin-top:auto;padding:12px 8px}.category-card:has(input:checked) .category-label:after,.look-option:has(input:checked) .look-label:after{margin-left:5px;flex:none}.size-grid .look-option:last-child{grid-column:auto}.look-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.look-step:has(.look-pills):last-of-type .look-pills{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-help{margin-top:12px;max-width:240px}.choice-help .look-label{min-height:44px;padding:10px 14px}.choice-help .look-body{border-radius:24px;background:transparent}.look-component{padding:24px;margin:24px 0}.look-summary{line-height:1.5}.look-step legend{font-size:21px}.size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:850px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:480px){.look-component{padding:16px}.category-grid,.look-grid{gap:10px}.category-label,.with-art .look-label{min-height:3.8rem;font-size:14px}.look-step legend{font-size:19px}.look-label{overflow-wrap:anywhere}}
html[data-theme="dark"] .category-art,html[data-theme="dark"] .look-art{background:#302737}