.maker-heading{max-width:1370px;margin:45px auto 30px;padding:0 30px;display:flex;justify-content:space-between;align-items:end;gap:20px}.maker-heading h1{font-size:70px;margin:0}.maker-heading .eyebrow{margin-bottom:14px}.maker-heading>p{font-size:18px;line-height:1.45;margin:0}.maker-layout{max-width:1370px;margin:auto;padding:0 30px 45px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(400px,1fr);gap:55px;align-items:start}.preview-panel{position:sticky;top:24px}.preview-wrap{position:relative;padding:12px;background:#fffdf4;box-shadow:0 6px 20px #153d1c16;border-radius:6px}#pfp{display:block;width:100%;height:auto;aspect-ratio:1;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/20px 20px}#pfp.circle{border-radius:50%}#loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--paper);margin:12px;text-align:center}#loading[hidden]{display:none}.preview-options{display:flex;justify-content:space-between;gap:10px;margin:16px 0 22px;font-size:12px}.preview-options label{cursor:pointer}.preview-options input{accent-color:var(--ink)}.maker-actions{display:flex;gap:12px}.maker-actions .button{font-size:23px;flex:1;padding:17px 15px}.maker-actions .outline{background:var(--lime);font-weight:700;cursor:pointer;font-size:16px}.secondary-actions{display:flex;justify-content:space-between;margin-top:17px}.secondary-actions button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:12px}.maker-status{font-size:13px;min-height:19px;margin:12px 0 0}.tabs{display:flex;border-bottom:2px solid var(--ink);gap:5px;margin-bottom:25px}.tabs button{border:0;background:none;cursor:pointer;padding:14px 13px;font-weight:700;font-size:14px;white-space:nowrap;border-radius:10px 10px 0 0}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.trait-group{margin-bottom:25px}.trait-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trait-heading h2{font:700 15px 'DM Sans',sans-serif;letter-spacing:0}.lock{border:1px solid #153d1c44;border-radius:20px;background:transparent;font-size:11px;padding:5px 9px;cursor:pointer}.lock[aria-pressed=true]{background:var(--lime);border-color:var(--ink)}.choices{display:flex;gap:8px;flex-wrap:wrap}.choice{background:#fffdf5;border:1px solid #153d1c35;border-radius:8px;padding:10px 14px;cursor:pointer;font-size:13px;min-height:40px}.choice:hover{border-color:var(--ink);background:#eef1da}.choice[aria-pressed=true]{background:var(--lime);border:2px solid var(--ink);padding:9px 13px}.swatch{width:36px;height:36px;border:2px solid #153d1c22;border-radius:50%;cursor:pointer;position:relative;flex-shrink:0}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.swatch[aria-pressed=true]:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #000;font-size:20px}.color-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.custom-color{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:12px}.custom-color input{width:32px;height:28px;border:0;padding:0;background:none;cursor:pointer}.trait-help{font-size:12px;line-height:1.5;opacity:.75;margin:10px 0}.originals{border-top:1px solid #153d1c44;margin-top:35px;padding-top:20px}.originals summary{font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.originals p{font-size:12px;line-height:1.5}.original-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.original-grid button{border:2px solid transparent;background:none;padding:0;cursor:pointer;border-radius:5px;overflow:hidden}.original-grid button[aria-pressed=true]{border-color:var(--ink);outline:3px solid var(--lime)}.original-grid img{width:100%;display:block}.original-note{opacity:.65}#presets{display:flex;flex-wrap:wrap;gap:8px}.maker-bottom{border-top:1px solid #153d1c33;max-width:1310px;margin:0 auto;padding:25px;text-align:center;letter-spacing:.1em;font:16px 'Lilita One',sans-serif}button:disabled{opacity:.45;cursor:wait}.customizer{min-height:620px}@media(max-width:1000px){.maker-layout{gap:28px;padding-inline:22px;grid-template-columns:minmax(280px,1fr) minmax(330px,1fr)}.maker-heading h1{font-size:55px}.tabs{gap:0}.tabs button{padding:13px 9px;font-size:12px}.maker-actions .button{font-size:18px}.maker-actions .outline{padding:10px 15px}.color-row{gap:10px}.swatch{width:32px;height:32px}}@media(max-width:740px){.maker-heading{margin:30px auto 25px;padding:0 20px;display:block}.maker-heading h1{font-size:48px}.maker-heading>p{font-size:14px;margin-top:14px}.maker-heading>p br{display:none}.maker-layout{grid-template-columns:1fr;gap:15px;padding:0 20px 30px}.preview-panel{position:relative;top:0}.preview-wrap{max-width:520px;margin:auto;padding:8px}.preview-options{margin:12px 0 15px}.maker-actions .button{font-size:21px}.maker-status{margin-bottom:0}.tabs{position:sticky;top:0;background:var(--paper);z-index:6;justify-content:space-between}.tabs button{font-size:13px;padding:13px 10px}.customizer{min-height:0}.swatch{width:35px;height:35px}.maker-bottom{font-size:12px}.trait-group{margin-bottom:22px}.originals{margin-top:25px}}
.fitted-title{font-size:37px;margin:0 0 20px}.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.look-card{padding:7px;border:2px solid transparent;border-radius:9px;background:#fffdf4;cursor:pointer}.look-card img{width:100%;display:block;border-radius:4px}.look-card strong{display:block;padding:10px 0 3px;font-size:13px}.look-card[aria-pressed=true]{border-color:var(--ink);background:var(--lime)}.fitted-note{font-size:13px;line-height:1.5;background:#e8ecd9;padding:13px 15px;border-radius:8px;margin:18px 0 27px}.reference-image{width:min(100%,300px);display:block;margin:15px auto}.transparent-toggle{display:block;margin-top:18px}.customizer{min-height:0}
/* Desktop accessory workbench. */
body{min-width:1100px}.maker-layout{grid-template-columns:590px minmax(430px,1fr);max-width:1400px;gap:45px}.preview-panel{position:sticky;top:22px}.look-grid{grid-template-columns:repeat(4,1fr)}.look-card strong{font-size:12px}.accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.accessory-choice{border:1px solid #153d1c35;background:#fffdf4;border-radius:8px;cursor:pointer;padding:8px;color:var(--ink);font-size:12px}.accessory-choice[aria-pressed=true]{background:#e6f6b6;border:2px solid var(--ink);padding:7px}.accessory-choice img{height:54px;width:100%;object-fit:contain;display:block;margin-bottom:7px}.empty-accessory{height:54px;display:grid;place-items:center;font-size:28px;margin-bottom:7px}.accessory-choice span:last-child{display:block}.trait-group h3{font-size:15px;margin:18px 0 10px}.accessory-color{margin-bottom:26px;font-size:13px}.fitted-note{margin-bottom:18px}.maker-heading{max-width:1400px}

.trait-colors{padding:15px;background:#e8ecd9;border-radius:8px;margin-top:12px}.trait-colors>strong{display:block;font-size:13px;margin-bottom:12px}.trait-colors .color-row{gap:10px}.trait-colors .swatch{width:28px;height:28px}.trait-colors .choice{min-height:32px;padding:5px 9px}.trait-colors .custom-color{font-size:12px}.trait-group{padding-bottom:20px;border-bottom:1px solid #153d1c22}