:root {
    --burgundy: #7b1f36;
}

.brand { color: var(--burgundy); }
.brand:hover { color: #5f1729; }
.theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    border: 1px solid var(--line);
    border-radius: 99px;
    background: transparent;
    color: inherit;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}
.theme-toggle:hover { background: var(--sage); }
.theme-toggle-icon { font-size: 15px; line-height: 1; }
.availability-note {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 4px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.45;
}
.availability-note strong { color: var(--ink); font-weight: 600; }
.collection-unavailable {
    display: grid;
    place-items: center;
    min-height: 280px;
    padding: 50px 25px;
    text-align: center;
    background: color-mix(in srgb, var(--sage) 58%, transparent);
    border: 1px solid var(--line);
    border-radius: 4px;
}
.collection-unavailable .empty-star { margin-bottom: 14px; }
.collection-unavailable h3 { margin-bottom: 10px; }
.collection-unavailable p { max-width: 420px; margin-bottom: 0; font-size: 13px; }
.purchase-unavailable { margin: 20px 0 13px; }
.disabled-action { cursor: not-allowed; opacity: .62; pointer-events: none; }

html[data-theme="dark"] {
    color-scheme: dark;
    --paper: #171518;
    --ink: #f2eceb;
    --muted: #b5aaac;
    --line: #3d373a;
    --sage: #28352e;
    --white: #231f22;
    --coral: #e88978;
    --burgundy: #e08396;
}
html[data-theme="dark"] body { background: var(--paper); }
html[data-theme="dark"] .announcement { background: #0e0b0e; color: #eee6e8; }
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .values-line,
html[data-theme="dark"] .cart-line,
html[data-theme="dark"] .form-panel,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .details,
html[data-theme="dark"] .product-description,
html[data-theme="dark"] .summary-total,
html[data-theme="dark"] .studio-topbar,
html[data-theme="dark"] .studio-statusbar,
html[data-theme="dark"] .studio-color-section,
html[data-theme="dark"] .studio-size,
html[data-theme="dark"] .quote-steps,
html[data-theme="dark"] .info-page section { border-color: var(--line); }
html[data-theme="dark"] .hero-art,
html[data-theme="dark"] .product-visual,
html[data-theme="dark"] .studio-viewport,
html[data-theme="dark"] .model-stage { background: #202822; }
html[data-theme="dark"] .art-sticker,
html[data-theme="dark"] .product-tag,
html[data-theme="dark"] .product-arrow,
html[data-theme="dark"] .studio-view-actions button { background: #282327e8; color: var(--ink); }
html[data-theme="dark"] .about-banner,
html[data-theme="dark"] .order-summary,
html[data-theme="dark"] .notice-panel,
html[data-theme="dark"] .result-items,
html[data-theme="dark"] .formula-card { background: #27352d; color: var(--ink); }
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .collection-unavailable { background: #222024; }
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select { background: #211e21; border-color: #51484c; color: var(--ink); }
html[data-theme="dark"] .studio,
html[data-theme="dark"] .studio-toolbar,
html[data-theme="dark"] .studio-parts,
html[data-theme="dark"] .studio-properties { background: #201e20; border-color: var(--line); }
html[data-theme="dark"] .studio-toolbar { background: #2a2729; }
html[data-theme="dark"] .studio-empty { background: linear-gradient(#202822aa, #202822dd); }
html[data-theme="dark"] .part-row { background: #2d292d; }
html[data-theme="dark"] .part-row[aria-pressed="true"] { background: #344435; border-color: #70866e; }
html[data-theme="dark"] .studio-import { background: #242f29; border-color: #70866e; }
html[data-theme="dark"] .btn-dark { background: var(--burgundy); color: #fff; }
html[data-theme="dark"] .btn-dark:hover { background: #a4435d; }
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .theme-toggle:hover { background: #2d3c34; }
html[data-theme="dark"] .availability-note strong { color: var(--ink); }
html[data-theme="dark"] .panel,
html[data-theme="dark"] .form-panel,
html[data-theme="dark"] .login-form,
html[data-theme="dark"] .stat-card { background: #231f22; color: var(--ink); }
html[data-theme="dark"] .alert,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .formula-example,
html[data-theme="dark"] .project-parts-list li { background: #30332d; color: #f2eceb; border-color: #52584b; }
html[data-theme="dark"] .alert-error { background: #462a32; color: #ffd8df; border-color: #855363; }
html[data-theme="dark"] .btn-dark,
html[data-theme="dark"] .studio-toolbar>button[aria-pressed="true"] { background: #96344e; color: #fff; }
html[data-theme="dark"] .studio-action { background: #344435; color: var(--ink); border-color: #586d51; }
html[data-theme="dark"] .studio-hint,
html[data-theme="dark"] .studio-label,
html[data-theme="dark"] .studio-empty p { color: var(--muted); }
.original-upload { margin-top: 26px; }
.original-upload>p { max-width: 820px; font-size: 13px; }
.original-upload>label { display: flex; flex-direction: column; gap: 9px; max-width: 460px; }

@media (max-width: 600px) {
    .theme-toggle { padding: 6px 8px; }
    .theme-toggle-label { display: none; }
    .availability-note { font-size: 10px; }
}