.jd{margin:44px 0 64px;scroll-margin-top:30px}.jd-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px}.jd-heading>p{max-width:430px;line-height:1.65;color:#4c6252}.jd-heading h3{font:500 clamp(2.5rem,4vw,3.8rem)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-.04em}.jd-heading em{color:#08744c}.jd-heading .eyebrow{font-size:.72rem}.jd-studio{display:grid;grid-template-columns:1fr 1.06fr;gap:38px;background:#fffdf5;padding:clamp(20px,3vw,38px);border:1px solid #ccd6b4;border-radius:26px;align-items:start}.jd-preview{min-width:0;margin:0;position:sticky;top:20px}.jd canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;background:#eef1cf;border-radius:12px;box-shadow:0 10px 30px #073e3115}.jd-preview figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.78rem;margin-top:16px;color:#526454}.jd-preview-label{font-size:.68rem;font-weight:700;letter-spacing:.12em}.jd-controls{min-width:0}.jd fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.jd legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;padding:0;margin-bottom:14px;color:#073e31}.jd legend>span{font-size:.75rem;color:#447255;background:#e6f5b6;border-radius:50%;width:27px;height:27px;display:inline-grid;place-items:center}.jd-outfits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.jd-outfits button{display:flex;flex-direction:column;min-width:0;background:#fffdf5;border:2px solid #d9e1c5;border-radius:12px;padding:4px;color:#073e31;cursor:pointer;font:600 .72rem/1.35 'DM Sans',Arial,sans-serif;text-align:center}.jd-outfits img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:7px}.jd-outfits button>span{padding:8px 1px;flex:1;display:grid;place-items:center}.jd button[aria-pressed=true]{border-color:#075c41;background:#e6f5b6;box-shadow:0 0 0 1px #075c41}.jd-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jd-themes button{display:flex;align-items:center;gap:9px;text-align:left;border:2px solid #d9e1c5;border-radius:10px;padding:11px;background:#fffdf5;font:600 .85rem/1.3 'DM Sans',Arial,sans-serif;color:#073e31;cursor:pointer;min-height:46px}.jd-themes i{width:22px;height:22px;border:3px solid;flex:0 0 22px;border-radius:50%}.jd label,.jd-label{display:block;font-size:.83rem;font-weight:600;color:#3b5844;margin:0 0 8px}.jd select,.jd input{display:block;width:100%;max-width:100%;border:1px solid #b8c6a5;background:#fffef9;color:#073e31;font-family:inherit;font-size:16px;padding:12px;border-radius:9px;min-height:46px}.jd-custom{margin-top:12px}.jd-custom[hidden]{display:none}.jd-custom label span{font-weight:400;font-size:.75rem}.jd-label{margin-top:14px}.jd-stickers{display:flex;flex-wrap:wrap;gap:8px}.jd-stickers button{min-height:42px;padding:8px 15px;border:2px solid #d9e1c5;border-radius:30px;background:#fffdf5;color:#073e31;font-family:inherit;font-size:.83rem;font-weight:600;cursor:pointer}.jd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding-top:20px;border-top:1px solid #d9e1c5}.jd-actions .button{min-height:48px;border:0;font-family:inherit;font-size:.83rem;line-height:1.4;cursor:pointer;padding:14px 20px;gap:10px}.jd-actions .jd-share{background:#073e31;color:#fffbea}.jd-text-button{border:0;background:none;color:#075c41;padding:8px 0;min-height:44px;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.jd :is(button,a,select,input):focus-visible{outline:3px solid #d79500;outline-offset:3px}.jd [aria-disabled=true],.jd button:disabled{opacity:.5;cursor:wait;pointer-events:none}.jd-status{font-size:.83rem;color:#075c41;min-height:1.5em;margin-top:14px;line-height:1.5;overflow-wrap:anywhere}.jd-status input{margin-top:8px}.jd-hint{font-size:.75rem;color:#536750;line-height:1.6;margin-top:10px}.jd-error{font-size:.9rem;color:#8f3a1c;margin-top:12px}.jd-error[hidden]{display:none}
@media(max-width:900px){.jd-studio{grid-template-columns:.9fr 1.1fr;gap:24px;padding:22px}.jd-heading{display:block}.jd-heading>p{max-width:620px;margin-top:18px}.jd-outfits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.jd-studio{grid-template-columns:1fr;padding:18px;gap:28px}.jd-preview{position:static;max-width:440px;width:100%;margin:auto}.jd-outfits{grid-template-columns:repeat(5,minmax(0,1fr))}.jd-outfits button{font-size:.66rem}.jd-themes button{font-size:.8rem;padding:10px 8px}.jd-actions .button{flex:1;justify-content:center;padding:14px 12px}.jd-heading h3{font-size:2.7rem}.jd{margin-bottom:46px}}
@media(max-width:370px){.jd-outfits{grid-template-columns:repeat(3,minmax(0,1fr))}.jd-studio{padding:14px}.jd-themes{grid-template-columns:1fr}}

.jd-preview-jump{display:none}.jd-preview{scroll-margin-top:20px}@media(max-width:700px){.jd-preview-jump{display:block;flex-basis:100%}}