.theme-toggle{font:600 14px/1.3 Arial,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #ba94c7;border-radius:24px;background:#fff6fc;color:#522c64;cursor:pointer;white-space:nowrap}.theme-toggle:focus-visible{outline:3px solid #bd7fe1;outline-offset:3px}
html[data-theme="dark"]{color-scheme:dark;--ink:#FFF6FA;--muted:#D8C4CE;--pink:#F3A9C2;--pale:#3C2D35;--white:#241B21;--accent:#F3A9C2;--line:#856774;--background:#241B21;--foreground:#FFF6FA;--card:#3C2D35;--card-foreground:#FFF6FA;--popover:#3C2D35;--popover-foreground:#FFF6FA;--primary:#7C1236;--primary-foreground:#fff;--secondary:#49323E;--secondary-foreground:#FFF6FA;--muted-foreground:#D8C4CE;--accent-foreground:#fff;--border:#856774;--input:#856774;--ring:#F3A9C2}
html[data-theme="dark"] body{background:#241B21;color:#FFF6FA;min-height:100vh}
html[data-theme="dark"] :is(header,.topbar){background:#241B21;border-color:#856774}
html[data-theme="dark"] :is(.hero,.intro:not(p)){background:#3C2D35}
html[data-theme="dark"] :is(.hero .eyebrow,.hero .intro,.hero-note,.section-heading .eyebrow,.piece-label small,h1 em,.eyebrow,.portfolio,.active-project a,.text-button){color:#F3A9C2}
html[data-theme="dark"] :is(.hero-visual,.space,.success,.project,.project-desk,.controls,.canvas-card,.settings-page .settings-card,.notice){background:#3C2D35;color:#FFF6FA;border-color:#856774}
html[data-theme="dark"] .hero-visual{box-shadow:14px 16px 0 #50323F}
html[data-theme="dark"] :is(.contact,.brief-bar,.setup-note,.settings-page .setup-note,.porch-stage){background:#3C2D35;border-color:#856774;color:#FFF6FA}
html[data-theme="dark"] :is(.ribbon,.has-photo){background:#21181E;color:#F3A9C2}
html[data-theme="dark"] :is(.photo-caption,.brief-bar strong,.brief-bar>div){color:#FFF6FA}
html[data-theme="dark"] :is(.hint,.page-heading>p,.session-label,.reference small,.count,.create-bar p,.upload-empty p,.upload-empty small,.canvas-bottom,.reference-heading p,.save-status,footer,.project small){color:#D8C4CE}
html[data-theme="dark"] :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.select){background:#241B21;color:#FFF6FA;border-color:#997382}
html[data-theme="dark"] ::placeholder{color:#CFB7C2;opacity:1}
html[data-theme="dark"] :is(.primary,.button,button[type=submit],#submit){background:linear-gradient(120deg,#7C1236,#94234C);color:#fff;border-color:#C23A6B}
html[data-theme="dark"] :is(.secondary,.theme-toggle,.private-label,.badge,.setup-badge,.settings-page .setup-badge,.summary span,.camera-icon){background:#49323E;color:#FFF6FA;border-color:#997382}
html[data-theme="dark"] :is(.chosen,.project:hover){background:#50323F;border-color:#F3A9C2}
html[data-theme="dark"] :is(fieldset,.fullness-choice,.active-project,.recipient,.create-bar,footer){border-color:#856774}
html[data-theme="dark"] .error{background:#472337;color:#ffd6e3}
html[data-theme="dark"] .logo-panel{box-shadow:0 0 0 15px #3C2D35;border-color:#856774}
html[data-theme="dark"] .zoom{background:#7C1236;color:#fff}
html[data-theme="dark"] .skip{background:#3C2D35;color:#fff}
html[data-theme="dark"] :is(button,a,input,textarea,summary):focus-visible{outline-color:#F3A9C2}
@media(max-width:700px){header,.topbar{flex-wrap:wrap}.theme-toggle{margin-left:auto}.topbar .private-label{display:inline-flex}}

html[data-theme="dark"] :is(h1,h2,h3,h4){color:#F3A9C2}
html[data-theme="dark"] :is(input[type=checkbox],input[type=radio]){accent-color:#C23A6B}
html[data-theme="dark"] :is(.category-art,.look-art){background:#30252C}
html[data-theme="dark"] :is(.category-card,.look-option):has(input:checked) :is(.category-body,.look-body){border-color:#F3A9C2;box-shadow:0 0 0 1px #F3A9C2}
html[data-theme="dark"] :is(.category-card,.look-option):has(input:checked) :is(.category-label,.look-label):after{color:#F3A9C2}
html[data-theme="dark"] :is(.category-card,.look-option):has(input:focus-visible) :is(.category-body,.look-body){outline-color:#F3A9C2}
html[data-theme="dark"] .primary-upload{background:#3C2D35;border-color:#F3A9C2}
html[data-theme="dark"] input::file-selector-button{background:#7C1236;color:#FFF6FA}
html[data-theme="dark"] :is(.project-tile.selected,.selected-version,.reference.selected,.reference.chosen){border-color:#F3A9C2}
html[data-theme="dark"] .project-lane.drag-over{outline-color:#F3A9C2}
html[data-theme="dark"] .compare-assign button[aria-pressed=true]{background:#7C1236;border-color:#F3A9C2;color:#FFF6FA}
html[data-theme="dark"] :is(.before-label,.after-label){background:#241B21e8;color:#FFF6FA}
html[data-theme="dark"] :is(button,a,input,textarea,select,summary):focus-visible{outline-color:#F3A9C2}