.art-wall{padding:clamp(1.6rem,4vw,3.5rem);background:radial-gradient(ellipse at 28% 12%,#faf6eb 0,#eae2d3 60%,#d6cbbb 100%);display:grid;place-items:center}
.art-frame{--rim:#c89e54;--light:#fae2ac;--shade:#806139;position:relative;width:min(100%,365px);aspect-ratio:1;border-radius:50%;background:linear-gradient(142deg,var(--light) 0%,var(--rim) 34%,var(--shade) 68%,var(--rim) 88%);box-shadow:inset 0 1px 2px #fffc, inset 0 -2px 3px #0005,4px 9px 14px #49351b45,12px 24px 30px #604a2e24}
.art-frame:before,.art-frame:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.art-frame:before{inset:.7%;border-radius:var(--rx) / var(--ry);background:linear-gradient(140deg,var(--light),var(--rim) 38%,var(--shade) 78%,var(--light));box-shadow:inset 0 1px 1px #fff7,0 1px 1px #0005}
.art-frame:after{inset:1.8%;border-radius:var(--rx) / var(--ry);background:linear-gradient(152deg,var(--shade),var(--rim) 40%,var(--light) 80%,var(--rim));box-shadow:0 -1px 1px #0003,inset 0 1px 2px #0003}
.art-aperture{position:absolute;z-index:1;inset:8.5%;overflow:hidden;border-radius:50%;background:#f5f1e7;display:grid;place-items:center;box-shadow:0 0 0 1px var(--shade),0 1px 2px #0005}
.art-aperture img{position:absolute;max-width:none;max-height:none;display:block}
.art-aperture img.is-upload{inset:0;width:100%;height:100%;object-fit:cover}
.art-aperture span{max-width:72%;text-align:center;font:italic clamp(1rem,2.2vw,1.55rem)/1.25 var(--display);color:#665947}
.art-source,.art-colors{margin:0 0 1.35rem;padding:0;border:0;min-width:0}.art-source legend,.art-colors legend{font-size:.82rem;font-weight:600;margin:0 0 .55rem}
.request-form .art-source label{display:inline-flex;gap:.4rem;align-items:center;margin:.15rem .8rem .45rem 0;min-height:32px;cursor:pointer}.art-source input{accent-color:#30392f}
.art-colors{border-top:1px solid var(--line);padding-top:.65rem;margin-top:1.4rem}.art-colors legend{padding-right:.55rem}
.art-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.art-swatch{display:flex;align-items:center;gap:.5rem;background:#faf8f2;color:var(--ink);border:1px solid #c7c1b5;font-size:.77rem;min-height:44px;text-align:left;padding:.45rem .55rem;cursor:pointer}
.art-swatch[aria-pressed=true]{border:2px solid #54452e;padding:calc(.45rem - 1px) calc(.55rem - 1px);background:#ece5d7}.art-swatch:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.art-swatch i{flex:none;width:1.15rem;height:1.15rem;border-radius:50%;border:1px solid #0002;background:linear-gradient(140deg,var(--light),var(--rim) 55%,var(--shade))}
#art-summary{color:var(--muted);font-size:.78rem;line-height:1.6;margin:.7rem 0 0}.request-aside:has(#art-stage:not([hidden])){position:sticky;top:1rem}.request-aside:has(#art-stage:not([hidden])) .request-steps{display:none}
@media(max-width:800px){.request-aside:has(#art-stage:not([hidden])){display:block;position:static}.art-frame{width:min(100%,265px)}.art-wall{padding:1.3rem}.art-source label{font-size:.78rem}}
@media(max-width:450px){.art-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.art-frame{width:min(100%,235px)}}
.art-frame:before{inset:.7%;border-radius:var(--rx) / var(--ry)}
.art-frame:after{inset:1.8%;border-radius:var(--rx) / var(--ry);background:linear-gradient(148deg,var(--light),var(--rim) 32%,var(--shade) 75%,var(--rim))}
#art-print{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#art-print.catalog-print{border-radius:50%}
.top-plan{display:flex;align-items:center;gap:.7rem;color:#69553c;font-size:.75rem;margin:-.45rem 0 1.2rem}.top-plan svg{width:60px;height:42px;flex:none}
.top-plan.paired-plans { display: grid; gap: .75rem; padding: .85rem; background: #f5f1e9; }
.plan-views { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.plan-views figure { margin: 0; display: grid; grid-template-rows: 1fr auto; align-items: center; justify-items: center; }
.plan-shape { max-width: 100%; }
.plan-shape svg { display: block; width: 100%; height: auto; }
.plan-views figcaption { margin-top: .4rem; text-align: center; font-weight: 600; }
#studio-shell[data-screen=choose]>.request-intro,#studio-shell[data-screen=choose]>.request-layout,#studio-shell:not([data-screen=choose])>#design-gate{display:none}
#design-gate h1{font:400 clamp(2.8rem,5vw,5rem)/1.03 var(--display);margin:.5rem 0 2rem}#design-gate h1 em{color:var(--bronze)}
.gate-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}.gate-options a{display:block;background:#f1ece1;border:1px solid var(--line)}.gate-options img{width:100%;height:clamp(200px,26vw,355px);object-fit:contain;background:#e6dfd2;display:block}.gate-options a div{padding:1.25rem}.gate-options h2,.matching-piece h2{font:400 clamp(1.6rem,2.6vw,2.5rem)/1.2 var(--display);margin:0}.gate-options h2 span{float:right}.gate-options p,.matching-piece p{font-size:.85rem;color:var(--muted);line-height:1.65}.studio-back{margin:0 0 1.4rem}
.profile-ref{border-block:1px solid var(--line);padding:.65rem 0;margin:.9rem 0}.profile-ref summary{cursor:pointer;font-size:.8rem}.profile-ref img{display:block;width:100%;max-height:240px;object-fit:contain;background:white;margin-top:.5rem}.profile-ref small{display:block;font-size:.7rem;padding:.4rem;color:var(--muted)}
#finish-design-row{padding:.5rem 0 1rem}#finish-notice{font-size:.82rem;color:var(--muted)}.matching-piece{border:1px solid var(--line);background:#eee8dd;padding:clamp(1rem,3vw,2.5rem);display:grid;grid-template-columns:minmax(110px,28%) 1fr;align-items:center;gap:1.6rem;margin:2.5rem 0}.matching-piece img{display:block;width:100%;max-height:200px;object-fit:contain}.matching-piece .eyebrow{font-size:.65rem;color:var(--bronze)}.matching-piece .text-link{margin-right:1rem}.request-shell:has(#request-success:not([hidden])) .return-contact{display:none}
@media(max-width:580px){.gate-options{grid-template-columns:1fr}.gate-options a{display:grid;grid-template-columns:32% 1fr;align-items:center}.gate-options img{height:140px}.gate-options p{margin:.4rem 0}.matching-piece{grid-template-columns:1fr;gap:.8rem}.matching-piece img{max-height:140px}}
.art-view{width:min(100%,365px);filter:drop-shadow(3px 7px 6px #56432442)}.art-view svg,.pair-picture svg{display:block;width:100%;height:auto}.pair-picture{padding:.65rem;background:#e7dfd0}.matching-piece{grid-template-columns:minmax(150px,36%) 1fr}.art-swatch svg{width:100%;height:100%;display:block}.art-swatch i{overflow:hidden}#transfer-status{font-size:.9rem;color:#70512c}@media(max-width:580px){.matching-piece{grid-template-columns:1fr}.pair-picture svg{max-height:200px}}
