.ready-designs{padding-top:65px;padding-bottom:15px}
.ready-designs-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.ready-designs-heading .eyebrow{color:#7a6492;font-size:8px;letter-spacing:1.5px}
.ready-designs-heading h2{font-size:42px;line-height:1.08;margin:15px 0 13px;letter-spacing:-1.5px}
.ready-designs-heading p{font-size:12px;color:var(--muted);line-height:1.8}
.ready-designs-all{font-size:11px;font-weight:500;border:1px solid #d4d7c7;border-radius:7px;padding:13px 17px;white-space:nowrap;background:#f2f2e8}
.ready-designs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.ready-design-card{min-width:0;border:1px solid #e0e4d7;background:#fffdf7;border-radius:13px;overflow:hidden}
.ready-design-image{display:block;position:relative;width:100%;aspect-ratio:1.4;background:radial-gradient(ellipse at 50% 35%,#f9faf2,#e9eddf);overflow:hidden;padding:0}
.ready-design-image:hover{transform:none!important;background:#e7ebdc}
.ready-design-image img{width:100%;height:100%;object-fit:contain}
.ready-design-image>span{position:absolute;left:14px;top:14px;font-size:7px;letter-spacing:1px;color:#806092;background:#f7f1fbeb;border:1px solid #e5ddeb;border-radius:20px;padding:6px 8px}
.ready-design-copy{padding:20px}
.ready-design-copy>p{font-size:8px;color:#8b957f;letter-spacing:.5px}
.ready-design-copy h3{font-size:23px;letter-spacing:-.6px;margin:7px 0 9px}
.ready-design-copy>span{display:block;font-size:10px;line-height:1.7;color:#7c8574;min-height:34px}
.ready-design-copy>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e5e7dc;padding-top:16px;margin-top:15px}
.ready-design-copy strong{font-size:19px;font-family:var(--display);font-weight:600;white-space:nowrap}
.ready-design-copy strong small{font-size:8px;font-family:var(--font);font-weight:400;color:#7c8574}
.ready-design-copy button{font-size:10px;color:#6c547e;padding:8px 0;font-weight:600}
.ready-designs-note{font-size:9px;line-height:1.8;color:#8b9180;margin-top:19px}
.render-preset-card .gallery-art{height:auto;aspect-ratio:1.2;position:relative;display:block;background:radial-gradient(#f9faf3,#e9eddf);overflow:hidden}
.render-preset-card .gallery-art img{width:100%;height:100%;object-fit:contain}
.render-preset-card .preset-kind{position:absolute;left:7px;top:7px;padding:4px 6px;border-radius:12px;background:#fffcf4e8;font-size:5px;letter-spacing:.6px;color:#7f648c}
.render-preset-card .preset-details{display:block;padding:4px 12px 2px;font-size:7px;color:#92829b;line-height:1.5}
#render-camera{border:0;border-radius:5px;color:#59694b;background:#f1f2e9;max-width:95px;font-size:9px;padding:6px 4px;cursor:pointer}
.config-view-tools{align-items:center}
.card-view-count{bottom:31px}
.config-dialog:has(#design-gallery:not([hidden])) .config-layout{display:flex}
.config-dialog:has(#design-gallery:not([hidden])) .config-stage,.config-dialog:has(#design-gallery:not([hidden])) .design-steps{display:none}
.config-dialog:has(#design-gallery:not([hidden])) .config-form{flex:1;min-width:0}
.config-dialog:has(#design-gallery:not([hidden])) .design-library-toolbar{justify-content:flex-start;gap:28px;padding:11px 28px}
.config-dialog:has(#design-gallery:not([hidden])) .config-step-scroll{padding:23px 28px}
.config-dialog:has(#design-gallery:not([hidden])) .config-price-row,.config-dialog:has(#design-gallery:not([hidden])) .config-summary>.config-hint{display:none}
.config-dialog:has(#design-gallery:not([hidden])) .design-navigation{margin-top:0;max-width:300px;margin-left:auto}
.gallery-intro-head{display:flex;align-items:center;justify-content:space-between;gap:35px}
.gallery-intro-head>div{max-width:650px}.gallery-intro-head h3{font-size:29px;letter-spacing:-.7px}
.gallery-intro-head .step-intro{margin-bottom:13px;max-width:590px}
.gallery-intro-head .design-full-label{width:290px;flex-shrink:0;margin:0 0 13px}
#design-gallery .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
#design-gallery .gallery-art{aspect-ratio:1.25}
#design-gallery .gallery-card>strong{font-size:15px;margin:13px 13px 5px}
#design-gallery .gallery-card>small{font-size:9px;margin:0 13px;min-height:0}
#design-gallery .preset-details{font-size:8px;padding:6px 13px 2px}
#design-gallery .gallery-price{font-size:17px;margin:12px 13px 15px}
#design-gallery .preset-kind{font-size:6px;padding:5px 7px}
@media(max-width:900px){#design-gallery .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-intro-head{gap:20px}.gallery-intro-head .design-full-label{width:210px}}
@media(max-width:900px){.ready-designs-grid{gap:15px}.ready-design-copy{padding:16px}.ready-design-copy h3{font-size:21px}.ready-design-copy>div{gap:5px;flex-wrap:wrap}.ready-design-copy>span{min-height:51px}}
@media(max-width:640px){
  .ready-designs{padding-top:38px}.ready-designs-heading{display:block;margin-bottom:20px}
  .ready-designs-heading h2{font-size:34px;letter-spacing:-1px}.ready-designs-heading p{font-size:11px}
  .ready-designs-heading .eyebrow{font-size:6px}.ready-designs-all{font-size:10px;margin-top:17px;padding:11px 13px}
  .ready-designs-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 5px 13px 0;margin-right:-6.8%;gap:13px;overscroll-behavior-x:contain}
  .ready-design-card{flex:0 0 76%;scroll-snap-align:start}.ready-design-card:last-child{margin-right:6%}
  .ready-design-copy>span{min-height:34px}.ready-designs-note{font-size:8px;margin-top:12px}
  #render-camera{font-size:8px;max-width:78px;padding:5px 2px}.config-view-tools{gap:1px}
  .card-view-count{bottom:24px}
  .config-dialog:has(#design-gallery:not([hidden])) .design-library-toolbar{padding:11px 15px;gap:10px;justify-content:space-between}
  .config-dialog:has(#design-gallery:not([hidden])) .config-step-scroll{padding:20px 16px}
  .gallery-intro-head{display:block}.gallery-intro-head h3{font-size:26px}.gallery-intro-head .design-full-label{width:100%;margin-bottom:15px}
  #design-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #design-gallery .gallery-card>strong{font-size:12px;margin:11px 10px 5px}
  #design-gallery .gallery-card>small{font-size:8px;margin:0 10px}
  #design-gallery .preset-details{font-size:7px;padding:5px 10px 0}
  #design-gallery .gallery-price{font-size:14px;margin:10px}
}
