@font-face{font-family:"Open Sans";src:url("assets/open-sans-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Open Sans";src:url("assets/open-sans-semibold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Open Sans";src:url("assets/open-sans-bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Roboto Slab";src:url("assets/roboto-slab-bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{color-scheme:light;--paper:#f5f7f8;--white:#fff;--ink:#333;--muted:#56676b;--line:#e3e7e9;--accent:#7a1c70;--accent-light:#9d4d90;--soft:#f8f0f7;--serif:"Roboto Slab",Georgia,serif;font-family:"Open Sans",sans-serif;color:var(--ink);font-size:16px;line-height:1.5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--paper)}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;transition:background .18s,color .18s,border-color .18s}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b266a7;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}em{font-style:normal}.skip-link{position:absolute;top:-60px;left:20px;z-index:40;background:var(--accent);color:white;padding:12px}.skip-link:focus{top:8px}
.clinic-bar{background:var(--accent-light);color:white;display:flex;justify-content:space-between;padding:8px max(5%,calc((100vw - 1320px)/2));font-size:12px}.clinic-bar a{text-decoration:underline;text-underline-offset:3px}.topbar{min-height:102px;display:flex;align-items:center;gap:30px;padding:15px 5%;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:280px;height:auto;max-width:100%}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px}.topbar nav .current{color:var(--accent);font-weight:700;position:relative}.topbar nav .current:after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:3px;background:var(--accent)}.contact-link{color:var(--accent);font-weight:600}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;padding:9px 0;font-size:14px;color:var(--muted)}.text-button:hover:enabled{color:var(--accent)}.topbar>.text-button{margin-left:0;font-size:12px}.icon-button{width:40px;height:40px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;font-size:25px;color:var(--muted)}.icon-button:hover:enabled{background:var(--soft);color:var(--accent)}
main{max-width:1440px;margin:auto;padding:0 5%}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0 24px}.eyebrow,.section-label{font-size:12px;letter-spacing:1px;font-weight:700;color:var(--muted)}h1,h2{font-family:var(--serif);font-weight:700;line-height:1.25}h1{font-size:clamp(27px,2.6vw,37px);letter-spacing:-.6px;margin:8px 0 10px}.page-heading p{font-size:16px;color:var(--muted);margin:0}.privacy-pill{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap}.privacy-pill svg{color:var(--accent);width:17px}.studio-steps{display:flex;max-width:730px;gap:6px;margin:0 0 23px}.studio-steps button{border:0;background:transparent;display:flex;align-items:center;gap:9px;font-size:14px;padding:10px 16px 10px 0;color:var(--muted);text-align:left}.studio-steps button>span{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border:1px solid #cfd8dc;border-radius:50%;font-size:12px;background:white}.studio-steps button.active{color:var(--accent);font-weight:600}.studio-steps button.active>span{background:var(--accent);border-color:var(--accent);color:#fff}.workspace-heading{font-size:12px;color:var(--muted);padding:0 0 8px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start}.viewer-card{min-width:0;position:sticky;top:18px}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px}.segmented{display:flex;gap:3px;background:#e9edef;padding:3px;border-radius:9px}.segmented button{min-width:75px;border:0;background:none;padding:8px 15px;border-radius:7px;font-size:14px;color:var(--muted)}.segmented button.active{background:#fff;box-shadow:0 1px 5px #26333914;color:var(--accent);font-weight:600}.history{display:flex;align-items:center;gap:3px}.history>span{height:18px;width:1px;background:var(--line);margin:0 5px}
.photo-stage{height:clamp(440px,42vw,600px);background:#282329;position:relative;border-radius:14px;overflow:hidden;isolation:isolate}.photo-frame{position:relative;width:100%;height:100%;overflow:hidden}.photo-frame img,.photo-frame canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.photo-frame img{object-fit:cover;object-position:center 35%}.photo-frame.has-photo img{object-fit:contain}.photo-frame canvas{clip-path:inset(0 0 0 50%)}.image-labels{position:absolute;top:17px;left:17px;right:17px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.image-labels span{color:white;background:#241b28ad;padding:7px 10px;border-radius:5px;font-size:12px}.comparison-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;pointer-events:none}.comparison-line>span{position:absolute;left:-22px;top:calc(50% - 22px);width:46px;height:46px;background:white;color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:24px;letter-spacing:3px;box-shadow:0 2px 16px #0002}.comparison-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-input:disabled{pointer-events:none}.photo-frame:focus-within{outline:3px solid #d8a5d0;outline-offset:-4px}.photo-frame.view-side img{width:50%;object-fit:contain}.photo-frame.view-side canvas{left:50%;width:50%;clip-path:none!important}.photo-frame.view-after canvas{clip-path:none!important}.photo-frame.view-after #before-label{visibility:hidden}.photo-frame.view-before canvas,.photo-frame.view-before .comparison-line,.photo-frame.view-before #after-label{visibility:hidden}.photo-frame.view-before img{width:100%;object-fit:contain}.photo-frame.view-before #before-label{visibility:visible}.photo-frame.view-side .comparison-line,.photo-frame.view-after .comparison-line,.photo-frame.view-side .comparison-input,.photo-frame.view-after .comparison-input{display:none}
.photo-frame:not(.has-photo) img{width:58%;left:42%;object-position:center 70%}
.demo-invite{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px;color:white;background:linear-gradient(90deg,#282329 10%,#282329e8 32%,transparent 74%);pointer-events:none}.small-kicker{font-size:12px;letter-spacing:1px;max-width:260px}.demo-invite h2{font-size:34px;letter-spacing:-.5px;margin:15px 0;max-width:355px}.demo-invite p{font-size:14px;color:#ffffffe8;margin:0 0 24px;max-width:280px}.start-actions{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.light-button{display:flex;align-items:center;justify-content:center;gap:20px;background:white;color:var(--accent);border:0;border-radius:7px;padding:13px 19px;font-size:14px;font-weight:700;pointer-events:auto}.light-button:hover{background:#f7e9f4}.demo-button{border:0;border-bottom:1px solid #ffffff80;background:transparent;color:white;font-size:14px;padding:9px 0;pointer-events:auto}.view-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0 8px}.view-tabs{display:flex;gap:3px}.view-tabs button{border:1px solid transparent;background:transparent;font-size:14px;padding:8px 11px;border-radius:7px;color:var(--muted)}.view-tabs button.active{border-color:#dbbdD5;background:white;color:var(--accent)}.original-button{font-size:14px;user-select:none;touch-action:none}.viewer-bottom{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;padding:2px 0 12px}.active-edits{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 10px;min-height:25px}.active-edits>span{font-size:12px;color:var(--muted)}.edit-chip{border:1px solid #e2c8dd;background:var(--soft);color:var(--accent);border-radius:6px;padding:6px 9px;font-size:12px}
.controls{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.section-label{display:flex;align-items:center;gap:8px;letter-spacing:.4px}.step-dot{display:none}.upload-state,.count{margin-left:auto;font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid var(--accent-light);border-radius:7px;padding:13px 14px;background:var(--accent-light);color:white;font-size:14px;font-weight:600}.primary-button:hover:enabled{background:var(--accent);border-color:var(--accent)}.primary-button:disabled{background:#e7dce5;border-color:#e7dce5;color:#795c74;opacity:.7}.button-end{margin-left:auto;font-size:18px}#upload-button{margin:14px 0 10px}.photo-tip{font-size:14px;color:var(--muted);margin:0 0 5px}.file-hint{font-size:12px;color:var(--muted)}.upload-card.drag-active{outline:2px dashed var(--accent);outline-offset:8px;border-radius:8px}.is-ready .upload-card #upload-button{background:white;color:var(--accent);border:1px solid #e6d9e3;padding:9px;margin-bottom:0}.is-ready .upload-card .photo-tip,.is-ready .upload-card .file-hint{display:none}.options-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.options-intro{font-size:14px;color:var(--muted);margin:9px 0 15px}.option-list{display:flex;flex-direction:column;gap:9px}.option-wrapper{border:1px solid var(--line);border-radius:10px;overflow:hidden}.option-wrapper.is-selected{border-color:#d7b1cf;box-shadow:0 3px 10px #5d215107}.option-card{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;padding:13px 12px;background:#fff;text-align:left}.option-card:hover:enabled{background:#fcf8fb}.option-card.selected{background:var(--soft)}.option-card:disabled{opacity:.6}.option-icon{display:grid;place-items:center;color:var(--accent);width:34px;height:36px}.option-icon svg{width:25px;height:25px;stroke-width:1.2}.option-title{font-size:16px;display:block;font-weight:600;line-height:1.3}.option-procedure{font-size:12px;display:block;margin-top:3px;color:var(--muted)}.option-radio{font-size:12px;color:var(--accent)}.options-footnote{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0 0}.amount-card{padding:17px 14px 12px;border-top:1px solid #eddee9;background:#fdfbfd}.amount-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.amount-heading label{font-size:14px;font-weight:600}.amount-heading output{font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}#amount{width:100%;margin:19px 0 0;accent-color:var(--accent);height:12px;cursor:pointer}.range-captions{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:5px}.amount-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0 0}.amount-presets button{font-size:14px;min-height:39px;border:1px solid #e6d9e3;border-radius:6px;background:white;color:var(--muted)}.amount-presets button.active{background:var(--accent);border-color:var(--accent);color:white}.amount-card p{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.6}.reference-detail{border-top:1px solid #eadfe8;margin-top:13px;padding-top:10px}.reference-detail summary{font-size:14px;color:var(--accent);cursor:pointer}.reference-detail p{font-size:14px}.source-link{display:inline-block;color:var(--accent);font-size:14px;text-decoration:underline;text-underline-offset:3px;margin-top:12px}.source-tag{display:inline-block;color:var(--muted);font-size:12px;margin-top:12px}.export-actions{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;display:flex;flex-direction:column}.summary-button{order:0}.summary-button span{margin-left:auto}.download-button{order:1;width:100%;font-size:14px;margin-top:5px}.reset-button{order:2;font-size:12px;padding:8px 0 0;width:100%}
.loading-overlay{position:absolute;inset:0;background:#fcf9fbed;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:var(--muted);font-size:14px;text-align:center;padding:20px;z-index:5}.loading-overlay strong{font-size:19px;color:var(--accent)}.spinner{width:34px;height:34px;border:2px solid #e1ccdD;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.loading-overlay progress{width:170px;height:4px;accent-color:var(--accent)}.body-empty .photo-frame img{display:none}.body-empty .demo-invite{inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#302536}.body-empty .demo-invite h2{max-width:360px}.body-empty .start-actions{justify-content:center}.notice{display:flex;gap:12px;align-items:center;margin:24px 0 0;padding:17px 0;border-block:1px solid var(--line);color:var(--muted)}.notice-icon{width:23px;height:23px;border:1px solid #abb8bd;border-radius:50%;display:grid;place-items:center;font:15px Georgia;flex-shrink:0}.notice p{font-size:12px;line-height:1.65;margin:0;max-width:810px}.notice strong{color:var(--ink);font-weight:600}.notice .text-button{margin-left:auto;white-space:nowrap;font-size:12px}.status{font-size:14px;background:#edf3ee;color:#38553b;padding:12px 16px;border-radius:8px;margin-top:16px}.status:empty{display:none}.status.error{background:#fcefeb;color:#923e2d}
.clinic-reference{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 0 45px}.clinic-reference h2{font-size:25px;letter-spacing:-.3px;margin:11px 0 14px}.clinic-reference p{font-size:14px;color:var(--muted);max-width:470px;line-height:1.7;margin:0}.reference-links{display:flex;flex-direction:column}.reference-links>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:16px;font-weight:600;color:var(--accent)}.reference-links>a:first-child{padding-top:0}.reference-links small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}footer{background:#fff;display:flex;align-items:center;gap:30px;padding:28px 5%;border-top:1px solid var(--line)}footer .brand img{width:225px}footer>span{font-size:12px;color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:24px}footer .text-button{font-size:12px}
dialog{width:calc(100% - 32px);max-width:590px;max-height:90dvh;overflow:auto;border:1px solid #e8dce5;border-radius:14px;padding:32px;color:var(--ink);background:white;box-shadow:0 25px 120px #2e193f40}dialog::backdrop{background:#3023367a;backdrop-filter:blur(4px)}dialog h2{font-size:28px;letter-spacing:-.4px;margin:17px 0 22px}dialog p{font-size:16px;line-height:1.7;color:var(--muted)}dialog a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.dialog-close{position:absolute;right:12px;top:12px}.consent-label{display:flex;gap:11px;align-items:flex-start;font-size:14px;margin:22px 0}.consent-label input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.summary-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-preview figure{margin:0}.summary-preview img{width:100%;height:200px;object-fit:contain;background:#282329;border-radius:8px}.summary-preview figcaption{font-size:12px;color:var(--muted);padding:5px 0}.summary-items{border-bottom:1px solid var(--line);padding:8px 0 14px;margin-bottom:18px;font-size:14px}.summary-item{display:flex;justify-content:space-between;padding:4px 0}.notes-label{display:block;font-size:14px;margin-bottom:9px}.question-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.question-suggestions button{font-size:12px;border:1px solid #e4d2e0;background:var(--soft);border-radius:5px;padding:7px 9px;color:var(--accent)}textarea{width:100%;resize:vertical;border:1px solid #d9cdd6;border-radius:7px;padding:12px;background:white;font-size:16px;line-height:1.6;color:var(--ink)}textarea::placeholder{color:#77868b}.summary-privacy{font-size:12px!important}.report-hint{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:9px}.source-record{padding:14px 0;border-top:1px solid var(--line)}.source-record p{font-size:14px;margin:7px 0}.source-record a{font-size:14px}.source-record small{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.is-embed .topbar,.is-embed .clinic-bar,.is-embed footer,.is-embed .clinic-reference{display:none}.is-embed main{padding-top:18px;padding-bottom:15px}.is-embed .page-heading{margin:0 0 18px}.is-embed h1{font-size:28px}.is-embed .viewer-card{position:sticky}.is-embed .photo-stage{height:560px}.is-embed .page-heading .eyebrow{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.studio{grid-template-columns:minmax(0,1fr) 335px;gap:22px}.controls{padding:17px}.topbar{gap:20px}.topbar nav{gap:18px}.topbar>.text-button{display:none}.topbar .brand img{width:255px}.photo-stage{height:560px}.viewer-bottom #comparison-hint{display:none}.privacy-pill{white-space:normal;max-width:185px}.view-tabs button{padding:8px}.original-button{font-size:12px}}
@media(max-width:800px){.clinic-bar{padding:7px 18px}.clinic-bar>span{font-size:12px;max-width:230px}.clinic-bar>a{display:none}.topbar{min-height:86px;padding:14px 18px;gap:15px}.topbar .brand img{width:230px}.topbar nav{display:none}.topbar>.text-button{display:block;margin-left:auto;font-size:12px;max-width:78px}main{padding:0 18px}.page-heading{display:block;margin:24px 0 15px}h1{font-size:29px;letter-spacing:-.4px}.page-heading p{font-size:14px;line-height:1.6}.privacy-pill{max-width:none;margin-top:13px;font-size:12px}.studio-steps{gap:8px;margin-bottom:17px}.studio-steps button{flex:1;align-items:flex-start;gap:6px;padding:8px 0;font-size:12px;line-height:1.5}.studio-steps button>span{width:23px;height:23px}.workspace-heading{font-size:12px;padding-bottom:8px}.studio{display:flex;flex-direction:column;gap:18px}.viewer-card{position:static;width:100%}.photo-stage,.is-embed .photo-stage{height:min(118vw,500px);border-radius:11px}.photo-frame:not(.has-photo) img{width:100%;left:0;object-position:center 60%}.demo-invite{inset:auto 0 0;padding:90px 22px 24px;background:linear-gradient(transparent,#26162fe8);display:block}.start-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.demo-invite h2{font-size:28px}.start-actions{gap:10px}.light-button,.demo-button{font-size:14px}.image-labels{top:12px;left:10px;right:10px}.image-labels span{font-size:12px;padding:5px 7px}.view-controls{gap:6px;flex-wrap:wrap}.view-tabs button{font-size:14px;padding:7px 8px}.original-button{font-size:12px}.viewer-bottom{font-size:12px}.active-edits{padding-bottom:0}.controls{width:100%;padding:19px}.section-label{font-size:12px}.option-card{padding:14px 12px}.primary-button{font-size:14px;min-height:46px}.notice{align-items:flex-start;margin-top:20px}.notice>.text-button{display:none}.clinic-reference{grid-template-columns:1fr;gap:24px;padding:30px 0}.clinic-reference h2{font-size:24px}.clinic-reference p{font-size:14px}.reference-links>a{font-size:14px}footer{padding:23px 18px;flex-wrap:wrap;gap:20px}footer>span{font-size:12px}footer>div{margin-left:0;width:100%}dialog{padding:27px 22px}.summary-preview img{height:170px}.is-embed .page-heading .privacy-pill{display:none}.is-embed .page-heading{margin-bottom:12px}.is-embed h1{font-size:27px}
.is-ready .viewer-card{position:sticky;top:0;z-index:4;background:var(--paper);padding:8px 0 2px;box-shadow:0 9px 12px var(--paper)}.is-ready .photo-stage,.is-embed .is-ready .photo-stage{height:clamp(210px,34svh,300px)}.is-ready .viewer-toolbar{padding-bottom:6px}.is-ready .view-controls{padding-top:7px;padding-bottom:4px}.is-ready .viewer-bottom{display:none}.is-ready .active-edits{padding:3px 0 4px;max-height:64px;overflow:auto}.is-ready .active-edits>span{display:none}}
@media(max-width:360px){.topbar .brand img{width:200px}.topbar>.text-button{max-width:64px}.original-button span{max-width:50px;line-height:1.2}.view-tabs button{padding:7px 6px}.demo-invite{padding-inline:17px}.light-button{padding:11px 13px}.image-labels span{font-size:12px;letter-spacing:-.3px}}
@media(max-width:800px) and (min-height:691px){.is-ready .controls,.is-ready .option-wrapper{scroll-margin-top:calc(clamp(210px,34svh,300px) + 160px)}}
@media(max-width:800px) and (max-height:690px){.is-ready .viewer-card,.is-embed .viewer-card{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.file-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#status{scroll-margin-top:24px;font-size:13px;line-height:1.6}
@media(max-width:800px) and (min-height:691px){.is-ready #status{scroll-margin-top:calc(clamp(210px,34svh,300px) + 170px)}}
