.theme-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:490px;padding:4px;overflow:auto;scrollbar-width:thin}.theme-choice{padding:9px;text-align:right;border:1px solid #dbe4df;border-radius:12px;background:#fff;color:#26362f;cursor:pointer;transition:.2s}.theme-choice:hover{transform:translateY(-2px);border-color:#709486}.theme-choice.selected{border-color:#1f6653;box-shadow:0 0 0 2px #1f66531b;background:#f1f8f5}.theme-choice b,.theme-choice small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-choice b{font:700 9px Alexandria;margin-top:7px}.theme-choice small{font-size:8px;color:#87938d}.theme-select-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-mini{height:72px;display:block;position:relative;overflow:hidden;border-radius:7px;background:#eef2ef;border:1px solid #0000000b}.theme-mini i{position:absolute;display:block;background:#1d4439}.theme-mini i:nth-child(1){top:0;right:0;left:0;height:11px}.theme-mini i:nth-child(2){right:8px;top:22px;width:48%;height:9px}.theme-mini i:nth-child(3){right:8px;top:38px;width:35%;height:5px;background:#bb9761}.theme-mini i:nth-child(4){left:9px;bottom:7px;width:30%;height:45px;border-radius:20px 20px 3px 3px;background:#8fa79f}
.mini-theme-02 i:nth-child(4),.mini-theme-22 i:nth-child(4){left:auto;right:7px;width:44%;border-radius:0}.mini-theme-02 i:nth-child(2),.mini-theme-22 i:nth-child(2){right:auto;left:8px;width:40%}.mini-theme-03 i:nth-child(2),.mini-theme-21 i:nth-child(2){right:20%;width:60%;text-align:center}.mini-theme-03 i:nth-child(4),.mini-theme-21 i:nth-child(4){left:38%;width:24%;height:30px;border-radius:50%}.mini-theme-04,.mini-theme-29{background:#111820}.mini-theme-04 i:nth-child(2),.mini-theme-29 i:nth-child(2){background:#fff}.mini-theme-04 i:nth-child(4),.mini-theme-29 i:nth-child(4){height:61px;bottom:0;border-radius:0}.mini-theme-05 i:nth-child(4),.mini-theme-19 i:nth-child(4){display:none}.mini-theme-05 i:nth-child(2),.mini-theme-19 i:nth-child(2){width:78%;height:17px}.mini-theme-06 i:nth-child(1){width:18%;height:100%;right:0;left:auto}.mini-theme-06 i:nth-child(2),.mini-theme-06 i:nth-child(3){right:25%}.mini-theme-07 i:nth-child(2){width:70%;height:20px}.mini-theme-07 i:nth-child(4){width:18%;border-radius:0}.mini-theme-08 i:nth-child(4){left:22%;width:56%;height:32px;border-radius:7px;transform:rotate(-3deg)}.mini-theme-09:after{content:"";position:absolute;inset:11px 42% 0 0;background:#fff;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.mini-theme-09 i:nth-child(4){transform:rotate(45deg);width:28px;height:28px}.mini-theme-10{margin:4px;border:2px solid #1d4439;background:#fff}.mini-theme-11 i:nth-child(2){border-right:4px solid #68a891;background:#fff;height:35px}.mini-theme-11 i:nth-child(4){border-radius:0}.mini-theme-12{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:16px 5px 5px}.mini-theme-12:before,.mini-theme-12:after{content:"";border-radius:6px;background:#fff;box-shadow:0 2px 8px #0001}.mini-theme-13:after{content:"";position:absolute;top:11px;bottom:0;left:50%;width:1px;background:#1d4439}.mini-theme-14{border-radius:32px}.mini-theme-14 i:nth-child(4){border-radius:50%}.mini-theme-15{background:repeating-linear-gradient(0deg,#fff 0 9px,#dce6e2 10px)}.mini-theme-16 i:nth-child(4),.mini-theme-28 i:nth-child(4){left:20%;bottom:auto;top:15px;width:60%;height:28px;border-radius:999px}.mini-theme-16 i:nth-child(2),.mini-theme-28 i:nth-child(2){top:52px}.mini-theme-17,.mini-theme-30{background-image:linear-gradient(#1d443915 1px,transparent 1px),linear-gradient(90deg,#1d443915 1px,transparent 1px);background-size:10px 10px}.mini-theme-18 i:nth-child(4){left:0;bottom:-8px;width:45%;height:55px;border-radius:50%}.mini-theme-20 i:nth-child(4){transform:rotate(45deg);border-radius:7px;width:34px;height:34px}.mini-theme-23{border-style:dashed}.mini-theme-24 i:nth-child(4){border:4px solid #fff;box-shadow:0 2px 8px #0002;border-radius:0}.mini-theme-25:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-22px;height:45px;border-radius:50%;background:#1d4439}.mini-theme-26{border:2px solid #111;box-shadow:3px 3px 0 #111;border-radius:0}.mini-theme-27 i:nth-child(2),.mini-theme-27 i:nth-child(4){border-radius:10px;box-shadow:0 3px 8px #0001}.mini-theme-28:before{content:"STORY";position:absolute;z-index:2;top:12px;left:0;right:0;height:9px;background:#bb9761;color:#fff;font-size:5px;text-align:center}.mini-theme-30 i:nth-child(4){border-radius:50%;box-shadow:0 0 0 5px #bb9761}
.color-step{padding:18px;border:1px solid #e1e5e2;border-radius:18px}.color-control>div{display:flex;align-items:center;gap:10px;margin-top:7px;padding:8px 10px;border:1px solid #dce4df;border-radius:11px;background:#f8faf8;direction:ltr}.color-control input[type=color]{width:48px;height:38px;margin:0;padding:2px;border:0;background:transparent;cursor:pointer}.color-control span{font:700 11px monospace;color:#63726b}.reset-colors{padding:11px;border:1px dashed #9aaba3;border-radius:10px;background:transparent;color:#35594d;cursor:pointer;font-weight:700}

/* Template signatures inside the large live preview. */
.clinic-preview.template-theme-18 .preview-portrait{transform:translateY(30px)}.clinic-preview.template-theme-18 .doctor-chip{left:0;right:auto}.clinic-preview.template-theme-19 .clinic-hero{display:block;padding:70px 8%}.clinic-preview.template-theme-19 .preview-copy{max-width:68%}.clinic-preview.template-theme-19 .preview-portrait{position:absolute;left:3%;top:60px}.clinic-preview.template-theme-20 .preview-copy{padding:35px;background:#fff}.clinic-preview.template-theme-20 .portrait-shape{transform:rotate(45deg);border-radius:25px}.clinic-preview.template-theme-21 .clinic-hero{background:radial-gradient(circle at 20% 20%,var(--clinic-accent),transparent 38%),var(--clinic-primary)}.clinic-preview.template-theme-21 .preview-copy{padding:30px;border:1px solid #ffffff52;border-radius:24px;background:#ffffff20;color:#fff;backdrop-filter:blur(15px)}.clinic-preview.template-theme-22 .preview-portrait{order:-1}.clinic-preview.template-theme-22 .portrait-shape{border-radius:0 150px 150px 0}.clinic-preview.template-theme-23 .clinic-hero{margin:20px;border:2px dashed var(--clinic-primary);border-radius:18px}.clinic-preview.template-theme-24 .preview-portrait{padding:12px;border:9px solid #fff;box-shadow:0 15px 35px #0002;transform:rotate(2deg)}.clinic-preview.template-theme-24 .portrait-shape{border-radius:0}.clinic-preview.template-theme-25 .clinic-hero:after{content:"";position:absolute;z-index:0;left:-10%;right:-10%;bottom:-130px;height:280px;border-radius:50%;background:var(--clinic-primary)}.clinic-preview.template-theme-25 .preview-copy,.clinic-preview.template-theme-25 .preview-portrait{position:relative;z-index:2}.clinic-preview.template-theme-26 .clinic-nav,.clinic-preview.template-theme-26 .clinic-hero{border:3px solid #111;box-shadow:7px 7px 0 #111}.clinic-preview.template-theme-26 .clinic-hero{margin:14px}.clinic-preview.template-theme-26 .portrait-shape{border:3px solid #111;border-radius:0}.clinic-preview.template-theme-27 .preview-copy,.clinic-preview.template-theme-27 .preview-portrait{padding:35px;border-radius:30px;background:#fff;box-shadow:0 15px 40px #0001}.clinic-preview.template-theme-28 .clinic-hero{padding-top:90px}.clinic-preview.template-theme-28 .clinic-hero:before{content:"STORY · BEAUTY · TECHNOLOGY";position:absolute;z-index:4;top:28px;left:0;right:0;padding:9px;text-align:center;background:var(--clinic-accent);color:#fff;font-size:6px;letter-spacing:.25em}.clinic-preview.template-theme-29 .clinic-hero{background:radial-gradient(circle at 70% 35%,#4a3b20,var(--clinic-primary) 42%,#090a0c 78%);color:#fff}.clinic-preview.template-theme-29 .preview-copy p,.clinic-preview.template-theme-29 .eyebrow{color:#ffffffb5}.clinic-preview.template-theme-30 .clinic-hero{background-color:#fff;background-image:radial-gradient(var(--clinic-accent) 1px,transparent 1px);background-size:15px 15px}.clinic-preview.template-theme-30 .preview-copy{padding:30px;background:#fffffff0;border-radius:22px}.clinic-preview.template-theme-30 .portrait-shape{border-radius:50%;box-shadow:0 0 0 12px var(--clinic-accent),0 0 0 24px #fff}
@media(max-width:900px){.theme-gallery{grid-template-columns:repeat(2,1fr);max-height:430px}.clinic-preview.template-theme-19 .preview-copy{max-width:100%}.clinic-preview.template-theme-19 .preview-portrait{position:relative;left:auto;top:auto}.clinic-preview.template-theme-20 .portrait-shape{width:180px;height:180px}.clinic-preview.template-theme-22 .preview-portrait{order:initial}.clinic-preview.template-theme-23 .clinic-hero,.clinic-preview.template-theme-26 .clinic-hero{margin:10px}.clinic-preview.template-theme-24 .preview-portrait{transform:none}.clinic-preview.template-theme-27 .preview-copy,.clinic-preview.template-theme-27 .preview-portrait{padding:20px}}
@media(max-width:560px){.theme-gallery{grid-template-columns:1fr 1fr}.theme-choice{padding:7px}.theme-mini{height:62px}.color-control.wide{grid-column:1}.color-step{padding:14px}}