.composite-studio{padding:64px 0;background:linear-gradient(145deg,#f4fcff,#fff8ef);scroll-margin-top:125px}.composite-heading{margin-bottom:26px}.composite-heading h2{font-size:clamp(30px,3.7vw,46px);letter-spacing:-.035em;line-height:1.08;margin:16px 0 0}.composite-box{background:#fff;border:1px solid #dfe8ee;border-radius:28px;padding:28px;box-shadow:0 12px 35px #2147620b}.composite-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.composite-modes{display:flex;padding:5px;background:#eff4f7;border-radius:16px;gap:5px}.composite-modes button{padding:12px 22px;border:0;border-radius:12px;background:transparent;font-size:15px;font-weight:800;cursor:pointer;color:#536977}.composite-modes button[aria-pressed=true]{color:#fff;background:#008eb7;box-shadow:0 5px 12px #008eb724}.composite-none{display:flex;gap:8px;align-items:center;font-weight:750;font-size:14px}.composite-none input{accent-color:#ec008c;width:19px;height:19px}.composite-none small{font-size:11px;color:#617886;font-weight:400}.composite-views{display:grid;grid-template-columns:1fr 1fr;gap:16px}.composite-views figure{margin:0;border:1px solid #dde7ee;border-radius:18px;overflow:hidden;min-width:0}.composite-views figure>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#f9fbfd}.composite-views span{font-size:10px;letter-spacing:.05em;font-weight:850;color:#0082a7}.composite-views b{font-size:11px;color:#526775}.composite-views canvas{display:block;width:100%;height:auto}.composite-summary{background:#eff9fc;color:#2c596b;font-size:13px;border-radius:12px;padding:12px 16px;margin:16px 0 24px;line-height:1.5}.composite-options{display:grid;grid-template-columns:1fr 1fr;gap:32px}.composite-options>div{min-width:0}.composite-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.composite-label h3{font-size:20px;margin:0}.composite-label>span{font-size:11px;color:#0082a4;background:#eaf8fd;padding:6px 10px;border-radius:18px;font-weight:750}.composite-models{display:grid;grid-template-columns:1fr 1fr;gap:8px}.composite-models button{padding:10px 9px;display:flex;align-items:center;gap:9px;border-radius:12px;background:#fff;border:1px solid #dce6eb;cursor:pointer;text-align:left;min-width:0}.composite-models button:last-child{grid-column:1/-1}.composite-model-icon{font:900 31px Arial;background:linear-gradient(#ebf4fa,#8498a6 45%,#d6e2e9 50%,#3b5262);color:transparent;background-clip:text;-webkit-background-clip:text;min-width:24px}.composite-models strong{display:block;font-size:12px;color:#293e4f}.composite-models small{display:block;font-size:10px;color:#637987;margin-top:5px;line-height:1.4}.composite-options button[aria-pressed=true]{border:2px solid #ec008c;background-color:#fff1f8}.composite-options h4{font-size:14px;margin:20px 0 10px}.composite-finishes,.composite-lights{display:flex;gap:8px}.composite-finishes button,.composite-lights button{display:flex;align-items:center;gap:7px;border:1px solid #dce6eb;border-radius:10px;background:#fff;padding:9px 12px;cursor:pointer;color:#344b5b}.composite-finishes span,.composite-lights span{width:19px;height:19px;border-radius:50%;border:1px solid #0002}.composite-finishes b,.composite-lights b{font-size:12px}.composite-lights{display:grid;grid-template-columns:repeat(3,1fr)}.composite-light-title{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.composite-light-title h4{margin:0 0 10px}.composite-light-switch{border:0!important;background:transparent!important;font-size:11px;color:#0085ab;font-weight:750;text-decoration:underline;cursor:pointer;margin-bottom:10px}.composite-color-controls>input,.composite-request>input{width:100%;font-size:15px;padding:12px;border:1px solid #cadce5;border-radius:12px;box-sizing:border-box}.composite-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:250px;overflow:auto;margin:12px 0 20px;padding:3px 7px 3px 3px;scrollbar-width:thin}.composite-color{display:grid;gap:5px;border:1px solid #dce5ea;border-radius:10px;padding:6px;background:#fff;cursor:pointer;min-width:0;color:#314b5c}.composite-color span{height:27px;border:1px solid #0002;border-radius:5px;background-size:cover}.composite-color b{font-size:10px}.composite-color small{font-size:9px;line-height:1.2}.composite-request{display:grid;gap:10px;padding-top:16px;border-top:1px solid #e2eaf0}.composite-request label{font-size:15px;font-weight:750}.composite-request .btn{justify-self:start}.composite-request p,.composite-footnote{font-size:12px;line-height:1.6;color:#627b8a;margin:0}.composite-footnote{margin:22px 0 0}.composite-letter-controls.is-disabled{opacity:.4}.composite-request input:disabled{background:#f2f5f7}.composite-options button:focus-visible{outline:3px solid #008db7;outline-offset:2px}
@media(max-width:900px){.composite-options{grid-template-columns:1fr;gap:26px}.composite-colors{grid-template-columns:repeat(8,minmax(0,1fr))}.composite-views figure>div{flex-direction:column;align-items:flex-start;gap:6px}.composite-none{flex-wrap:wrap}.composite-none small{display:none}}
@media(max-width:600px){.composite-studio{padding:40px 0}.composite-box{padding:16px;border-radius:22px}.composite-top{align-items:flex-start;flex-direction:column;gap:14px}.composite-modes{width:100%;box-sizing:border-box}.composite-modes button{flex:1;padding:12px 10px;font-size:13px}.composite-views{grid-template-columns:1fr;gap:12px}.composite-views figure>div{flex-direction:row}.composite-label h3{font-size:18px}.composite-colors{grid-template-columns:repeat(5,minmax(0,1fr))}.composite-finishes button{padding:9px 10px}.composite-lights button{padding:9px 7px}.composite-request .btn{width:100%}}
.composite-model-photo{display:block;width:65px;height:52px;flex-shrink:0;background-size:200% 500%;background-repeat:no-repeat;border-radius:6px}.composite-views canvas{background:#edf3f6}.composite-models button{padding:8px;gap:8px}.composite-models button:last-child .composite-model-photo{width:65px}.composite-models small{font-size:10px}@media(max-width:600px){.composite-model-photo{width:48px;height:40px}.composite-models strong{font-size:11px}.composite-models button{gap:6px}}

/* Four models form an even two-by-two selection grid. */
.composite-models button:last-child{grid-column:auto}.composite-model-photo{background:none;object-fit:contain}.composite-models button{min-height:86px}.composite-views canvas{aspect-ratio:auto}

.composite-studio .composite-models button:last-child{grid-column:auto}