.theme-designer__info-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--color-bg-alt, #F5EEFA);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.theme-designer__info-bar svg{flex-shrink:0;opacity:.6}.theme-designer__tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.theme-designer__tab{padding:var(--space-sm) var(--space-md);border:none;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.theme-designer__tab:hover{color:var(--color-text)}.theme-designer__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.theme-designer__split{display:grid;grid-template-columns:1fr 400px;gap:var(--space-lg);align-items:start}.theme-designer__split--no-preview{grid-template-columns:1fr}.theme-designer__editor{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.theme-designer__preview{position:sticky;top:var(--space-lg)}.theme-designer__section{padding:var(--space-lg)}.theme-designer__section-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.theme-designer__section-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-md)}.theme-designer__section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:none;cursor:pointer;color:var(--color-text-muted);margin-bottom:var(--space-md)}.color-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.preset-picker{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.preset-picker__card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:100px}.preset-picker__card:hover{border-color:var(--color-accent)}.preset-picker__card--active{border-color:var(--color-accent);box-shadow:0 0 0 2px #c8963e33}.preset-picker__dots{display:flex;gap:3px}.preset-picker__dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.preset-picker__name{font-size:var(--text-xs);font-weight:500;color:var(--color-text);text-align:center;white-space:nowrap}.harmony-tool__controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.harmony-tool__preview{display:flex;align-items:center;gap:var(--space-md)}.harmony-tool__swatches{display:flex;gap:var(--space-xs);flex:1}.harmony-tool__swatch{flex:1;height:48px;border-radius:var(--radius-sm);display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;border:1px solid rgba(0,0,0,.08)}.harmony-tool__swatch span{font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.contrast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}.contrast-grid__cell{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.contrast-grid__sample{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;flex-shrink:0;border:1px solid rgba(0,0,0,.06)}.contrast-grid__info{display:flex;flex-direction:column;gap:1px;min-width:0}.contrast-grid__label{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contrast-grid__ratio{font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.contrast-grid__badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);width:fit-content}.contrast-grid__badge--aaa{background:#22c55e26;color:#16a34a}.contrast-grid__badge--aa{background:#c8963e26;color:#b8860b}.contrast-grid__badge--fail{background:#ef444426;color:#dc2626}.contrast-grid__fail-count{font-size:var(--text-xs);font-weight:500;color:#dc2626;margin-left:var(--space-sm)}.font-pairing-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.font-pairing-picker__card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;transition:border-color .15s ease;text-align:center}.font-pairing-picker__card:hover{border-color:var(--color-accent)}.font-pairing-picker__card--active{border-color:var(--color-accent);box-shadow:0 0 0 2px #c8963e33}.font-pairing-picker__heading{font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1.2}.font-pairing-picker__body{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.3}.font-pairing-picker__name{font-size:10px;color:var(--color-text-muted);margin-top:var(--space-xs);font-weight:500}.token-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.token-grid__row{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:var(--space-sm)}.token-grid__row--shadow{grid-template-columns:180px 1fr 48px}.token-grid__label{font-size:var(--text-xs);font-family:var(--font-mono, monospace);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-grid__hint{display:block;font-family:var(--font-body, sans-serif);font-size:10px;color:var(--color-text-muted);opacity:.7;margin-top:1px}.token-grid__input{font-size:var(--text-sm)!important;padding:var(--space-xs) var(--space-sm)!important}.token-grid__preview-text{font-weight:600;color:var(--color-text);line-height:1}.spacing-bar{height:12px;background:var(--color-accent);border-radius:2px;opacity:.3;min-width:4px;max-width:200px}.radius-preview{width:32px;height:32px;background:var(--color-primary, #4A2D6B);opacity:.2}.shadow-preview{width:40px;height:40px;background:var(--color-bg-card, white);border-radius:var(--radius-sm)}.theme-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-size:12px;line-height:1.5}.theme-preview__label{padding:var(--space-xs) var(--space-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.theme-preview__hero{background:var(--p-color-bg-dark, #2D1B4E);padding:24px 20px;text-align:center}.theme-preview__hero-label{font-family:var(--p-font-body, sans-serif);font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--p-color-secondary-light, #A8DDD5);text-transform:uppercase;display:block;margin-bottom:8px}.theme-preview__hero-heading{font-family:var(--p-font-heading, Georgia, serif);font-size:20px;font-weight:700;color:var(--p-color-text-inverse, white);line-height:1.15;margin-bottom:6px}.theme-preview__hero-sub{font-family:var(--p-font-body, sans-serif);font-size:11px;color:var(--p-color-text-inverse, white);opacity:.8;margin-bottom:12px}.theme-preview__hero-buttons{display:flex;gap:8px;justify-content:center}.theme-preview__hero-cta{display:inline-block;font-family:var(--p-font-body, sans-serif);font-size:var(--p-btn-font-size, 11px);font-weight:var(--p-btn-font-weight, 600);padding:var(--p-btn-padding, 6px 16px);background:var(--p-color-accent, #F5A0C0);color:var(--p-btn-text, var(--p-color-text-inverse, white));border:none;border-radius:var(--p-btn-radius, var(--p-radius-pill, 40px));box-shadow:var(--p-btn-shadow, none);cursor:default}.theme-preview__hero-cta-outline{display:inline-block;font-family:var(--p-font-body, sans-serif);font-size:var(--p-btn-font-size, 11px);font-weight:var(--p-btn-font-weight, 600);padding:var(--p-btn-padding, 6px 16px);background:transparent;color:var(--p-color-text-inverse, white);border:1.5px solid var(--p-color-text-inverse, white);border-radius:var(--p-btn-radius, var(--p-radius-pill, 40px));cursor:default;opacity:.85}.theme-preview__content-buttons{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.theme-preview__btn-primary{font-family:var(--p-font-body, sans-serif);font-size:var(--p-btn-font-size, 10px);font-weight:var(--p-btn-font-weight, 600);padding:var(--p-btn-padding, 5px 12px);background:var(--p-color-accent, #F5A0C0);color:var(--p-btn-text, var(--p-color-text-inverse, white));border:none;border-radius:var(--p-btn-radius, var(--p-radius-pill, 40px));box-shadow:var(--p-btn-shadow, none);cursor:default}.theme-preview__btn-secondary{font-family:var(--p-font-body, sans-serif);font-size:var(--p-btn-font-size, 10px);font-weight:var(--p-btn-font-weight, 600);padding:var(--p-btn-padding, 5px 12px);background:var(--p-color-secondary, #7ECBC0);color:var(--p-btn-text, var(--p-color-text-inverse, white));border:none;border-radius:var(--p-btn-radius, var(--p-radius-pill, 40px));cursor:default}.theme-preview__btn-ghost{font-family:var(--p-font-body, sans-serif);font-size:var(--p-btn-font-size, 10px);font-weight:var(--p-btn-font-weight, 600);padding:var(--p-btn-padding, 5px 12px);background:transparent;color:var(--p-color-primary, #4A2D6B);border:1.5px solid var(--p-color-border, #D4B8E8);border-radius:var(--p-btn-radius, var(--p-radius-pill, 40px));cursor:default}.theme-preview__content{background:var(--p-color-bg, #FDF8FF);padding:16px 20px}.theme-preview__content-heading{font-family:var(--p-font-heading, Georgia, serif);font-size:15px;font-weight:700;color:var(--p-color-primary, #4A2D6B);margin-bottom:6px}.theme-preview__content-text{font-family:var(--p-font-body, sans-serif);font-size:11px;color:var(--p-color-text, #3D3D3D);margin-bottom:6px}.theme-preview__content-text--light{color:var(--p-color-text-light, #6B6B6B)}.theme-preview__link{color:var(--p-color-accent, #F5A0C0);text-decoration:underline}.theme-preview__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 20px;background:var(--p-color-bg-alt, #F5EEFA)}.theme-preview__card{background:var(--p-color-bg-card, white);border:1px solid var(--p-color-border, #D4B8E8);border-radius:var(--p-radius-md, 16px);padding:10px;text-align:center}.theme-preview__card-icon{width:20px;height:20px;border-radius:50%;background:var(--p-color-secondary, #7ECBC0);margin:0 auto 6px;opacity:.6}.theme-preview__card-title{font-family:var(--p-font-heading, Georgia, serif);font-size:11px;font-weight:700;color:var(--p-color-primary, #4A2D6B);margin-bottom:3px}.theme-preview__card-text{font-family:var(--p-font-body, sans-serif);font-size:10px;color:var(--p-color-text-light, #6B6B6B)}.theme-preview__footer{background:var(--p-color-bg-dark, #2D1B4E);padding:10px 20px;text-align:center}.theme-preview__footer-text{font-family:var(--p-font-body, sans-serif);font-size:10px;color:var(--p-color-text-inverse, white);opacity:.7}@media(max-width:1024px){.theme-designer__split{grid-template-columns:1fr}.theme-designer__preview{position:static}}@media(max-width:768px){.harmony-tool__controls,.color-group__grid{grid-template-columns:1fr}.token-grid__row{grid-template-columns:1fr;gap:var(--space-xs)}.token-grid__row--shadow,.contrast-grid{grid-template-columns:1fr}.font-pairing-picker{grid-template-columns:repeat(2,1fr)}.theme-preview__cards{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}:root{--color-primary: #4A2D6B;--color-primary-hover: #3A2256;--color-primary-light: #F3EEFA;--color-accent: #AD4A7A;--color-accent-hover: #943F68;--color-secondary: #7ECBC0;--color-secondary-hover: #5BA89E;--color-secondary-light: #A8DDD5;--color-danger: #D94452;--color-danger-hover: #C03040;--color-success: #2F9E6A;--color-warning: #E5A100;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-surface-hover: #F7F5FA;--color-sidebar: #3A2256;--color-sidebar-hover: #4A2D6B;--color-sidebar-text: #C4B3D8;--color-sidebar-text-active: #FFFFFF;--color-text: #3D3D3D;--color-text-secondary: #6B6B6B;--color-text-muted: #7B4F99;--color-text-inverse: #FFFFFF;--color-border: #E5DDE8;--color-border-strong: #CABDD0;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--sidebar-width: 260px;--topbar-height: 60px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(74, 45, 107, .04), 0 1px 3px rgba(74, 45, 107, .06);--shadow-md: 0 2px 4px rgba(74, 45, 107, .04), 0 4px 12px rgba(74, 45, 107, .08);--shadow-lg: 0 4px 8px rgba(74, 45, 107, .04), 0 12px 32px rgba(74, 45, 107, .1);--shadow-xl: 0 8px 16px rgba(74, 45, 107, .06), 0 24px 48px rgba(74, 45, 107, .12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.25}#root{min-height:100vh}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-text-secondary);font-size:var(--text-lg)}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary-light);color:var(--color-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;line-height:1.5}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:0 1px 2px #ad4a7a33}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 2px 8px #ad4a7a40;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #ad4a7a33}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover);transform:translateY(-1px)}.btn--danger:active:not(:disabled){transform:translateY(0)}.btn--outline{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-input{width:100%;padding:.5rem var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a2d6b1a}.form-input::placeholder{color:var(--color-text-muted)}.form-input--error{border-color:var(--color-danger)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.card--interactive{transition:box-shadow var(--transition-base),transform var(--transition-base)}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);background:var(--color-sidebar);background-image:radial-gradient(circle at 20% 80%,rgba(173,74,122,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(126,203,192,.06) 0%,transparent 50%)}.auth-card{width:100%;max-width:400px}.auth-card__header{text-align:center;margin-bottom:var(--space-2xl)}.auth-card__title{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-sidebar-text)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-muted);font-size:var(--text-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);display:flex;flex-direction:column;overflow:hidden;z-index:100}.sidebar__nav{flex:1;overflow-y:auto;min-height:0;padding-bottom:var(--space-md)}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar__brand{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__brand-name{font-size:var(--text-lg);font-weight:700;color:var(--color-secondary);letter-spacing:-.01em}.sidebar__section{padding:var(--space-sm) var(--space-md)}.sidebar__section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff6;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs)}.sidebar__section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;color:inherit;border-radius:var(--radius-md)}.sidebar__section-toggle:hover{background:#ffffff0a}.sidebar__section-toggle .sidebar__section-label{margin-bottom:0}.sidebar__section-chevron{font-size:var(--text-xs);color:#ffffff59;flex-shrink:0;padding-right:var(--space-md);transition:color var(--transition-fast)}.sidebar__section-toggle:hover .sidebar__section-chevron{color:#fff9}.sidebar__link{display:flex;align-items:center;gap:var(--space-md);padding:.5rem var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-sidebar-text);transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer}.sidebar__link:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active)}.sidebar__link--active{background:var(--color-secondary-light);color:var(--color-primary);font-weight:600}.sidebar__footer{margin-top:auto;padding:var(--space-lg) var(--space-xl);border-top:1px solid rgba(255,255,255,.08)}.main-area{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background:var(--color-bg)}.topbar{position:sticky;top:0;height:var(--topbar-height);background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2xl);z-index:50}.topbar__title{font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.topbar__actions{display:flex;align-items:center;gap:var(--space-md)}.main-content{padding:var(--space-2xl) var(--space-3xl);max-width:1200px}.site-selector{padding:var(--space-md) var(--space-xl);border-bottom:1px solid rgba(255,255,255,.08)}.site-selector select{width:100%;padding:.5rem var(--space-md);background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.content-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.content-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-light);color:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-xl);flex-shrink:0}.content-card__text h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.content-card__text p{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.freshness-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full, 999px);margin-top:4px}.freshness-badge--fresh{color:var(--color-success, #22c55e);background:#22c55e1a}.freshness-badge--recent{color:var(--color-info, #3b82f6);background:#3b82f61a}.freshness-badge--aging{color:var(--color-warning, #e5a100);background:#e5a1001a}.freshness-badge--stale{color:var(--color-danger, #ef4444);background:#ef44441a}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.stat-card{padding:var(--space-xl)}.stat-card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.stat-card__value{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge--success{background:#dcfce7;color:#166534}.badge--warning{background:#fef3c7;color:#92400e}.badge--danger{background:#fee2e2;color:#991b1b}.badge--info{background:var(--color-primary-light);color:var(--color-primary)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.table{width:100%;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-md) var(--space-lg);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-surface-hover)}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);color:var(--color-text-secondary)}.empty-state__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.empty-state__text{margin-bottom:var(--space-xl)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl)}.page-header__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.form-fieldset{border:none;display:flex;flex-direction:column;gap:var(--space-lg);padding:0;margin:0}.form-fieldset legend{font-weight:700;font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-md)}.table-actions{display:flex;gap:var(--space-sm)}.section-heading{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg)}.content-editor{padding-bottom:96px}.content-editor__sections{display:flex;flex-direction:column;gap:var(--space-md)}.section-editor{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.section-editor__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text);gap:var(--space-md)}.section-editor__header:hover .section-editor__chevron{color:var(--color-text)}.section-editor__title{font-size:var(--text-base);font-weight:700;color:var(--color-primary);margin:0}.section-editor__description{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.section-editor__chevron{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0;transition:color var(--transition-fast)}.section-editor__body{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.section-editor--nested{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:2px;box-shadow:none;background:var(--color-surface-hover)}.section-editor--nested .section-editor__title{font-size:var(--text-sm)}.section-editor--nested .section-editor__body{border-top:1px solid var(--color-border)}.field-row{display:flex;flex-direction:column;gap:2px}.field-required{color:var(--color-danger);margin-left:2px}.save-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;padding:var(--space-lg) var(--space-2xl);background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;z-index:40;transform:translateY(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.save-bar--visible{transform:translateY(0)}.save-bar__message{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.save-bar__actions{display:flex;gap:var(--space-md)}.toggle{display:flex;align-items:center;justify-content:space-between}.toggle__label{margin:0}.toggle__switch{position:relative;width:44px;height:24px;background:var(--color-border-strong);border:none;border-radius:var(--radius-full);cursor:pointer;padding:0;transition:background var(--transition-fast);flex-shrink:0}.toggle__switch--on{background:var(--color-primary)}.toggle__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle__switch--on .toggle__knob{transform:translate(20px)}.url-field{display:flex;align-items:center;gap:var(--space-sm)}.url-field .form-input{flex:1}.url-field__link{font-size:var(--text-sm);color:var(--color-primary);flex-shrink:0;transition:color var(--transition-fast)}.url-field__link:hover{color:var(--color-accent)}.image-preview{margin-top:var(--space-sm)}.image-preview__thumb{height:56px;border-radius:var(--radius-lg);border:1px solid var(--color-border);object-fit:cover}.color-field{display:flex;align-items:center;gap:var(--space-xs)}.color-field__swatch{width:32px;height:32px;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:1px;cursor:pointer;flex-shrink:0;transition:border-color var(--transition-fast)}.color-field__swatch:hover{border-color:var(--color-border-strong)}.color-field__text{flex:1}.section-editor--nested .section-editor__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.section-editor--nested .field-row .form-label{font-size:.7rem}.section-editor--nested .color-field__text{font-size:var(--text-xs)}.fonts-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.fonts-editor__card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.fonts-editor__card--expanded{border-color:var(--color-primary);box-shadow:0 0 0 1px #4a2d6b1a}.fonts-editor__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface-hover);border:none;cursor:pointer;text-align:left;color:var(--color-text);gap:var(--space-sm)}.fonts-editor__header:hover{background:var(--color-primary-light)}.fonts-editor__header-left{display:flex;align-items:baseline;gap:var(--space-sm);min-width:0}.fonts-editor__header-right{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.fonts-editor__role{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);white-space:nowrap}.fonts-editor__family{font-size:var(--text-sm);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fonts-editor__weights-badge{font-size:.65rem;color:var(--color-text-muted);background:var(--color-surface);padding:1px 6px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.fonts-editor__preview{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:baseline;gap:var(--space-md)}.fonts-editor__preview-sample{font-size:var(--text-xs);color:var(--color-text-light);line-height:1.4}.fonts-editor__preview-sample--lg{font-size:var(--text-xl);color:var(--color-text);line-height:1.2}.fonts-editor__body{padding:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm)}.string-list{display:flex;flex-direction:column;gap:var(--space-sm)}.string-list__item{display:flex;align-items:center;gap:var(--space-sm)}.string-list__item .form-input{flex:1}.string-list__reorder{display:flex;flex-direction:column;gap:0}.string-list__reorder .btn{padding:0 var(--space-xs);font-size:var(--text-xs);line-height:1}.string-list__add{align-self:flex-start}.object-array{display:flex;flex-direction:column;gap:var(--space-sm)}.object-array__item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.object-array__item--expanded{border-color:var(--color-primary);box-shadow:0 0 0 1px #4a2d6b1a}.object-array__item-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;background:var(--color-surface-hover);gap:var(--space-sm);transition:background var(--transition-fast)}.object-array__item-header:hover{background:var(--color-primary-light)}.object-array__item-summary{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.object-array__controls{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.object-array__chevron{font-size:var(--text-xs);color:var(--color-text-muted)}.object-array__item-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);border-top:1px solid var(--color-border)}.object-array__add{align-self:flex-start}.sidebar-backdrop{display:none}.topbar__left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.topbar__left .topbar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__menu-btn{display:none;align-items:center;justify-content:center;padding:var(--space-sm);background:none;border:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0;min-width:44px;min-height:44px}.topbar__menu-btn:hover{background:var(--color-surface-hover)}.sidebar__email{font-size:var(--text-xs);color:var(--color-sidebar-text);margin-bottom:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__signout{display:flex;align-items:center;gap:var(--space-sm);flex:1;padding:var(--space-sm) var(--space-md);background:none;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-sidebar-text);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar__signout:hover{background:#ffffff14;color:var(--color-sidebar-text-active);border-color:#fff3}.quick-links{display:flex;flex-direction:column;gap:var(--space-xs)}.quick-links__item{display:block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast)}.quick-links__item:hover{background:var(--color-primary-light);color:var(--color-primary)}.publish-actions{display:flex;gap:var(--space-md)}.hp-field{position:absolute;left:-9999px}.deploy-runs{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.deploy-runs__title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.deploy-runs__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.deploy-run{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-sm)}.deploy-run__status{width:20px;text-align:center;font-weight:700;flex-shrink:0}.deploy-run__status--success{color:var(--color-success)}.deploy-run__status--failure{color:var(--color-error)}.deploy-run__status--active{color:var(--color-accent);animation:spin 1s linear infinite}.deploy-run__status--pending,.deploy-run__status--neutral{color:var(--color-text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deploy-run__label{flex:1;font-weight:500;color:var(--color-text)}.deploy-run__time{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.deploy-run__link{font-size:var(--text-xs);color:var(--color-accent);font-weight:500;flex-shrink:0}.deploy-run__link:hover{text-decoration:underline}.drop-zone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);margin-bottom:var(--space-2xl)}.drop-zone:hover,.drop-zone--active{border-color:var(--color-accent);background:var(--color-primary-light);color:var(--color-primary)}.drop-zone__icon{display:block;margin-bottom:var(--space-sm)}.drop-zone__label{display:block;font-size:var(--text-sm);font-weight:600}.drop-zone__hint{display:block;font-size:var(--text-xs);margin-top:var(--space-xs);color:var(--color-text-muted)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.image-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.image-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-card__thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--color-surface-hover);display:block}.image-card__thumb--placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--color-surface-hover);color:var(--color-text-muted)}.image-card__body{padding:var(--space-md)}.image-card__name{font-size:var(--text-xs);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.image-card__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.image-card__actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:760px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__title{font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.modal__close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-xl);line-height:1;padding:var(--space-xs);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.modal__close:hover{color:var(--color-text);background:var(--color-surface-hover)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-xl)}.modal--detail{max-width:640px}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);flex-shrink:0}.image-detail__preview{text-align:center;margin-bottom:var(--space-xl);background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-lg)}.image-detail__img{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md)}.image-detail__meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.image-detail__meta-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);gap:var(--space-md)}.image-detail__meta-label{font-weight:600;color:var(--color-text-muted);flex-shrink:0}.image-detail__path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);word-break:break-all}.image-detail__usage{margin-top:var(--space-lg)}.image-detail__usage-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.image-detail__usage-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.image-detail__usage-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text);gap:var(--space-md);transition:background var(--transition-fast),color var(--transition-fast)}.image-detail__usage-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.image-detail__usage-field{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400;text-align:right}.image-card--clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.image-card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-field__usage-hint{font-style:italic}.quiz-section__body{padding-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.quiz-question{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--color-surface-hover)}.quiz-question__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.quiz-question__number{font-weight:700;font-size:var(--text-sm);color:var(--color-primary);background:var(--color-primary-light);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-question__controls{display:flex;gap:var(--space-xs);align-items:center}.quiz-question__remove{color:var(--color-error)!important}.quiz-options{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.quiz-option__row{display:flex;align-items:center;gap:var(--space-sm)}.quiz-option__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs);padding-top:var(--space-xs)}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.tag-chip__remove{background:none;border:none;cursor:pointer;color:inherit;font-size:10px;padding:0;line-height:1;opacity:.6}.tag-chip__remove:hover{opacity:1}.tag-input{font-size:var(--text-xs);padding:2px 6px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);min-width:60px;max-width:100px}.tag-input:focus{border-color:var(--color-accent);outline:none}.quiz-diagnosis{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--color-surface-hover)}.quiz-diagnosis__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.quiz-diagnosis__emoji{font-size:var(--text-xl)}.quiz-diagnosis__key-input{font-family:var(--font-mono);font-size:var(--text-xs)!important;max-width:200px;color:var(--color-primary);font-weight:600}.quiz-diagnosis__fields{display:flex;flex-direction:column;gap:var(--space-sm)}.section-toggle{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;cursor:pointer;padding:0;width:100%;text-align:left}.section-toggle__icon{color:var(--color-text-muted);font-size:var(--text-sm);width:16px}.section-toggle__label{font-size:var(--text-md);font-weight:700;color:var(--color-text)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.main-area{margin-left:0}.topbar__menu-btn{display:flex}.topbar{padding:0 var(--space-lg)}.main-content{padding:var(--space-lg)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.content-grid,.dashboard-grid{grid-template-columns:1fr}.publish-actions{flex-direction:column}.publish-actions .btn{width:100%}.save-bar{left:0;padding:var(--space-md) var(--space-lg)}.auth-layout{padding:var(--space-lg)}.table th,.table td{padding:var(--space-sm) var(--space-md)}.section-editor{padding:var(--space-lg)}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}@media(max-width:480px){.main-content{padding:var(--space-md)}.card{padding:var(--space-lg);border-radius:var(--radius-lg)}.page-header__title{font-size:var(--text-xl)}.topbar__title{font-size:var(--text-base)}.auth-layout{padding:var(--space-md)}.auth-card__title,.stat-card__value{font-size:var(--text-xl)}.table th,.table td{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.empty-state{padding:var(--space-xl) var(--space-md)}.section-editor{padding:var(--space-md);border-radius:var(--radius-md)}.object-array__item-body{padding:var(--space-sm)}.section-editor--nested .section-editor__body{grid-template-columns:1fr}}.account-page{max-width:560px}.account-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-2xl)}.account-info__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.account-info__row+.account-info__row{border-top:1px solid var(--color-border)}.account-info__label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.account-info__value{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.account-info__role{text-transform:capitalize}.account-section h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-lg)}.account-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.account-form .btn{align-self:flex-start;margin-top:var(--space-sm)}.password-rules{list-style:none;padding:0;margin:var(--space-sm) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg)}.password-rules__item{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-xs);transition:color var(--transition-fast)}.password-rules__item--pass{color:var(--color-success, #22c55e)}.password-rules__item--fail{color:var(--color-text-secondary)}.password-rules__icon{font-weight:700;width:14px;text-align:center}.field-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-xs)}.sidebar__footer-actions{display:flex;gap:var(--space-xs)}.sidebar__account-link{display:flex;align-items:center;gap:var(--space-sm);flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--color-sidebar-text);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar__account-link:hover{background:#ffffff14;color:var(--color-sidebar-text-active);border-color:#fff3}.unpublished-dot{width:8px;height:8px;border-radius:50%;background:var(--color-warning);flex-shrink:0;margin-left:auto}.unpublished-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#fef3c7;border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:#78590a}.unpublished-banner__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-warning);color:#fff;font-weight:700;font-size:var(--text-xs);flex-shrink:0}.unpublished-banner__text{flex:1}@media(max-width:480px){.unpublished-banner{flex-wrap:wrap}.unpublished-banner .btn{width:100%}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.blog-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.blog-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin:0}.blog-card__status{flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.blog-card__status--draft{color:var(--color-warning);background:#e5a1001a}.blog-card__status--published{color:var(--color-success, #22c55e);background:#22c55e1a}.blog-card__meta{display:flex;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.blog-card__meta span+span:before{content:"·";margin-right:var(--space-sm)}.blog-card__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-md);flex:1}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.blog-card__tag{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-alt);padding:2px 8px;border-radius:var(--radius-full)}.blog-card__image{margin:calc(-1 * var(--space-xl)) calc(-1 * var(--space-xl)) var(--space-md);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;aspect-ratio:16 / 9;background:var(--color-bg-alt)}.blog-card__image img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.blog-editor__layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-lg);align-items:start}.blog-editor__content{min-width:0}.blog-editor__content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.blog-editor__sidebar{position:sticky;top:var(--space-lg)}.blog-editor__meta-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;cursor:pointer;padding:0;margin-bottom:var(--space-md)}.blog-editor__meta-fields{display:flex;flex-direction:column;gap:var(--space-xs)}.blog-editor__body-stats{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-sm);text-align:right}.rich-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.rich-editor__toolbar{display:flex;gap:2px;padding:var(--space-xs);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.rich-editor__toolbar button{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;min-width:32px}.rich-editor__toolbar button:hover{background:var(--color-surface);color:var(--color-text)}.rich-editor__toolbar button.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-border)}.rich-editor__toolbar-sep{width:1px;background:var(--color-border);margin:2px var(--space-xs)}.rich-editor__content .tiptap{padding:var(--space-lg);min-height:400px;outline:none;line-height:1.7;color:var(--color-text);font-size:var(--text-sm)}.rich-editor__content .tiptap:focus{box-shadow:none}.rich-editor__content .tiptap>*+*{margin-top:var(--space-sm)}.rich-editor__content .tiptap h1,.rich-editor__content .tiptap h2,.rich-editor__content .tiptap h3{line-height:1.3;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.rich-editor__content .tiptap h1{font-size:var(--text-2xl, 1.5rem);font-weight:700}.rich-editor__content .tiptap h2{font-size:var(--text-xl, 1.25rem);font-weight:600}.rich-editor__content .tiptap h3{font-size:var(--text-lg, 1.125rem);font-weight:600}.rich-editor__content .tiptap p{margin-bottom:var(--space-sm)}.rich-editor__content .tiptap ul,.rich-editor__content .tiptap ol{padding-left:var(--space-xl);margin-bottom:var(--space-md)}.rich-editor__content .tiptap li{margin-bottom:var(--space-xs)}.rich-editor__content .tiptap blockquote{border-left:3px solid var(--color-border);padding-left:var(--space-md);color:var(--color-text-secondary);font-style:italic;margin:var(--space-md) 0}.rich-editor__content .tiptap a{color:var(--color-primary);text-decoration:underline}.rich-editor__content .tiptap strong{font-weight:600}.rich-editor__content .tiptap code{background:var(--color-bg-alt);padding:2px 4px;border-radius:var(--radius-sm);font-size:.9em;font-family:var(--font-mono, monospace)}.rich-editor__content .tiptap pre{background:var(--color-bg-alt);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-md) 0}.rich-editor__content .tiptap pre code{background:transparent;padding:0}.rich-editor__content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);pointer-events:none;height:0}.blog-editor__tags-input{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:42px;cursor:text}.blog-editor__tags-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a2d6b1a}.blog-editor__tags-input input{border:none;outline:none;background:transparent;font-size:var(--text-sm);flex:1;min-width:80px;padding:var(--space-xs) 0}.blog-editor__tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-alt);padding:2px 6px 2px 8px;border-radius:var(--radius-full)}.blog-editor__tag button{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1;opacity:.6}.blog-editor__tag button:hover{opacity:1}@media(max-width:768px){.blog-grid,.blog-editor__layout{grid-template-columns:1fr}.blog-editor__sidebar{position:static}}.modal--welcome{max-width:480px}.modal--welcome .modal__body{padding:var(--space-xl)}.modal--welcome .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.modal--welcome .form-group label{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.modal--welcome .form-group input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.modal--welcome .form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ad4a7a1a}.getting-started{margin-bottom:var(--space-xl)}.getting-started__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.getting-started__title{font-weight:700;font-size:var(--text-lg);color:var(--color-primary);margin:0;flex:1}.getting-started__progress{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.getting-started__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.getting-started__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:background-color var(--transition-fast)}.getting-started__item:hover{background:var(--color-hover)}.getting-started__item--done{color:var(--color-text-secondary);text-decoration:line-through}.getting-started__check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.getting-started__item:not(.getting-started__item--done) .getting-started__check{color:var(--color-text-secondary);border:2px solid var(--color-border-strong)}.getting-started__item--done .getting-started__check{background:var(--color-success);color:var(--color-text-inverse);border:none}.getting-started__link{color:var(--color-accent);text-decoration:none;font-weight:500}.getting-started__link:hover{text-decoration:underline}.onboarding-hint{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-primary-light);border:1px solid var(--color-border);border-left:3px solid var(--color-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.onboarding-hint__text{flex:1}