:root{--shadow:0 24px 80px #00000073;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--text:#111}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f12;--text:#e8ecef}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:var(--bg);margin:0;transition:background-color .2s,color .2s}button,input{font:inherit}.appPage{color:#111;background:#fff;padding-bottom:72px}.appHero{text-align:center;width:min(900px,100vw - 40px);margin:0 auto;padding:56px 0 12px}.appHero h1{letter-spacing:-.01em;margin:16px 0 14px;font-size:clamp(2rem,4.4vw,2.9rem);font-weight:800;line-height:1.1}.appHero p{color:#555;max-width:60ch;margin:0 auto;font-size:1.03rem;line-height:1.65}.appHero p code{color:#111;background:#f0f1ee;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.statusRow{color:#444;background:#f7f8f6;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;font-size:.92rem;display:inline-flex}.statusDot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #0000000d}.status-ready{background:#2fb87f}.status-checking{background:#e0ac2b}.status-offline{background:#d9463f}.appWorkspace{grid-template-columns:1.02fr .98fr;align-items:start;gap:22px;width:min(1180px,100vw - 32px);margin:44px auto 0;display:grid}.uploadCard,.previewCard{background:#fff;border:1px solid #00000014;border-radius:22px;padding:28px;box-shadow:0 24px 60px #0000000f}.uploadCard{flex-direction:column;gap:18px;transition:border-color .16s;display:flex}.uploadCard.has-file{border-color:#2fb87f66}.dropLabel{color:#666;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.dropTitle{margin-top:10px;font-size:1.35rem;font-weight:800}.dropHint{color:#666;margin-top:8px;line-height:1.6}.dropActions{grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;display:grid;position:relative}.dropActions input{opacity:0;pointer-events:none;position:absolute}.primaryButton,.secondaryButton,.ghostButton{cursor:pointer;font:inherit;border:0;border-radius:999px;padding:14px 16px;transition:transform .16s,background .16s,opacity .16s}.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover{transform:translateY(-1px)}.primaryButton{color:#fff;background:#111;font-weight:700}.primaryButton:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondaryButton,.ghostButton{color:#111;background:#f0f1ee;border:1px solid #00000014}.fileMeta{color:#555;flex-wrap:wrap;gap:10px;font-size:.92rem;display:flex}.fileMeta span{background:#f4f5f3;border-radius:999px;padding:8px 12px}.sliderRow{gap:10px;display:grid}.sliderRow label{color:#444;font-size:.94rem;font-weight:600}.sliderRow input[type=range]{accent-color:#111;width:100%}.messageArea{gap:8px;min-height:46px;display:grid}.message{color:#555}.error{color:#d9463f}.previewCard{flex-direction:column;gap:18px;display:flex}.panelHeader{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panelHeader h2{margin:0;font-size:1.1rem;font-weight:800}.panelHeader span{color:#666;font-size:.92rem}.previewFrame{background:#f7f8f6;border:1px solid #00000014;border-radius:16px;min-height:460px;overflow:hidden}.canvasStack{width:100%;height:100%;min-height:460px;position:relative}.baseImage,.maskLayer{object-fit:contain;background:#111;width:100%;height:100%;position:absolute;inset:0}.baseImage{filter:saturate(1.04)contrast(1.02)}.maskLayer{mix-blend-mode:screen}.emptyState{text-align:center;place-items:center;min-height:460px;padding:28px;display:grid}.emptyTitle{font-size:1.25rem;font-weight:800}.emptyText{color:#666;max-width:32ch;margin-top:10px;line-height:1.6}.legendGrid{color:#555;flex-wrap:wrap;gap:10px 18px;font-size:.92rem;display:flex}.legendGrid>div{align-items:center;gap:8px;display:inline-flex}.legendSwatch{border-radius:50%;width:12px;height:12px}.legendSwatch.lesion{background:#ff3b30e6}.legendSwatch.background{background:#e4e6e1;border:1px solid #0000001f}.legendSwatch.accent{background:#2fb87f}.downloadRow{border-top:1px solid #00000014;flex-wrap:wrap;gap:10px;margin-top:4px;padding-top:18px;display:flex}.downloadButton{text-align:center;flex:auto;min-width:180px}.downloadHint{color:#777;width:100%;font-size:.85rem}.appInfoSection{width:min(1180px,100vw - 32px);margin:72px auto 0}.appInfoSection .sectionHeading{width:auto;margin:0 0 8px;padding-top:0}.appInfoSection .stepsGrid,.appInfoSection .highlightGrid{margin-top:28px}.appInfoSection .highlightCard a{color:#111;font-weight:700}@media (width<=960px){.appWorkspace{grid-template-columns:1fr}.dropActions{grid-template-columns:1fr 1fr}.dropActions input{grid-column:1/-1}.primaryButton,.secondaryButton,.ghostButton{width:100%}}@media (width<=640px){.appHero{padding-top:40px}.uploadCard,.previewCard{padding:20px}.dropActions{grid-template-columns:1fr}.previewFrame,.canvasStack,.emptyState{min-height:340px}.downloadButton{width:100%}}.site{flex-direction:column;min-height:100vh;display:flex}.siteNav{background:#b7c2ba;border-bottom:1px solid #00000014}.siteNavInner{justify-content:space-between;align-items:center;width:min(1180px,100vw - 32px);margin:0 auto;padding:20px 0;display:flex}.brand{letter-spacing:.02em;color:#111;font-size:1.15rem;font-weight:800;text-decoration:none}.navLinks{align-items:center;gap:28px;display:flex}.navLinks a{color:#1c1c1c;opacity:.85;font-size:.95rem;text-decoration:none;transition:opacity .16s}.navLinks a:hover,.navLinks a.active{opacity:1;font-weight:600}.siteFooter{background:#fff;border-top:1px solid #00000014;margin-top:auto}.siteFooterInner{color:#111;justify-content:space-between;align-items:center;width:min(1180px,100vw - 32px);margin:0 auto;padding:28px 0;display:flex}.socialLinks{gap:18px;font-size:1.2rem;display:flex}.socialLinks a{color:#111;display:inline-flex}.placeholderPage{color:#111;background:#fff;width:min(1180px,100vw - 32px);margin:0 auto;padding:80px 0}.homeHero{color:#111;background:#fff;grid-template-columns:1fr 1fr;align-items:stretch;min-height:560px;display:grid}.homeHeroText{flex-direction:column;justify-content:center;gap:18px;padding:48px min(80px,6vw);display:flex}.homeHeroText h1{letter-spacing:-.01em;margin:0;font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:800;line-height:1.05}.homeHeroText p{color:#444;max-width:42ch;margin:0;font-size:1.05rem;line-height:1.6}.heroActions{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.primaryButton.dark{color:#fff;background:#111;border-radius:999px;align-items:center;padding:14px 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primaryButton.dark:hover{transform:translateY(-2px);box-shadow:0 14px 30px #00000038}.ghostButton.light{color:#111;background:0 0;border:1px solid #00000040;border-radius:999px;align-items:center;padding:14px 20px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.ghostButton.light:hover{background:#00000008;border-color:#00000073;transform:translateY(-2px)}.homeHeroImage{border-radius:12px 0 0 12px;overflow:hidden;box-shadow:-24px 24px 70px #0000001f}.homeHeroImage img{object-fit:cover;width:100%;height:100%;display:block}.sectionHeading{color:#111;width:min(1180px,100vw - 32px);margin:0 auto;padding-top:64px}.sectionEyebrow{text-transform:uppercase;letter-spacing:.12em;color:#556;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.sectionHeading h2{max-width:26ch;margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.howSection,.highlightSection{background:#fff;padding-bottom:56px}.stepsGrid,.highlightGrid{grid-template-columns:repeat(3,1fr);gap:20px;width:min(1180px,100vw - 32px);margin:32px auto 0;display:grid}.stepCard,.highlightCard{color:#111;background:#f4f5f3;border-radius:18px;padding:28px 24px;transition:transform .22s,box-shadow .22s,background .22s}.stepCard:hover,.highlightCard:hover{background:#fff;transform:translateY(-8px);box-shadow:0 20px 42px #0000001f}.stepLabel{color:#777;font-size:.85rem;font-weight:800}.stepCard h3,.highlightCard h3{margin:10px 0 8px;font-size:1.15rem;font-weight:700}.stepCard p,.highlightCard p{color:#444;margin:0;line-height:1.6}.ctaSection{color:#fff;text-align:center;background:#111;padding:72px 24px}.ctaSection h2{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.ctaSection p{color:#ffffffb8;margin:0 0 26px}.ctaSection .primaryButton.dark{color:#111;background:#fff}.ctaSection .primaryButton.dark:hover{box-shadow:0 14px 30px #ffffff2e}@media (width<=900px){.homeHero{grid-template-columns:1fr}.homeHeroImage{min-height:320px;box-shadow:none;border-radius:0}.stepsGrid,.highlightGrid{grid-template-columns:1fr}.stepCard:hover,.highlightCard:hover{transform:none}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.aboutPage{color:#111;background:#fff}.aboutIntro{text-align:center;width:min(760px,100vw - 40px);margin:0 auto;padding:64px 0 36px}.aboutDate{color:#777;margin-bottom:18px;font-size:.95rem;display:block}.aboutIntro h1{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800}.aboutSubtitle{color:#555;margin:0;font-size:1.05rem}.dividerBar{color:#bbb;margin:0 8px}.aboutHeroFrame{border-radius:20px;width:min(980px,100vw - 32px);margin:0 auto 56px;overflow:hidden;box-shadow:0 30px 70px #0000002e}.aboutHeroFrame img{object-fit:cover;width:100%;max-height:520px;display:block}.aboutBody{width:min(760px,100vw - 40px);margin:0 auto;padding-bottom:40px}.aboutSection{border-top:1px solid #00000014;padding:32px 0}.aboutSection:first-child{border-top:none}.aboutSection h2{margin:0 0 18px;font-size:1.5rem;font-weight:800}.aboutSection p{color:#333;margin:0 0 18px;font-size:1.02rem;line-height:1.75}.aboutSection p:last-child{margin-bottom:0}.aboutList{color:#333;gap:10px;margin:0;padding-left:22px;font-size:1.02rem;line-height:1.75;display:grid}.aboutQuoteSection{text-align:center;background:#f4f5f3;padding:80px 24px}.pullQuote{color:#111;width:min(780px,100%);margin:0 auto 32px;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;line-height:1.25}.quoteAuthor{text-align:left;align-items:center;gap:14px;display:inline-flex}.authorAvatar{object-fit:cover;background:#111;border-radius:10px;width:44px;height:44px}.authorName{color:#111;font-weight:700}.authorRole{color:#666;font-size:.92rem}@media (width<=640px){.aboutIntro{padding:44px 0 28px}.aboutHeroFrame img{max-height:320px}.aboutQuoteSection{padding:56px 20px}}.connectPage{color:#111;background:#fff;padding-bottom:80px}.connectIntro{text-align:center;width:min(760px,100vw - 40px);margin:0 auto;padding:64px 0 12px}.connectIntro h1{letter-spacing:-.01em;margin:14px 0;font-size:clamp(2rem,4.6vw,2.9rem);font-weight:800}.connectIntro p{color:#555;max-width:52ch;margin:0 auto;font-size:1.03rem;line-height:1.65}.connectGrid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:28px;width:min(1080px,100vw - 32px);margin:48px auto 0;display:grid}.infoCard{background:#f4f5f3;border-radius:22px;height:100%;padding:32px 28px}.infoCard h2{margin:0 0 16px;font-size:1.1rem;font-weight:800}.infoCard h2:not(:first-child){margin-top:32px}.infoList{gap:14px;margin:0;padding:0;list-style:none;display:grid}.infoList li{color:#333;align-items:center;gap:12px;font-size:.96rem;line-height:1.5;display:flex}.infoList svg{color:#555;flex:none}.infoSocials{gap:16px;font-size:1.3rem;display:flex}.infoSocials a{color:#111;transition:opacity .16s,transform .16s;display:inline-flex}.infoSocials a:hover{opacity:.7;transform:translateY(-2px)}.connectFormWrap{background:#fff;border:1px solid #00000014;border-radius:22px;padding:32px;box-shadow:0 24px 60px #00000014}.contactForm{gap:20px;display:grid}.formRow{grid-template-columns:1fr 1fr;gap:20px;display:grid}.formField{gap:8px;display:grid}.formField label{color:#222;font-size:.9rem;font-weight:600}.formField input,.formField textarea{color:#111;background:#fafafa;border:1px solid #00000026;border-radius:12px;width:100%;padding:12px 14px;font-size:.98rem;transition:border-color .16s,box-shadow .16s}.formField input:focus,.formField textarea:focus{border-color:#111;outline:none;box-shadow:0 0 0 3px #11111114}.formField input[aria-invalid=true],.formField textarea[aria-invalid=true]{border-color:#d9463f}.formField textarea{resize:vertical;min-height:120px}.formError{color:#d9463f;font-size:.85rem}.formErrorGlobal{justify-self:start}.submitButton{cursor:pointer;border:none;justify-self:start;font-size:1rem}.submitButton:disabled{opacity:.6;cursor:not-allowed}.successCard{text-align:center;justify-items:center;gap:14px;padding:40px 12px;display:grid}.successCard h2{margin:0;font-size:1.4rem;font-weight:800}.successCard p{color:#555;max-width:40ch;margin:0}@media (width<=860px){.connectGrid{grid-template-columns:1fr}}@media (width<=560px){.formRow{grid-template-columns:1fr}.connectFormWrap,.infoCard{padding:24px 20px}}.themeToggle{position:relative}.themeToggleButton{color:#111;cursor:pointer;background:#ffffff8c;border:1px solid #00000026;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.9rem;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex}.themeToggleButton:hover{background:#ffffffd9}.themeToggleChevron{opacity:.7;font-size:.7em}.themeToggleMenu{z-index:20;background:#fff;border:1px solid #0000001a;border-radius:14px;min-width:150px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 44px #00000029}.themeToggleOption{color:#222;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:.9rem;transition:background .14s;display:flex}.themeToggleOption:hover{background:#f2f3f1}.themeToggleOption.active{color:#fff;background:#111}[data-theme=dark] .siteNav{background:#1b211e;border-bottom-color:#ffffff14}[data-theme=dark] .brand,[data-theme=dark] .navLinks a{color:#f2f3f1}[data-theme=dark] .themeToggleButton{color:#f2f3f1;background:#ffffff14;border-color:#ffffff2e}[data-theme=dark] .themeToggleButton:hover{background:#ffffff24}[data-theme=dark] .themeToggleMenu{background:#1b211e;border-color:#ffffff1f;box-shadow:0 20px 44px #0000008c}[data-theme=dark] .themeToggleOption{color:#e4e6e1}[data-theme=dark] .themeToggleOption:hover{background:#ffffff14}[data-theme=dark] .themeToggleOption.active{color:#111;background:#f2f3f1}[data-theme=dark] .siteFooter{background:#0e1210;border-top-color:#ffffff14}[data-theme=dark] .siteFooterInner,[data-theme=dark] .socialLinks a{color:#f2f3f1}[data-theme=dark] .homeHero,[data-theme=dark] .howSection,[data-theme=dark] .highlightSection,[data-theme=dark] .aboutPage,[data-theme=dark] .connectPage,[data-theme=dark] .appPage,[data-theme=dark] .placeholderPage{color:#f2f3f1;background:#0b0f12}[data-theme=dark] .homeHeroText p,[data-theme=dark] .appHero p,[data-theme=dark] .aboutSubtitle,[data-theme=dark] .aboutDate,[data-theme=dark] .connectIntro p,[data-theme=dark] .aboutSection p,[data-theme=dark] .aboutList,[data-theme=dark] .stepCard p,[data-theme=dark] .highlightCard p,[data-theme=dark] .dropHint,[data-theme=dark] .dropLabel,[data-theme=dark] .message,[data-theme=dark] .panelHeader span,[data-theme=dark] .emptyText,[data-theme=dark] .legendGrid,[data-theme=dark] .fileMeta,[data-theme=dark] .downloadHint,[data-theme=dark] .infoList li,[data-theme=dark] .infoList svg,[data-theme=dark] .authorRole,[data-theme=dark] .successCard p,[data-theme=dark] .stepLabel,[data-theme=dark] .sectionEyebrow{color:#aab0ac}[data-theme=dark] .sectionHeading h2,[data-theme=dark] .aboutSection h2,[data-theme=dark] .infoCard h2,[data-theme=dark] .authorName,[data-theme=dark] .pullQuote,[data-theme=dark] .successCard h2{color:#f5f6f4}[data-theme=dark] .stepCard,[data-theme=dark] .highlightCard,[data-theme=dark] .infoCard,[data-theme=dark] .aboutQuoteSection{color:#f2f3f1;background:#161b18}[data-theme=dark] .stepCard:hover,[data-theme=dark] .highlightCard:hover{background:#1e2521;box-shadow:0 20px 42px #00000080}[data-theme=dark] .uploadCard,[data-theme=dark] .previewCard,[data-theme=dark] .connectFormWrap,[data-theme=dark] .aboutHeroFrame{background:#121614;border-color:#ffffff1a}[data-theme=dark] .previewFrame{background:#161b18;border-color:#ffffff1a}[data-theme=dark] .baseImage,[data-theme=dark] .maskLayer{background:#000}[data-theme=dark] .statusRow{color:#cfd3d0;background:#161b18;border-color:#ffffff1f}[data-theme=dark] .appHero p code{color:#f2f3f1;background:#1e2521}[data-theme=dark] .fileMeta span{background:#1e2521}[data-theme=dark] .legendSwatch.background{background:#2a322d;border-color:#ffffff29}[data-theme=dark] .aboutSection{border-top-color:#ffffff1a}[data-theme=dark] .dividerBar{color:#555}[data-theme=dark] .infoSocials a{color:#f2f3f1}[data-theme=dark] .formField label{color:#d8dad7}[data-theme=dark] .formField input,[data-theme=dark] .formField textarea{color:#f2f3f1;background:#0e1210;border-color:#ffffff29}[data-theme=dark] .formField input:focus,[data-theme=dark] .formField textarea:focus{border-color:#f2f3f1;box-shadow:0 0 0 3px #f2f3f11f}[data-theme=dark] .primaryButton.dark{color:#111;background:#f2f3f1}[data-theme=dark] .ghostButton.light{color:#f2f3f1;border-color:#ffffff52}[data-theme=dark] .ghostButton.light:hover{background:#ffffff0f;border-color:#ffffff80}[data-theme=dark] .secondaryButton,[data-theme=dark] .ghostButton{color:#f2f3f1;background:#1e2521;border-color:#ffffff1f}[data-theme=dark] .ctaSection{background:#05070a}[data-theme=dark] .ctaSection .primaryButton.dark{color:#111;background:#f2f3f1}[data-theme=dark] .homeHeroImage{box-shadow:-24px 24px 70px #00000080}