*{box-sizing:border-box}body{margin:0;background:#f3eee6;color:#2c302b;font-family:Inter,sans-serif;font-size:14px}.top{background:#082b24;color:#f6e9d4;padding:15px max(20px,4vw);display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.logo img{height:46px;width:46px;object-fit:contain;border-radius:50%}.logo strong{display:block;font:600 28px 'Cormorant Garamond',serif;letter-spacing:2px}.logo small{display:block;font-size:10px;letter-spacing:2px}.back{color:#e3c894;text-decoration:none}main{max-width:1480px;margin:auto;padding:35px 24px 60px}.heading{text-align:center;margin-bottom:26px}.eyebrow{color:#9b7948;letter-spacing:3px;font-size:11px}.heading h1{font:500 clamp(38px,5vw,68px) 'Cormorant Garamond',serif;margin:10px 0}.heading p{color:#6c6e65;line-height:1.6}.heading .notice{color:#8a6936;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.3fr) minmax(225px,.85fr);gap:17px;align-items:start}.panel,.preview{background:#fffaf3;border:1px solid #e2d5c2;border-radius:14px;padding:19px;box-shadow:0 14px 32px #4f39210c}.panel h2{font:500 24px 'Cormorant Garamond',serif;margin:8px 0 8px}.panel h2:not(:first-child){margin-top:25px}.panel p{line-height:1.6;color:#6b695f}.designs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.designs button{min-height:105px;padding:10px 4px;border:1px solid #e2d8c7;background:#f9f5ed;border-radius:8px;cursor:pointer}.designs button span{display:block;font-size:30px;color:#bc9659}.designs button b{font-weight:500;font-size:11px}.designs button.selected,.preset.active{border:2px solid #b58a4b;background:#fbf0d9}.presets{display:grid;gap:8px}.preset{border:1px solid #e1d8c9;border-radius:9px;background:#fff;padding:11px;text-align:left;cursor:pointer}.preset strong{display:block;font:500 18px 'Cormorant Garamond',serif}.dots{display:flex;gap:5px;margin-top:8px}.dot{width:18px;height:18px;display:inline-block;border-radius:50%;border:1px solid #7773}select{width:100%;border:1px solid #d1c4b2;background:#fffaf4;padding:11px;border-radius:7px;margin:9px 0}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatches button{width:35px;height:35px;border-radius:50%;cursor:pointer;border:2px solid #fff;outline:1px solid #b8aa99}.swatches button:focus-visible,.btn:focus-visible,.preset:focus-visible{outline:3px solid #80683b;outline-offset:3px}.hint{font-size:12px}.preview{padding:12px}.preview-head,.preview-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.5px;color:#9b7b4b;padding:10px}.preview svg{width:100%;max-height:610px;display:block}.preview-foot{flex-wrap:wrap}.key{background:#f8f0e5;padding:14px;border-radius:8px;margin:16px 0}.key span{display:block;letter-spacing:1.7px;color:#91754a;font-size:10px;margin-bottom:7px}.key strong{font:500 23px 'Cormorant Garamond',serif}.minis{display:flex;gap:8px;margin:16px 0}.minis i{height:30px;flex:1;border-radius:5px;border:1px solid #8882}.btn{width:100%;padding:13px 10px;margin:6px 0;border-radius:8px;cursor:pointer;font:500 13px Inter,sans-serif}.primary{background:#0a342b;color:#fff;border:1px solid #0a342b}.outline{background:#fffaf3;color:#24483e;border:1px solid #a89168}.details h3{font:500 22px 'Cormorant Garamond',serif;margin-bottom:10px}.saved{max-height:250px;overflow:auto}.saved button{width:100%;display:block;text-align:left;background:#f7f0e6;border:1px solid #e3d7c5;padding:10px;border-radius:6px;margin-bottom:8px;cursor:pointer}.saved small{display:block;color:#826c50;margin-top:4px}.pilot{background:#f3eadc;border-left:3px solid #bd995d;padding:12px;margin-top:22px}.pilot p{font-size:12px;margin-bottom:0}#feedback{min-height:18px;font-size:12px;color:#24563e}footer{text-align:center;padding:25px;background:#092b24;color:#ded6c7;font-size:12px}footer a{color:#e6c996}@media(max-width:1100px){.workspace{grid-template-columns:1fr 1fr}.details{grid-column:1/-1}}@media(max-width:650px){main{padding:20px 12px 42px}.top{padding:12px}.logo strong{font-size:21px}.back{font-size:12px}.workspace{grid-template-columns:1fr}.details{grid-column:auto}.heading h1{font-size:40px}.preview{order:-1}.preview svg{max-height:500px}}/* v31.38: Rich Palette master-site visual alignment. Studio tools remain independent. */
:root{--rp-bg:#090c0f;--rp-panel:#11161b;--rp-line:rgba(209,160,86,.26);--rp-gold:#d1a056;--rp-gold-light:#f1c77d;--rp-ivory:#f3eadb;--rp-muted:#a9aaac;--rp-text:#f5f1e9}
html{background:var(--rp-bg)}body{background:radial-gradient(ellipse at 52% -8%,#1f2928 0%,#11161b 37%,#090c0f 74%);color:var(--rp-text);font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;font-size:15px;min-height:100vh}
.top{background:rgba(8,11,14,.96);border-bottom:1px solid var(--rp-line);padding:17px clamp(20px,3.4vw,68px);box-shadow:0 10px 40px #0005;min-height:90px}.logo{gap:14px}.logo img{height:56px;width:56px;border-radius:8px}.logo strong{font-size:34px;color:var(--rp-gold-light)}.logo small{color:var(--rp-ivory);font-size:10px}.back{border:1px solid var(--rp-line);border-radius:10px;padding:12px 16px;color:var(--rp-gold-light);font-size:13px}.back:hover{background:#1e231f}
main{max-width:1660px;padding:45px clamp(18px,3vw,50px) 90px}.heading{margin:0 auto 34px;max-width:980px}.eyebrow{color:var(--rp-gold-light);font-size:12px}.heading h1{font-size:clamp(48px,5vw,78px);color:var(--rp-text);line-height:1.08;letter-spacing:.01em;margin:14px 0}.heading p{color:#c7c4bc;font-size:16px}.heading .notice{color:var(--rp-gold-light);font-size:12px}
.workspace{grid-template-columns:minmax(300px,1fr) minmax(470px,1.65fr) minmax(295px,.98fr);gap:23px}.panel,.preview{background:linear-gradient(150deg,#191e21,#101519 75%);border:1px solid var(--rp-line);border-radius:20px;box-shadow:0 24px 64px #0006;padding:25px}.panel h2{font-size:30px;color:var(--rp-ivory);margin:6px 0 12px}.panel h2:not(:first-child){margin-top:33px;padding-top:23px;border-top:1px solid var(--rp-line)}.panel p{color:var(--rp-muted);font-size:14px}.panel label{color:var(--rp-ivory);font-weight:600;font-size:13px}.designs{gap:10px}.designs button{background:#202426;border-color:var(--rp-line);border-radius:12px;min-height:110px;color:var(--rp-ivory)}.designs button span{color:var(--rp-gold-light)}.designs button b{font-size:12px}.designs button.selected,.preset.active{border:1px solid var(--rp-gold-light);background:linear-gradient(140deg,#342c20,#23231f);box-shadow:inset 0 0 0 1px #b6935277}.presets{gap:10px}.preset{background:#1a2023;border:1px solid #3d4140;border-radius:11px;color:var(--rp-ivory);padding:13px 15px}.preset strong{font-size:22px}.dot{border:1px solid #ffffff4d;width:22px;height:22px}select{background:#1d2225;color:var(--rp-ivory);border:1px solid var(--rp-line);border-radius:9px;min-height:48px}.swatches button{width:42px;height:42px;border:2px solid #181d1f;outline:1px solid #d1a05690}.hint{font-size:13px}.preview{padding:14px;background:linear-gradient(145deg,#1f2526,#0d1215)}.preview-head,.preview-foot{color:var(--rp-gold-light);font-size:11px;letter-spacing:1.3px;padding:13px 9px}.preview svg{max-height:720px;border-radius:10px;background:#efe5d8;border:1px solid #a1875966}.key{background:#212529;border:1px solid var(--rp-line);border-radius:11px;padding:18px}.key span{color:var(--rp-gold-light)}.key strong{font-size:29px;color:var(--rp-ivory)}.minis i{height:35px;border:1px solid #e3dbc755}.btn{min-height:48px;border-radius:10px;font-weight:600;font-size:13px}.primary{background:linear-gradient(110deg,#b68a48,#f1c77d);border:1px solid #e5be76;color:#11161b}.outline{background:transparent;border:1px solid #b59053;color:var(--rp-gold-light)}.details h3{color:var(--rp-ivory);font-size:26px}.saved button{background:#202426;border:1px solid var(--rp-line);color:var(--rp-ivory)}.saved small{color:var(--rp-muted)}.pilot{background:#202426;border:1px solid var(--rp-line);border-left:3px solid var(--rp-gold);border-radius:8px;color:var(--rp-ivory)}#feedback{color:#b9d4b9}footer{background:#080b0e;border-top:1px solid var(--rp-line);padding:30px;color:var(--rp-muted)}footer a{color:var(--rp-gold-light)}
@media(max-width:1250px){.workspace{grid-template-columns:minmax(260px,1fr) minmax(380px,1.35fr)}.details{grid-column:1/-1}.preview svg{max-height:640px}}
@media(max-width:760px){main{padding:28px 15px 54px}.top{padding:12px 16px;min-height:72px}.logo img{height:40px;width:40px}.logo strong{font-size:24px}.logo small{font-size:8px}.back{font-size:11px;padding:9px}.workspace{grid-template-columns:1fr}.details{grid-column:auto}.preview{order:-1}.panel,.preview{padding:16px}.heading h1{font-size:47px}.heading p{font-size:14px}.preview svg{max-height:580px}}

/* v31.40 couture illustration presentation */
#fashionArt{display:block;width:100%;height:auto;max-height:730px} .preview{align-self:start} .couture-look{transition:opacity .18s ease} .designs button:focus-visible,.preset:focus-visible{outline:2px solid #d9b976;outline-offset:3px}

/* v31.41: premium couture preview improvements, no change to existing interface color tokens */
.preview svg{filter:drop-shadow(0 9px 18px rgba(0,0,0,.12))}.preview svg .botanical-embroidery{transition:opacity .2s ease}

/* v31.50 full-length artwork preview */
.rp-art-canvas{display:flex;justify-content:center;align-items:center;max-width:100%;min-height:420px;background:#101a1b;padding:10px;border:1px solid #665237;border-radius:7px}.rp-art-canvas canvas{display:block;width:auto;height:auto;max-width:100%;max-height:740px;object-fit:contain;box-shadow:0 0 20px #0008}@media(max-width:640px){.rp-art-canvas{min-height:250px;padding:5px}.rp-art-canvas canvas{max-height:70vh}}

/* v31.53 finished look gallery */
.rp-art-canvas img{display:block;width:auto;height:auto;max-width:100%;max-height:740px;object-fit:contain;box-shadow:0 0 20px #0008}.designs button{min-height:96px}.preset.active{outline:1px solid #edc887}.hint{line-height:1.55}#colorInfo{font-size:11px}#presets .preset{width:100%}@media(max-width:640px){.rp-art-canvas img{max-height:70vh}}

/* v31.55 - consistent clickable finished colorway choices */
.preset{min-height:69px}.preset:focus-visible,.designs button:focus-visible{outline:2px solid #edc887;outline-offset:3px}

/* v31.56 finished colorways: uncropped comparison thumbnails and full-size inspection */
.view-actions{display:flex;justify-content:center;padding:8px 0}.view-actions .btn{max-width:260px;margin:4px 0}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(102px,1fr));gap:9px;margin:13px 4px 10px}.compare-card{min-width:0;border:1px solid #685338;background:#161c1e;color:#eee5d6;padding:7px;border-radius:8px;cursor:pointer;text-align:center}.compare-card.selected{border-color:#edc887;box-shadow:0 0 0 1px #edc88770}.compare-card img{display:block;width:100%;height:150px;object-fit:contain;object-position:center;background:#131718}.compare-card strong{display:block;font:500 15px 'Cormorant Garamond',serif;margin-top:5px}.compare-card small{display:block;font:10px/1.3 'Montserrat',sans-serif;color:#c3b59e;padding-bottom:3px}.compare-card:focus-visible,.view-actions button:focus-visible{outline:3px solid #f1c77d;outline-offset:2px}
.full-modal[hidden]{display:none}.full-modal{position:fixed;inset:0;z-index:1000;background:#000d;display:flex;align-items:center;justify-content:center;padding:16px}.full-dialog{max-width:min(100%,960px);max-height:94vh;overflow:auto;background:#111719;border:1px solid #b58a4b;border-radius:13px;padding:15px;color:#efe7dc}.full-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.full-head strong{font:500 27px 'Cormorant Garamond',serif}.full-head .btn{width:auto}.full-dialog img{display:block;max-width:100%;width:auto;height:auto;max-height:76vh;object-fit:contain;margin:10px auto}.full-dialog p{text-align:center;font-size:12px;color:#c8bb9f}.modal-open{overflow:hidden}@media(max-width:650px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-card img{height:140px}.full-dialog img{max-height:68vh}}

/* v31.57: a single finished look should fill a centered card, not a tiny item inside four columns. */
.compare-grid.single-look{grid-template-columns:minmax(220px,320px);justify-content:center;max-width:100%;margin-inline:auto}
.compare-grid.single-look .compare-card{width:100%;padding:12px}
.compare-grid.single-look .compare-card img{height:290px;width:100%;object-fit:contain;object-position:center;background:#131718}
.compare-grid.single-look .compare-card strong{font-size:21px}
.compare-grid.single-look .compare-card small{font-size:11px}
@media(max-width:650px){.compare-grid.single-look{grid-template-columns:minmax(180px,280px)}.compare-grid.single-look .compare-card img{height:230px}}

/* v31.59: visible browser favorites and storage status */
.favorite-entry{display:flex;align-items:center;gap:7px;margin:8px 0;padding:6px;border:1px solid #9f825a70;border-radius:9px;background:#1b2223}.favorite-entry .favorite-open{display:flex;align-items:center;flex:1;gap:9px;min-width:0;text-align:left;background:none;border:0;color:#f6e6ce;padding:3px;cursor:pointer}.favorite-entry img{width:42px;height:62px;object-fit:contain;border-radius:3px}.favorite-entry strong{display:block;font-size:13px}.favorite-entry small{display:block;color:#c6b7a2;font-size:10px;line-height:1.4;margin-top:3px}.favorite-entry .favorite-remove{background:none;border:1px solid #9f825a;border-radius:6px;color:#e9c88f;padding:7px;cursor:pointer;font-size:11px}#feedback{font-size:13px;line-height:1.5;font-weight:600;margin:11px 0;color:#b6edbb}.save-warning{color:#f2d091!important}#save{font-size:13px}#save:focus-visible,.favorite-entry button:focus-visible{outline:2px solid #f1c77d;outline-offset:3px}

/* v31.60: readable favorites — override legacy global .saved button rule */
#saved.saved {max-height:none;overflow:visible;display:grid;gap:10px;margin-top:12px;min-width:0}
#saved .favorite-entry {display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;margin:0;padding:11px;border:1px solid #927047;border-radius:10px;background:#1b2425}
#saved .favorite-entry .favorite-open {box-sizing:border-box;display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0;margin:0;padding:0;background:transparent;border:0;border-radius:5px;color:#f4e6d2;text-align:left;cursor:pointer}
#saved .favorite-entry .favorite-open img {width:68px;height:92px;object-fit:contain;object-position:center;border-radius:5px;background:#121819}
#saved .favorite-entry .favorite-open span {min-width:0;overflow-wrap:break-word;word-break:normal}
#saved .favorite-entry .favorite-open strong {display:block;font:600 19px/1.15 'Cormorant Garamond',serif;color:#f5e6cb;letter-spacing:0;margin:0}
#saved .favorite-entry .favorite-open small {display:block;font:11px/1.55 'Montserrat',sans-serif;color:#cfc0aa;margin-top:7px;overflow-wrap:anywhere}
#saved .favorite-entry .favorite-remove {display:block;align-self:flex-end;box-sizing:border-box;width:auto;min-width:96px;margin:0;padding:8px 14px;background:transparent;border:1px solid #a98b5e;color:#efd09b;border-radius:6px;font:600 11px/1.2 'Montserrat',sans-serif;cursor:pointer;text-align:center}
#saved .favorite-entry .favorite-remove:hover {background:#34403a}
#saved .favorite-entry .favorite-open:hover strong {text-decoration:underline;text-underline-offset:3px}
#saved .favorite-entry button:focus-visible {outline:2px solid #f1c77d;outline-offset:3px}
#saved>p {line-height:1.5}
@media(max-width:420px){#saved .favorite-entry .favorite-open{grid-template-columns:56px minmax(0,1fr);gap:9px}#saved .favorite-entry .favorite-open img{width:56px;height:82px}#saved .favorite-entry .favorite-open strong{font-size:17px}}