:root{--ink:#071225;--muted:#7c8799;--blue:#1477ee;--green:#10b981;--line:#e6ebf2;--panel:#f4f7fb;--white:#fff;--shadow:0 18px 60px rgba(18,43,82,.10)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fff}.smile-ai-page{overflow-x:hidden}.ai-ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none;z-index:0}.ai-a{width:520px;height:520px;background:#7b61ff;left:-180px;top:-140px;animation:floatA 11s ease-in-out infinite alternate}.ai-b{width:520px;height:520px;background:#4dd9c8;left:34%;bottom:-220px;animation:floatB 13s ease-in-out infinite alternate}.ai-grid-noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(17,34,68,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(17,34,68,.025) 1px,transparent 1px);background-size:28px 28px;z-index:0}.ai-home{position:fixed;right:24px;top:18px;z-index:20;text-decoration:none;color:#364152;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid #e4e9f0;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 8px 30px rgba(18,43,82,.08);transition:.25s}.ai-home:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(18,43,82,.13)}.ai-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1fr);min-height:100vh}.ai-story{background:linear-gradient(135deg,rgba(241,245,255,.96),rgba(242,248,250,.9));border-right:1px solid #edf0f4}.ai-story-inner{max-width:860px;margin:0 auto;padding:38px 58px 42px;min-height:100vh}.ai-brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.ai-brand-row img{width:170px;height:auto}.ai-live{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e7ebf0;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700;box-shadow:0 8px 28px rgba(16,31,64,.07)}.ai-live i{width:8px;height:8px;border-radius:50%;background:#20c77c;box-shadow:0 0 0 0 rgba(32,199,124,.5);animation:pulse 1.8s infinite}.ai-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #a8cfff;background:#eaf4ff;color:#0564cc;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;letter-spacing:.09em}.ai-story h1{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(48px,4.7vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0 18px;max-width:740px}.ai-story h1 em{font-style:normal;color:var(--blue)}.ai-lead{font-size:17px;line-height:1.7;color:#7a8494;max-width:720px}.ai-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.ai-metrics article{background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:16px;text-align:center;box-shadow:0 8px 28px rgba(18,43,82,.06);transition:.25s}.ai-metrics article:hover{transform:translateY(-4px)}.ai-metrics b{display:block;font-size:28px}.ai-metrics sup{font-size:13px}.ai-metrics span{display:block;color:#7c8797;font-size:12px;margin-top:2px}.ai-section-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:#9aa3af;display:flex;align-items:center;gap:12px;margin:26px 0 12px}.ai-section-label:after{content:"";height:1px;background:#dfe5ec;flex:1}.ai-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-feature-grid article{background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:16px 17px;box-shadow:0 9px 32px rgba(18,43,82,.05);position:relative;overflow:hidden;transition:.28s}.ai-feature-grid article:before{content:"";position:absolute;inset:auto -30px -55px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(20,119,238,.08),transparent 70%);transition:.4s}.ai-feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(18,43,82,.10)}.ai-feature-grid article:hover:before{transform:scale(1.5)}.ai-feature-grid i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-style:normal;font-size:18px;margin-bottom:10px}.ai-feature-grid .orange{background:#ff9800}.ai-feature-grid .green{background:#10b981}.ai-feature-grid .purple{background:#8b5cf6}.ai-feature-grid .blue{background:#1493d1}.ai-feature-grid b{display:block;font-size:14px}.ai-feature-grid p{font-size:12px;color:#7d8796;line-height:1.55;margin:6px 0 10px}.ai-feature-grid span{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;background:#eef4ff;color:#3174d7}.ai-how{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ai-how li{position:relative;padding-left:42px;min-height:34px}.ai-how li:before{content:counter(list-item);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dbe3ed;color:var(--blue);font-size:12px;font-weight:800;box-shadow:0 4px 14px rgba(18,43,82,.07)}.ai-how b,.ai-how span{display:block}.ai-how b{font-size:13px}.ai-how span{font-size:12px;color:#8b95a3;margin-top:3px}.ai-trust{display:flex;align-items:center;gap:12px;margin-top:26px;border:1px solid #dfe5ec;background:rgba(255,255,255,.72);border-radius:16px;padding:14px 16px}.avatars{display:flex}.avatars span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-left:-7px;font-size:10px;font-weight:800}.avatars span:first-child{margin-left:0}.ai-trust div:nth-child(2){flex:1}.ai-trust b,.ai-trust small{display:block}.ai-trust small{color:#8b95a3}.ai-trust strong{font-size:24px;color:var(--blue)}.ai-workspace{position:relative;display:grid;place-items:center;padding:90px 60px 50px;background:rgba(255,255,255,.92)}.ai-stage-wrap{width:min(560px,100%)}.ai-progress{display:grid;grid-template-columns:30px 1fr 30px 1fr 30px 1fr 30px;align-items:center;margin-bottom:34px}.ai-progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef1f5;color:#8d96a3;font-weight:800;font-size:12px;transition:.35s}.ai-progress span.active{background:var(--blue);color:#fff;box-shadow:0 0 0 6px rgba(20,119,238,.1)}.ai-progress span.done{background:#15853f;color:#fff}.ai-progress i{height:2px;background:#e4e8ed}.ai-progress i.done{background:#15853f}.ai-stage{display:none;animation:stageIn .42s ease}.ai-stage.active{display:block}.step-pill{display:inline-block;background:#edf5ff;color:#0a65ce;border:1px solid #c9e0ff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.06em}.ai-stage h2{font-family:"Plus Jakarta Sans",sans-serif;font-size:34px;letter-spacing:-.035em;margin:16px 0 6px}.ai-stage>p{color:#7e8795;line-height:1.55;margin:0 0 26px}.ai-stage form>label:not(.consent){display:flex;align-items:center;gap:12px;background:#f5f6f8;border:1px solid transparent;border-radius:16px;margin:10px 0;padding:0 16px;transition:.25s}.ai-stage form>label:focus-within{background:#fff;border-color:#b9d7ff;box-shadow:0 0 0 4px rgba(20,119,238,.08)}.ai-stage input,.ai-stage select{width:100%;height:58px;border:0;outline:0;background:transparent;font:inherit;color:#273246}.consent{display:flex;align-items:flex-start;gap:10px;color:#657184;font-size:12px;line-height:1.5;margin:18px 4px}.consent input{width:18px;height:18px;margin-top:1px}.ai-primary{width:100%;border:0;border-radius:18px;background:linear-gradient(135deg,#1477ee,#0b68d2);color:#fff;font:inherit;font-weight:800;padding:17px 20px;cursor:pointer;box-shadow:0 12px 28px rgba(20,119,238,.24);transition:.25s}.ai-primary:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(20,119,238,.3)}.ai-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.secure-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.secure-row span{font-size:10px;color:#7d8794;background:#f4f6f9;border-radius:999px;padding:6px 9px}.ai-guide{background:#eaf4ff;border-radius:16px;padding:14px 16px;margin-bottom:18px;display:grid;gap:5px}.ai-guide b{color:#146dd3}.ai-guide span{color:#607088;font-size:12px}.photo-tips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.photo-tips span{background:#f5f6f8;border-radius:14px;padding:14px;text-align:center;color:#1f8c4f;font-size:17px}.photo-tips b{display:block;color:#3b4655;font-size:11px;margin-top:4px}.dropzone{min-height:230px;border:1.5px dashed #cfd7e2;border-radius:20px;background:#f8f9fb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;transition:.3s}.dropzone:hover{background:#f1f7ff;border-color:#8bbcff;transform:translateY(-2px)}.dropzone i{font-style:normal;font-size:42px;color:#8e99a8}.dropzone b{margin-top:10px}.dropzone small{color:#8d96a3;margin:6px 0 14px}.dropzone span{background:#1477ee;color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800}.uploaded-preview{display:none;align-items:center;gap:14px;background:#f6f8fb;border:1px solid #e5eaf0;border-radius:18px;padding:12px;margin:12px 0}.uploaded-preview.show{display:flex}.uploaded-preview img{width:86px;height:110px;object-fit:cover;border-radius:14px}.uploaded-preview div{display:grid;gap:8px}.uploaded-preview button{border:0;background:#fff;border-radius:999px;padding:7px 10px;color:#506079;cursor:pointer}.style-tabs,.shade-groups{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.style-tabs button,.shade-groups button{border:0;background:#f3f5f8;color:#687487;border-radius:999px;padding:8px 12px;font-weight:700;font-size:11px;cursor:pointer;transition:.2s}.style-tabs button.active,.shade-groups button.active{background:#1477ee;color:#fff;box-shadow:0 6px 16px rgba(20,119,238,.2)}.shade-palette{display:flex;gap:8px;flex-wrap:wrap;min-height:74px}.shade{width:58px;background:#f5f6f8;border:2px solid transparent;border-radius:14px;padding:7px 5px;display:grid;gap:5px;justify-items:center;cursor:pointer;transition:.2s}.shade:hover{transform:translateY(-3px)}.shade.active{border-color:#1477ee;background:#eef6ff}.shade i{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.shade span{font-size:10px;color:#657184}.shade-summary{display:flex;align-items:center;gap:10px;background:#eaf4ff;border-radius:14px;padding:12px 14px;margin:12px 0 16px}.shade-summary i{width:24px;height:24px;border-radius:50%;background:#f5f0e5}.shade-summary span{font-size:12px;flex:1}.shade-summary button{border:0;background:transparent;color:#7d8794;cursor:pointer}.generation-status{display:grid;justify-items:center;text-align:center;gap:10px;padding:50px 20px}.generation-status .orb{width:72px;height:72px;border-radius:50%;background:conic-gradient(from 90deg,#1477ee,#8b5cf6,#21c58a,#1477ee);position:relative;animation:spin 1.5s linear infinite}.generation-status .orb:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.generation-status b{font-size:21px}.generation-status small{color:#7e8794;max-width:360px}.result-wrap{display:none}.result-wrap.show{display:block;animation:stageIn .45s ease}.compare{position:relative;aspect-ratio:1.28/1;border-radius:20px;overflow:hidden;margin:22px 0 14px;background:#f1f3f6;box-shadow:var(--shadow)}.compare>img,.after-mask img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.after-mask{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden;border-right:2px solid #fff}.after-mask img{width:100vw;max-width:none;height:100%;object-fit:cover;object-position:left center}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:6}.compare:after{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1477ee;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.12);pointer-events:none}.tag{position:absolute;top:14px;z-index:4;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;color:#fff}.before-tag{left:14px;background:#141821}.after-tag{right:14px;background:#1477ee}.ai-disclaimer{background:#f4f5f7;border-radius:14px;color:#7b8492;font-size:11px;line-height:1.5;padding:12px 14px}.whatsapp-result,.call-result,.new-result{display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:16px;padding:15px 18px;margin-top:10px;font:inherit;font-weight:800;cursor:pointer}.whatsapp-result{background:#20cf6d;color:#fff}.call-result{background:#f4f5f7;color:#283344}.new-result{background:#fff;border:1px solid #dfe5ec;color:#1477ee}.error-box{display:none;background:#fff0f0;border:1px solid #ffd1d1;color:#bd3030;border-radius:14px;padding:14px;line-height:1.5}.error-box.show{display:block}.ai-workspace[data-enabled="0"]:after{content:"AI Gülüş servisi şu anda bakım modunda.";position:absolute;inset:0;background:rgba(255,255,255,.92);display:grid;place-items:center;font-weight:800;z-index:12}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(32,199,124,0)}100%{box-shadow:0 0 0 0 rgba(32,199,124,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes floatA{to{transform:translate(80px,50px) scale(1.08)}}@keyframes floatB{to{transform:translate(-80px,-40px) scale(.92)}}@media(max-width:1180px){.ai-shell{grid-template-columns:1fr}.ai-story-inner{min-height:auto;padding:32px 28px 42px}.ai-workspace{min-height:760px;padding:70px 28px}.ai-home{position:absolute}.ai-brand-row{padding-right:120px}}@media(max-width:700px){.ai-story h1{font-size:48px}.ai-feature-grid,.ai-metrics{grid-template-columns:1fr}.ai-metrics{grid-template-columns:repeat(3,1fr)}.ai-story-inner{padding:24px 18px 32px}.ai-workspace{padding:60px 18px 32px}.ai-home{right:12px;top:12px;padding:9px 12px;font-size:11px}.ai-brand-row img{width:135px}.ai-live{display:none}.ai-stage h2{font-size:28px}.photo-tips{grid-template-columns:1fr 1fr}.compare{aspect-ratio:1/1}.ai-story h1{font-size:44px}.ai-metrics b{font-size:21px}.ai-metrics article{padding:12px 6px}}


/* v1.21 — AI Smile light/dark theme */
.ai-top-actions{position:fixed;right:24px;top:18px;z-index:20;display:flex;align-items:center;gap:10px}.ai-top-actions .ai-home{position:static}.ai-theme-toggle{height:42px;padding:0 11px;border:1px solid #e4e9f0;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);display:flex;align-items:center;gap:7px;color:#5d6878;box-shadow:0 8px 30px rgba(18,43,82,.08);cursor:pointer}.ai-theme-toggle>i{position:relative;display:block;width:38px;height:21px;border-radius:999px;background:#d7dde7;transition:.3s}.ai-theme-toggle>i b{position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.3s}.ai-theme-toggle .sun,.ai-theme-toggle .moon{font-size:12px;line-height:1}
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body.smile-ai-page{background:#07101e;color:#eef4ff}html[data-theme=dark] .ai-story{background:linear-gradient(135deg,rgba(12,21,40,.98),rgba(9,28,38,.96));border-color:#1c2b42}html[data-theme=dark] .ai-workspace{background:rgba(7,16,30,.94)}html[data-theme=dark] .ai-story h1,html[data-theme=dark] .ai-stage h2,html[data-theme=dark] .ai-feature-grid b,html[data-theme=dark] .ai-how b,html[data-theme=dark] .ai-trust b{color:#f4f7ff}html[data-theme=dark] .ai-lead,html[data-theme=dark] .ai-stage>p,html[data-theme=dark] .ai-feature-grid p,html[data-theme=dark] .ai-how span,html[data-theme=dark] .ai-trust small{color:#9eacc0}html[data-theme=dark] .ai-live,html[data-theme=dark] .ai-metrics article,html[data-theme=dark] .ai-feature-grid article,html[data-theme=dark] .ai-trust,html[data-theme=dark] .ai-theme-toggle,html[data-theme=dark] .ai-home{background:rgba(14,27,47,.88);border-color:#243650;color:#eef4ff}html[data-theme=dark] .ai-theme-toggle>i{background:linear-gradient(135deg,#6f55ff,#168be8)}html[data-theme=dark] .ai-theme-toggle>i b{transform:translateX(17px)}html[data-theme=dark] .ai-stage form>label:not(.consent),html[data-theme=dark] .photo-tips span,html[data-theme=dark] .dropzone,html[data-theme=dark] .uploaded-preview,html[data-theme=dark] .style-tabs button,html[data-theme=dark] .shade-groups button,html[data-theme=dark] .shade,html[data-theme=dark] .ai-disclaimer,html[data-theme=dark] .call-result{background:#101d30;border-color:#253650;color:#dce7f7}html[data-theme=dark] .ai-stage form>label:focus-within{background:#12243c;border-color:#3a7bd5}html[data-theme=dark] .ai-stage input,html[data-theme=dark] .ai-stage select{color:#f2f7ff}html[data-theme=dark] .dropzone small,html[data-theme=dark] .shade span,html[data-theme=dark] .consent,html[data-theme=dark] .secure-row span{color:#9dabc0}html[data-theme=dark] .secure-row span{background:#101d30}html[data-theme=dark] .ai-guide,html[data-theme=dark] .shade-summary{background:#102844}html[data-theme=dark] .uploaded-preview button,html[data-theme=dark] .new-result{background:#14243a;color:#9ec8ff;border-color:#2b3f5e}html[data-theme=dark] .generation-status .orb:after{background:#07101e}html[data-theme=dark] .ai-progress span{background:#142237;color:#91a2ba}html[data-theme=dark] .ai-progress i{background:#26364d}html[data-theme=dark] .ai-workspace[data-enabled="0"]:after{background:rgba(7,16,30,.94);color:#fff}html[data-theme=dark] .ai-grid-noise{opacity:.3;background-image:linear-gradient(rgba(151,177,222,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(151,177,222,.035) 1px,transparent 1px)}
@media(max-width:700px){.ai-top-actions{right:10px;top:10px;gap:6px}.ai-theme-toggle{height:38px;padding:0 8px}.ai-theme-toggle .sun,.ai-theme-toggle .moon{display:none}.ai-top-actions .ai-home{padding:9px 12px;font-size:11px}.ai-brand-row{padding-right:0;margin-top:50px}}


/* v1.21 — visual smile-form selector */
.smile-form-section,.shade-section{margin-top:22px}.choice-heading{display:flex;align-items:center;gap:11px;margin:0 0 12px}.choice-heading>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#7657ff,#1488ee);color:#fff;font-size:11px;font-weight:800;box-shadow:0 7px 18px rgba(82,86,226,.2)}.choice-heading div{display:grid;gap:2px}.choice-heading b{font-size:14px}.choice-heading small{font-size:11px;color:#8a96a8}.smile-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.smile-form-card{min-width:0;padding:12px 8px 10px;border:1px solid #e2e8f1;border-radius:16px;background:#fff;color:#344155;display:grid;justify-items:center;gap:7px;cursor:pointer;transition:.22s}.smile-form-card svg{width:42px;height:54px;overflow:visible}.smile-form-card svg path{fill:#fff;stroke:#6d788a;stroke-width:1.5;transition:.22s}.smile-form-card span{font-size:10px;font-weight:800;text-align:center;line-height:1.2}.smile-form-card:hover{transform:translateY(-2px);border-color:#aabaff;box-shadow:0 9px 24px rgba(66,83,134,.09)}.smile-form-card.active{border-color:#5b6cff;background:linear-gradient(180deg,#f7f7ff,#eef4ff);box-shadow:0 0 0 2px rgba(91,108,255,.10),0 12px 26px rgba(69,82,188,.12)}.smile-form-card.active svg path{stroke:#5b55e9;fill:#fff}.shade-section{padding-top:4px}
html[data-theme=dark] .choice-heading small{color:#8fa0b7}html[data-theme=dark] .smile-form-card{background:#101d30;border-color:#253650;color:#dce7f7}html[data-theme=dark] .smile-form-card svg path{fill:#142238;stroke:#8fa3bf}html[data-theme=dark] .smile-form-card.active{background:linear-gradient(180deg,#172341,#122642);border-color:#7468ff}html[data-theme=dark] .smile-form-card.active svg path{fill:#172341;stroke:#8a7dff}
@media(max-width:700px){.smile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smile-form-card{padding:10px 7px}.smile-form-card svg{width:38px;height:48px}}

/* v1.22 — gerçek gülüş karakterini anlatan çoklu diş line-art kartları */
.smile-form-card svg{width:96px;height:52px;overflow:visible}
.smile-form-card svg .tooth-line{fill:#fff;stroke:#63728a;stroke-width:1.15;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.smile-form-card svg .smile-arch{fill:none;stroke:#a8b3c4;stroke-width:.9;stroke-linecap:round;opacity:.7;vector-effect:non-scaling-stroke}
.smile-form-card.active svg .tooth-line{fill:#fff;stroke:#5559f2;stroke-width:1.35}
.smile-form-card.active svg .smile-arch{stroke:#7b6cff;opacity:.9}
.smile-form-card span{font-size:10px;font-weight:800}
html[data-theme=dark] .smile-form-card svg .tooth-line{fill:#142238;stroke:#9aabc1}
html[data-theme=dark] .smile-form-card svg .smile-arch{stroke:#647892}
html[data-theme=dark] .smile-form-card.active svg .tooth-line{fill:#172341;stroke:#9b8dff}
html[data-theme=dark] .smile-form-card.active svg .smile-arch{stroke:#8f82ff}

/* v1.22 — dark mod native select / option görünürlüğü */
html[data-theme=dark] .ai-stage select{background-color:transparent;color:#f2f7ff!important;color-scheme:dark}
html[data-theme=dark] .ai-stage select option{background:#101d30!important;color:#f2f7ff!important}
html[data-theme=dark] .ai-stage select option:checked{background:#173055!important;color:#fff!important}
html[data-theme=dark] .ai-stage input::placeholder{color:#8292a9}
@media(max-width:700px){.smile-form-card svg{width:88px;height:48px}}

/* v1.23 — AI result alignment, dark logo and dark trust badge fixes */
.ai-brand-logos{position:relative;display:block;width:170px;min-width:170px}
.ai-brand-logos img{display:block;width:170px;height:auto}
.ai-brand-logos .ai-logo-dark{display:none}
html[data-theme=dark] .ai-brand-logos .ai-logo-light{display:none}
html[data-theme=dark] .ai-brand-logos .ai-logo-dark{display:block}

/* Avatar circles must keep readable text in both themes. */
.ai-trust .avatars span{color:#15233a;background:#fff;border-color:#fff}
.ai-trust .avatars span:nth-child(1){color:#075bd6;background:#eaf3ff}
.ai-trust .avatars span:nth-child(2){color:#6d3ed8;background:#f0eaff}
.ai-trust .avatars span:nth-child(3){color:#9b6500;background:#fff4ce}
html[data-theme=dark] .ai-trust .avatars span{border-color:#172840;box-shadow:0 2px 10px rgba(0,0,0,.28)}
html[data-theme=dark] .ai-trust .avatars span:nth-child(1){color:#8ec1ff;background:#153153}
html[data-theme=dark] .ai-trust .avatars span:nth-child(2){color:#c3a8ff;background:#2b2050}
html[data-theme=dark] .ai-trust .avatars span:nth-child(3){color:#ffd66d;background:#493a14}

/* Compare view: same frame for both images and a clean split line instead of a permanent round bubble. */
.compare{aspect-ratio:auto;min-height:360px}
.compare>img,.after-mask img{object-fit:contain;background:#0b1220}
.after-mask{border-right:2px solid rgba(255,255,255,.96)}
.compare:after{content:"";width:5px;height:48px;border-radius:999px;background:linear-gradient(180deg,#fff,#a8d4ff,#fff);box-shadow:0 4px 14px rgba(0,0,0,.18)}
html[data-theme=dark] .compare{background:#091323}
@media(max-width:700px){.ai-brand-logos,.ai-brand-logos img{width:135px;min-width:135px}.compare{min-height:320px}}
.compare:after{left:var(--compare-x,50%)}

/* v1.24 — more compact result preview */
.result-wrap{width:min(100%,460px);margin-left:auto;margin-right:auto}
.result-wrap>h2,.result-wrap>p{text-align:left}
.compare{width:100%;max-height:620px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.result-wrap{width:100%}.compare{max-height:none}}


/* v1.25 — pixel-stable before/after layers */
.compare{isolation:isolate;background:#0b1220}
.compare>img,.after-mask img{object-fit:contain!important;object-position:50% 50%!important;transform:none!important}
.after-mask{overflow:hidden}
.after-mask img{position:absolute!important;left:0!important;top:0!important;height:100%!important;max-width:none!important}

/* v1.27 Local Dental Edit */
.uploaded-preview.show{display:grid;gap:14px;padding:14px}.smile-focus-editor{position:relative;width:min(100%,420px);margin:0 auto;border-radius:18px;overflow:hidden;background:#08101d;line-height:0;box-shadow:0 12px 34px rgba(8,22,48,.12);touch-action:none}.smile-focus-editor>img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:0}.smile-focus-box{position:absolute;border:2px solid #36d399;background:rgba(54,211,153,.09);box-shadow:0 0 0 9999px rgba(3,10,20,.22),0 0 0 4px rgba(54,211,153,.12);border-radius:12px;cursor:move;touch-action:none;min-width:54px;min-height:34px}.smile-focus-box>span{position:absolute;left:50%;top:-24px;transform:translateX(-50%);white-space:nowrap;background:#0e8d66;color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;line-height:1}.smile-focus-box .handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #10b981;box-shadow:0 3px 12px rgba(0,0,0,.22)}.smile-focus-box .nw{left:-8px;top:-8px;cursor:nwse-resize}.smile-focus-box .ne{right:-8px;top:-8px;cursor:nesw-resize}.smile-focus-box .sw{left:-8px;bottom:-8px;cursor:nesw-resize}.smile-focus-box .se{right:-8px;bottom:-8px;cursor:nwse-resize}.focus-preview-meta{display:grid!important;gap:7px!important}.focus-preview-meta b{font-size:13px}.focus-preview-meta small{font-size:11px;color:#7d8796;line-height:1.5}.focus-preview-meta>div{display:flex!important;gap:8px!important}.focus-preview-meta button{border:1px solid #dfe5ec;background:#fff;border-radius:999px;padding:8px 11px;color:#506079;cursor:pointer;font-size:11px;font-weight:800}.generation-status small:after{content:" Yüz, saç, sakal, cilt ve arka plan son görselde orijinal fotoğraftan korunur."}
html[data-theme=dark] .smile-focus-editor{background:#050a12}html[data-theme=dark] .focus-preview-meta small{color:#95a6bd}html[data-theme=dark] .focus-preview-meta button{background:#14243a;color:#cfe1f7;border-color:#2b3f5e}
.smile-focus-editor{width:fit-content;max-width:100%}.smile-focus-editor>img{width:auto;max-width:100%;height:auto;max-height:440px}


/* v1.28 — Automatic Smile Landmark Detection */
.smile-auto-preview{position:relative;width:fit-content;max-width:100%;margin:0 auto;border-radius:18px;overflow:hidden;background:#08101d;line-height:0;box-shadow:0 12px 34px rgba(8,22,48,.12)}
.smile-auto-preview>img{display:block;width:auto;max-width:100%;height:auto;max-height:440px;object-fit:contain}
.smile-scan-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(41,128,255,.035) 46%,rgba(41,128,255,.12) 50%,rgba(41,128,255,.035) 54%,transparent 100%);background-size:100% 34%;animation:smileScan 1.8s linear infinite}
.smile-scan-overlay i{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#3b82f6,#50e3c2,transparent);box-shadow:0 0 14px rgba(59,130,246,.55)}
@keyframes smileScan{from{background-position:0 -45%}to{background-position:0 145%}}
.auto-detect-state{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #dfe8f5;border-radius:14px;background:#f8fbff}
.auto-detect-state>div{display:grid;gap:3px}.auto-detect-state b{font-size:13px;color:#172033}.auto-detect-state small{font-size:11px;color:#748198;line-height:1.45}
.detect-spinner{width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:2px solid #d7e5ff;border-top-color:#2577ff;animation:detectSpin .8s linear infinite}
@keyframes detectSpin{to{transform:rotate(360deg)}}
.auto-detect-state[data-state="success"]{border-color:#b9efda;background:#f3fff9}.auto-detect-state[data-state="success"] .detect-spinner{border:0;background:#19b879;animation:none;position:relative}.auto-detect-state[data-state="success"] .detect-spinner:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900}
.auto-detect-state[data-state="error"]{border-color:#ffd0d0;background:#fff7f7}.auto-detect-state[data-state="error"] .detect-spinner{border:0;background:#e5484d;animation:none;position:relative}.auto-detect-state[data-state="error"] .detect-spinner:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900}
.auto-detect-state[data-state="success"]~.focus-preview-meta small:before{content:"✓ ";color:#14a66f;font-weight:900}
html[data-theme=dark] .smile-auto-preview{background:#050a12}html[data-theme=dark] .auto-detect-state{background:#101c2d;border-color:#263a56}html[data-theme=dark] .auto-detect-state b{color:#eef6ff}html[data-theme=dark] .auto-detect-state small{color:#98a9bf}html[data-theme=dark] .auto-detect-state[data-state="success"]{background:#0d2820;border-color:#1f5e49}html[data-theme=dark] .auto-detect-state[data-state="error"]{background:#2b1518;border-color:#693138}

/* v1.30: LEFT=original, RIGHT=AI result; JS controls the right-hand reveal. */
.after-mask{left:50%;right:0;width:50%;border-right:0;border-left:2px solid #fff}

/* v1.31 — stable full-frame comparison slider + result choice summary */
.compare{--compare-x:50%;position:relative}
.compare>img.before{z-index:1}
.after-mask{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;border:0!important;z-index:2;clip-path:inset(0 0 0 50%);will-change:clip-path;pointer-events:none}
.after-mask img.after{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:50% 50%!important;background:#0b1220}
.compare:before{content:"";position:absolute;left:var(--compare-x);top:0;bottom:0;width:2px;transform:translateX(-1px);background:rgba(255,255,255,.96);z-index:4;pointer-events:none;box-shadow:0 0 0 1px rgba(15,28,49,.08)}
.compare:after{left:var(--compare-x)!important;z-index:5}
.compare input#compareRange{position:absolute;inset:0;z-index:8;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:none}
.tag{z-index:7}
.result-selection{margin:0 0 12px;border:1px solid #dce7f5;background:linear-gradient(135deg,#f8fbff,#f2f8ff);border-radius:16px;padding:13px 14px}
.result-selection-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.result-selection-head>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#e7f4ff;color:#0b72df;font-weight:900}.result-selection-head div{display:grid}.result-selection-head b{font-size:12px;color:#172033}.result-selection-head small{font-size:10px;color:#7c899b;margin-top:1px}
.result-selection-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-chip{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:#fff;border:1px solid #e2e9f2;border-radius:12px;padding:9px 10px}.result-chip i{grid-row:1/3;width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.result-chip b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-chip small{font-size:9px;color:#8a96a6}
html[data-theme=dark] .result-selection{background:linear-gradient(135deg,#0d1a2b,#102239);border-color:#29415f}html[data-theme=dark] .result-selection-head b{color:#eef6ff}html[data-theme=dark] .result-selection-head small{color:#95a8bf}html[data-theme=dark] .result-selection-head>span{background:#13345b;color:#8cc4ff}html[data-theme=dark] .result-chip{background:#0e1a2a;border-color:#263b57;color:#eef6ff}html[data-theme=dark] .result-chip small{color:#90a3bb}