@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600;700&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Cormorant Garamond","Georgia","Times New Roman",serif;--font-ui:var(--font-sans);--font-heading:var(--font-display);--text-xs:0.75rem;--text-2xs:0.6875rem;--text-micro:0.625rem;--text-sm:0.875rem;--text-sm-plus:0.9375rem;--text-md:1rem;--text-md-plus:1.0625rem;--text-lg:1.125rem;--text-lg-plus:1.25rem;--text-xl:1.375rem;--text-xl-plus:1.5rem;--text-2xl:1.875rem;--text-2xl-plus:2.25rem;--text-3xl:2.4rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:350ms ease;--sidebar-width:260px;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#2563eb}html:not([data-theme]),html[data-theme=dark]{color-scheme:dark;--bg-base:#07080c;--bg-surface:#0e1016;--bg-elevated:#151922;--bg-hover:#1c2230;--bg-active:#232a3b;--brand-primary:#818cf8;--brand-primary-hover:#a5b4fc;--brand-primary-light:#6366f1;--brand-primary-glow:rgba(129,140,248,.22);--brand-secondary:#a78bfa;--brand-accent:#22d3ee;--text-primary:#f4f4f5;--text-secondary:#b4b9c5;--text-muted:#7c8294;--text-inverted:#09090b;--border-subtle:hsla(0,0%,100%,.065);--border-default:hsla(0,0%,100%,.11);--border-strong:hsla(0,0%,100%,.2);--border-brand:rgba(129,140,248,.45);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--shadow-md:0 6px 24px rgba(0,0,0,.55);--shadow-lg:0 16px 48px rgba(0,0,0,.65);--shadow-brand:0 0 32px rgba(129,140,248,.28);--glass-card-bg:rgba(21,25,34,.82);--glass-card-border:hsla(0,0%,100%,.08);--nav-backdrop:rgba(7,8,12,.82);--filter-bar-bg:hsla(0,0%,100%,.035);--filter-bar-border:hsla(0,0%,100%,.09);--workspace-canvas-bg:#0c0e14;--workspace-panel-bg:#151b26;--landing-brand-gradient:linear-gradient(135deg,#fafafa,#c7d2fe);--landing-features-bg:#0a0b10;--landing-hero-sheen:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(129,140,248,.18),transparent 55%);--cta-gradient:linear-gradient(135deg,#1e1b4b,#312e81 42%,#4c1d95);--cta-shadow:0 28px 56px -12px rgba(0,0,0,.55);--editor-mock-shadow:0 28px 56px -16px rgba(0,0,0,.65);--shadow-card-lift:0 24px 48px -12px rgba(0,0,0,.55);--thumb-mesh-0:radial-gradient(at 0% 0%,rgba(129,140,248,.45) 0%,transparent 52%),radial-gradient(at 100% 0%,rgba(167,139,250,.38) 0%,transparent 50%),radial-gradient(at 50% 100%,rgba(236,72,153,.22) 0%,transparent 45%),#12141c;--thumb-mesh-1:radial-gradient(at 15% 25%,rgba(56,189,248,.35) 0%,transparent 45%),radial-gradient(at 85% 45%,rgba(129,140,248,.4) 0%,transparent 50%),#10121a;--thumb-mesh-2:radial-gradient(at 0% 100%,rgba(251,191,36,.25) 0%,transparent 48%),radial-gradient(at 100% 100%,rgba(167,139,250,.35) 0%,transparent 50%),#121018;--thumb-screenshot-bg:rgba(15,23,42,.45);--thumb-placeholder-tint:rgba(15,23,42,.4);--card-shimmer-highlight:hsla(0,0%,100%,.07);--url-pill-bg:rgba(0,0,0,.42);--visit-btn-bg:hsla(0,0%,100%,.12);--visit-btn-border:hsla(0,0%,100%,.22);--visit-btn-fg:#fff;--thumb-action-bg:rgba(15,23,42,.62);--thumb-action-border:hsla(0,0%,100%,.12);--thumb-action-icon:hsla(0,0%,100%,.88);--url-pill-border:hsla(0,0%,100%,.14);--url-pill-fg:hsla(0,0%,100%,.94);--visit-btn-hover-bg:hsla(0,0%,100%,.24);--visit-btn-hover-border:hsla(0,0%,100%,.38);--theme-switch-bg:hsla(0,0%,100%,.04);--theme-switch-border:hsla(0,0%,100%,.08);--theme-switch-hover:hsla(0,0%,100%,.07);--theme-switch-active-bg:rgba(129,140,248,.2);--theme-switch-active-fg:#e0e7ff;--theme-switch-active-shadow:0 1px 0 hsla(0,0%,100%,.06) inset;--modal-backdrop:rgba(2,4,12,.76);--modal-backdrop-shine:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(129,140,248,.12),transparent 55%);--modal-surface:color-mix(in srgb,var(--bg-elevated) 92%,transparent);--modal-surface-veil:linear-gradient(165deg,color-mix(in srgb,var(--bg-elevated) 96%,#818cf8) 0%,color-mix(in srgb,var(--bg-surface) 88%,transparent) 100%);--modal-border:hsla(0,0%,100%,.1);--modal-border-accent:rgba(129,140,248,.22);--modal-shadow:0 28px 64px -16px rgba(0,0,0,.75),0 0 0 1px hsla(0,0%,100%,.05) inset;--modal-close:hsla(240,5%,96%,.45);--modal-close-hover:#f4f4f5;--modal-icon-danger-glow:hsla(0,91%,71%,.28);--modal-icon-danger-ring:hsla(0,91%,71%,.5);--modal-icon-danger-bg:color-mix(in srgb,#f87171 14%,transparent);--modal-icon-danger-fg:#fecaca;--modal-icon-warning-glow:rgba(251,191,36,.2);--modal-icon-warning-ring:rgba(251,191,36,.45);--modal-icon-warning-bg:color-mix(in srgb,var(--warning) 14%,transparent);--modal-icon-warning-fg:#fde68a;--modal-callout-bg:color-mix(in srgb,var(--danger) 12%,transparent);--modal-callout-border:color-mix(in srgb,var(--danger) 32%,transparent);--modal-callout-text:#fecaca}html[data-theme=light]{color-scheme:light;--bg-base:#f5f2ed;--bg-surface:#fffefb;--bg-elevated:#fff;--bg-hover:#f0ebe4;--bg-active:#e7e2da;--brand-primary:#3730a3;--brand-primary-hover:#312e81;--brand-primary-light:#4f46e5;--brand-primary-glow:rgba(55,48,163,.12);--brand-secondary:#5b21b6;--brand-accent:#0e7490;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#78716c;--text-inverted:#fafaf9;--border-subtle:rgba(28,25,23,.06);--border-default:rgba(28,25,23,.1);--border-strong:rgba(28,25,23,.16);--border-brand:rgba(55,48,163,.28);--shadow-sm:0 1px 2px rgba(28,25,23,.04),0 1px 3px rgba(28,25,23,.06);--shadow-md:0 4px 6px rgba(28,25,23,.04),0 12px 32px rgba(28,25,23,.08);--shadow-lg:0 8px 12px rgba(28,25,23,.04),0 24px 48px rgba(28,25,23,.1);--shadow-brand:0 12px 40px rgba(55,48,163,.18);--glass-card-bg:rgba(255,254,251,.85);--glass-card-border:rgba(28,25,23,.07);--nav-backdrop:rgba(255,254,251,.82);--filter-bar-bg:hsla(0,0%,100%,.72);--filter-bar-border:rgba(28,25,23,.08);--workspace-canvas-bg:#e7e2db;--workspace-panel-bg:#f2ede6;--landing-brand-gradient:linear-gradient(135deg,#1c1917,#3730a3 55%,#5b21b6);--landing-features-bg:#ebe6df;--landing-hero-sheen:radial-gradient(ellipse 90% 55% at 50% -25%,rgba(55,48,163,.09),transparent 58%);--cta-gradient:linear-gradient(135deg,#1e1b4b,#312e81 38%,#4c1d95 85%);--cta-shadow:0 28px 56px -14px rgba(30,27,75,.35);--editor-mock-shadow:0 28px 56px -16px rgba(28,25,23,.12);--shadow-card-lift:0 20px 40px -12px rgba(28,25,23,.12);--thumb-mesh-0:radial-gradient(at 25% 20%,rgba(55,48,163,.11) 0%,transparent 48%),radial-gradient(at 80% 30%,rgba(91,33,182,.08) 0%,transparent 52%),linear-gradient(165deg,#f0ebe6,#e8e2db);--thumb-mesh-1:radial-gradient(at 20% 40%,rgba(14,116,144,.08) 0%,transparent 45%),radial-gradient(at 75% 25%,rgba(55,48,163,.1) 0%,transparent 50%),linear-gradient(155deg,#ede8e2,#e4ddd4);--thumb-mesh-2:radial-gradient(at 15% 80%,hsla(25,5%,45%,.12) 0%,transparent 50%),radial-gradient(at 85% 70%,rgba(91,33,182,.07) 0%,transparent 48%),linear-gradient(175deg,#efe9e3,#e5dfd7);--thumb-screenshot-bg:hsla(0,0%,100%,.5);--thumb-placeholder-tint:hsla(37,21%,88%,.9);--card-shimmer-highlight:rgba(28,25,23,.04);--url-pill-bg:rgba(28,25,23,.58);--visit-btn-bg:hsla(0,0%,100%,.88);--visit-btn-border:rgba(28,25,23,.14);--visit-btn-fg:#1c1917;--thumb-action-bg:hsla(0,0%,100%,.82);--thumb-action-border:rgba(28,25,23,.1);--thumb-action-icon:#44403c;--url-pill-border:hsla(0,0%,100%,.22);--url-pill-fg:#fafaf9;--visit-btn-hover-bg:#fff;--visit-btn-hover-border:rgba(28,25,23,.18);--theme-switch-bg:rgba(28,25,23,.04);--theme-switch-border:rgba(28,25,23,.08);--theme-switch-hover:rgba(28,25,23,.06);--theme-switch-active-bg:rgba(55,48,163,.1);--theme-switch-active-fg:#312e81;--theme-switch-active-shadow:0 1px 0 hsla(0,0%,100%,.9) inset;--modal-backdrop:rgba(28,25,23,.4);--modal-backdrop-shine:radial-gradient(ellipse 85% 55% at 50% -15%,rgba(55,48,163,.1),transparent 58%);--modal-surface:color-mix(in srgb,var(--bg-surface) 97%,var(--brand-primary));--modal-surface-veil:linear-gradient(175deg,#fffefb 0%,color-mix(in srgb,var(--bg-surface) 92%,var(--brand-primary)) 100%);--modal-border:rgba(28,25,23,.1);--modal-border-accent:rgba(55,48,163,.18);--modal-shadow:0 24px 56px -12px rgba(28,25,23,.14),0 0 0 1px hsla(0,0%,100%,.85) inset;--modal-close:rgba(68,64,60,.45);--modal-close-hover:var(--text-primary);--modal-icon-danger-glow:rgba(185,28,28,.14);--modal-icon-danger-ring:rgba(185,28,28,.35);--modal-icon-danger-bg:color-mix(in srgb,var(--danger) 10%,transparent);--modal-icon-danger-fg:#b91c1c;--modal-icon-warning-glow:rgba(217,119,6,.14);--modal-icon-warning-ring:rgba(217,119,6,.35);--modal-icon-warning-bg:color-mix(in srgb,var(--warning) 12%,transparent);--modal-icon-warning-fg:#b45309;--modal-callout-bg:color-mix(in srgb,var(--danger) 7%,transparent);--modal-callout-border:color-mix(in srgb,var(--danger) 22%,transparent);--modal-callout-text:#7f1d1d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-size:var(--text-md);background:var(--bg-base);color:var(--text-primary);line-height:var(--leading-normal);overflow-x:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-tight)}h1{font-size:var(--text-3xl)}h1,h2{font-weight:600;letter-spacing:-.02em}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl);letter-spacing:-.01em}h3,h4{font-weight:600}h4{font-size:var(--text-lg)}.font-display{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}:where(a,button,[role=button],.btn){transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base),opacity var(--transition-base)}:where(input,textarea,select,.input){transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}:where([role=dialog],[aria-modal=true]){transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base),-webkit-backdrop-filter var(--transition-base);transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base),backdrop-filter var(--transition-base);transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base),backdrop-filter var(--transition-base),-webkit-backdrop-filter var(--transition-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--glass-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-card-border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 28%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 20%,transparent)}.btn.btn-dialog-danger{background:linear-gradient(168deg,#e11d48,#9f1239 55%,#881337);color:#fff;border:1px solid color-mix(in srgb,#fff 18%,transparent);box-shadow:0 10px 28px color-mix(in srgb,#e11d48 35%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent);font-weight:600}.btn.btn-dialog-danger:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 36px color-mix(in srgb,#e11d48 42%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent)}.btn.btn-dialog-danger:disabled{opacity:.55;transform:none;filter:none}html[data-theme=light] .btn.btn-dialog-danger{background:linear-gradient(168deg,#be123c,#9f1239);box-shadow:0 10px 28px rgba(190,18,60,.22),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn.btn-dialog-cancel{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong);font-weight:600;box-shadow:var(--shadow-sm)}.btn.btn-dialog-cancel:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-brand);color:var(--brand-primary)}.btn-sm{padding:6px 12px;font-size:var(--text-sm)}.btn-lg{padding:14px 28px;font-size:var(--text-md)}.btn-icon{padding:8px;border-radius:var(--radius-md)}.input{width:100%;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge-brand{background:var(--brand-primary-glow);color:var(--brand-primary)}.badge-success{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.badge-warning{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.badge-muted{background:var(--bg-active);color:var(--text-muted)}.divider{height:1px;background:var(--border-subtle);border:none}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg-active);color:var(--text-primary);font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);border:1px solid var(--border-default);z-index:100}[data-tooltip]:hover:after{opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.gradient-text{background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 50%,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--bg-base);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-body{padding:var(--space-8)}.diff-added{outline:2px solid #22c55e}.diff-removed{outline:2px solid #ef4444}.diff-modified{outline:2px solid #6366f1}.variantlab-diff-highlight{outline:2px solid #6366f1;outline-offset:2px;position:relative;z-index:9999;box-shadow:0 0 12px rgba(99,102,241,.6)}