*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--primary-600: #8b5cf6;--primary-hover: #5856eb;--secondary-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--black: #000000;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--cream: #FAF7F2;--paper: #F4EFE6;--ink: #15110D;--ink-soft: #2A241E;--muted: #6B6358;--rule: #E5DED2;--accent: #C24A2C;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--gray-50);color:var(--gray-900);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:.5rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{background-color:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-900)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.input{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .4s ease}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:p-8{padding:2rem}}@media (min-width: 1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-color-scheme: dark){body{background-color:var(--gray-900);color:var(--gray-100)}}.ed-page{background:var(--cream);color:var(--ink);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased}.ed-page-paper{background:var(--paper)}.ed-container{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,5vw,5rem)}.ed-container-narrow{width:100%;max-width:760px;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem)}.ed-container-prose{width:100%;max-width:680px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.ed-stack{display:flex;flex-direction:column}.ed-row{display:flex;align-items:center}.ed-row-between{display:flex;align-items:center;justify-content:space-between}.ed-gap-1{gap:.5rem}.ed-gap-2{gap:1rem}.ed-gap-3{gap:1.5rem}.ed-gap-4{gap:2rem}.ed-gap-6{gap:3rem}.ed-page-top{padding-top:clamp(6rem,11vh,9rem)}.ed-page-bottom{padding-bottom:clamp(5rem,10vh,8rem)}.ed-section{padding:clamp(4rem,8vh,6rem) 0;border-top:1px solid var(--rule)}.ed-section-tight{padding:clamp(2.5rem,5vh,4rem) 0;border-top:1px solid var(--rule)}.ed-section-paper{background:var(--paper)}.ed-eyebrow{font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 1.25rem}.ed-display{font-family:var(--font-serif);font-weight:500;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin:0 0 1.5rem;font-variation-settings:"opsz" 144;text-wrap:balance}.ed-h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(2.25rem,4.8vw,3.5rem);line-height:1.06;letter-spacing:-.02em;color:var(--ink);margin:0 0 1.5rem;font-variation-settings:"opsz" 100;text-wrap:balance}.ed-h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.12;letter-spacing:-.018em;color:var(--ink);margin:0 0 1rem;font-variation-settings:"opsz" 60;text-wrap:balance}.ed-h3{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.35rem,2.2vw,1.65rem);line-height:1.18;letter-spacing:-.012em;color:var(--ink);margin:0 0 .75rem;font-variation-settings:"opsz" 36}.ed-italic{font-style:italic;font-weight:400}.ed-lede{font-family:var(--font-sans);font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.55;color:var(--ink-soft);margin:0 0 2rem;max-width:56ch}.ed-meta{font-family:var(--font-sans);font-size:.82rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ed-byline{display:flex;align-items:center;gap:.6rem;font-family:var(--font-sans);font-size:.92rem;color:var(--muted);margin:0 0 2.5rem}.ed-byline-dot{width:3px;height:3px;background:var(--muted);border-radius:50%;opacity:.6}.ed-prose{font-family:var(--font-sans);font-size:1.08rem;line-height:1.72;color:var(--ink-soft)}.ed-prose>*+*{margin-top:1.4em}.ed-prose p{margin:0}.ed-prose strong{color:var(--ink);font-weight:600}.ed-prose em{font-style:italic}.ed-prose a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);transition:opacity .16s ease}.ed-prose a:hover{opacity:.6}.ed-prose h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.18;letter-spacing:-.015em;color:var(--ink);font-variation-settings:"opsz" 48;margin-top:2.5em;text-wrap:balance}.ed-prose h3{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.22;letter-spacing:-.012em;color:var(--ink);font-variation-settings:"opsz" 36;margin-top:2em}.ed-prose h4{font-family:var(--font-sans);font-weight:600;font-size:1.08rem;color:var(--ink);margin-top:2em}.ed-prose ul,.ed-prose ol{padding-left:1.4em;margin:0}.ed-prose li{margin:.5em 0}.ed-prose li::marker{color:var(--muted)}.ed-prose blockquote{border-left:2px solid var(--ink);padding:.3em 0 .3em 1.4em;margin:1.5em 0;font-family:var(--font-serif);font-style:italic;font-size:1.2em;line-height:1.5;color:var(--ink)}.ed-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--paper);padding:.1em .4em;border-radius:3px;color:var(--ink)}.ed-prose pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--ink);color:var(--cream);padding:1.5em;border-radius:8px;font-size:.9em;line-height:1.55;overflow-x:auto}.ed-prose pre code{background:transparent;padding:0;color:inherit}.ed-prose hr{border:0;border-top:1px solid var(--rule);margin:3em 0}.ed-btn-primary{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.4rem;border-radius:999px;background:var(--ink);color:var(--cream);font-family:var(--font-sans);font-size:.95rem;font-weight:500;border:1px solid var(--ink);cursor:pointer;transition:transform .16s ease,background .16s ease;text-decoration:none;white-space:nowrap}.ed-btn-primary:hover{background:var(--ink-soft);transform:translateY(-1px)}.ed-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ed-btn-outline{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.35rem;border-radius:999px;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.95rem;font-weight:500;border:1px solid var(--ink);cursor:pointer;transition:background .16s ease,color .16s ease;text-decoration:none;white-space:nowrap}.ed-btn-outline:hover{background:var(--ink);color:var(--cream)}.ed-btn-text{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:.95rem;font-weight:500;color:var(--ink);text-decoration:none;border:0;border-bottom:1px solid var(--ink);padding:.15rem 0 .2rem;background:transparent;cursor:pointer;transition:opacity .16s ease}.ed-btn-text:hover{opacity:.6}.ed-card{background:var(--cream);border:1px solid var(--rule);border-radius:12px;padding:2rem;transition:background .2s ease,border-color .2s ease}.ed-card:hover{background:#fff}.ed-surface{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1.5rem}.ed-divider{height:1px;background:var(--rule);border:0;margin:0}.ed-rule-top{border-top:1px solid var(--rule)}.ed-rule-bottom{border-bottom:1px solid var(--rule)}.ed-rule-ink-top{border-top:1px solid var(--ink)}.ed-pill{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:999px;padding:.3rem .75rem}.ed-pill-soft{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--paper);border-radius:999px;padding:.3rem .75rem}.ed-grid-2,.ed-grid-3{display:grid;grid-template-columns:1fr;gap:1px;background:var(--rule);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}@media (min-width: 720px){.ed-grid-2,.ed-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1080px){.ed-grid-3{grid-template-columns:repeat(3,1fr)}}.ed-grid-cell{background:var(--cream);padding:2rem;display:flex;flex-direction:column}.ed-table{width:100%;border-collapse:collapse;font-family:var(--font-sans)}.ed-table th,.ed-table td{text-align:left;padding:1rem 1.25rem;border-bottom:1px solid var(--rule);color:var(--ink-soft);font-size:.95rem}.ed-table th{font-family:var(--font-serif);font-weight:500;color:var(--ink);font-variation-settings:"opsz" 36;border-bottom:1px solid var(--ink)}.ed-input{width:100%;padding:.85rem 1rem;border:1px solid var(--rule);border-radius:10px;font-family:var(--font-sans);font-size:.95rem;color:var(--ink);background:#fff;transition:border-color .16s ease}.ed-input:focus{outline:none;border-color:var(--ink)}.ed-label{display:block;font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.ed-center{min-height:calc(100vh - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.25rem}@media (prefers-reduced-motion: reduce){.ed-btn-primary,.ed-btn-outline,.ed-btn-text,.ed-card{transition:none}}.color-picker-page-wrapper,.color-detail-page,.colors-page-wrapper,.colors-page,.palette-page-wrapper,.palette-page,.gradients-page,.gradients-showcase-page,.image-color-picker-page,.accessibility-page,.generator-page,.dashboard-page,.settings-page,.success-page,.pro-pricing-page,.palettes-page,.blog-page{background:var(--cream)!important;color:var(--ink)!important;font-family:var(--font-sans)!important}.color-detail-page .colors-page,.palette-page-wrapper .palette-page{background:var(--cream)!important}.colors-page .page-header h1,.color-detail-page .page-header h1,.color-picker-page .page-header h1,.palette-page .page-header h1,.gradients-page .page-header h1,.gradients-showcase-page .page-header h1,.image-color-picker-page .page-header h1,.accessibility-page .page-header h1,.generator-page .page-header h1,.dashboard-page .page-header h1,.settings-page .page-header h1,.success-page .page-header h1,.pro-pricing-page .pricing-hero h1{font-family:var(--font-serif)!important;font-weight:500!important;font-size:clamp(2.25rem,5vw,3.5rem)!important;line-height:1.05!important;letter-spacing:-.02em!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;color:var(--ink)!important;font-variation-settings:"opsz" 100!important}.colors-page-wrapper h1.page-title,.colors-page-wrapper .colors-page h1:not(.ed-h1):not(.ed-display),.color-detail-page h1:not(.ed-h1):not(.ed-display):not(.color-name-display){font-family:var(--font-serif)!important;font-weight:500!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;color:var(--ink)!important}.colors-page .page-header p,.colors-page-wrapper .colors-page .page-header p,.color-picker-page .page-header p,.palette-page .page-header p,.gradients-page .page-header p,.gradients-showcase-page .page-header p,.image-color-picker-page .page-header p,.accessibility-page .page-header p,.generator-page .page-header p,.dashboard-page .page-header p,.settings-page .page-header p,.pro-pricing-page .pricing-hero p{font-family:var(--font-sans)!important;color:var(--ink-soft)!important;font-size:1.08rem!important}.gradient-btn,.primary-btn,.cta-btn,.upgrade-btn,.start-btn,.export-btn:not(.dropdown-item),.color-picker-page .control-button.primary,.gradients-page .control-button.primary,.gradient-creator .primary-cta,.success-page .success-cta,.dashboard-page .new-palette-btn{background:var(--ink)!important;color:var(--cream)!important;border:1px solid var(--ink)!important;border-radius:999px!important;box-shadow:none!important;font-weight:500!important;font-family:var(--font-sans)!important;background-image:none!important}.gradient-btn:hover,.primary-btn:hover,.cta-btn:hover,.upgrade-btn:hover,.start-btn:hover{background:var(--ink-soft)!important;color:var(--cream)!important;box-shadow:none!important}.secondary-btn,.outline-btn{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:999px!important;background-image:none!important;font-family:var(--font-sans)!important}.colors-search,.search-input,.gradients-search,.dashboard-search,.settings-search,.palette-search-input{background:#fff!important;border:1px solid var(--rule)!important;color:var(--ink)!important;font-family:var(--font-sans)!important;border-radius:10px!important;box-shadow:none!important}.colors-search:focus,.search-input:focus,.gradients-search:focus,.dashboard-search:focus,.settings-search:focus,.palette-search-input:focus{outline:none!important;border-color:var(--ink)!important;box-shadow:none!important}.view-toggle,.view-toggle-button,.filter-pill{background:transparent!important;color:var(--ink)!important;border:1px solid var(--rule)!important;border-radius:999px!important;box-shadow:none!important}.view-toggle.active,.view-toggle-button.active,.filter-pill.active{background:var(--ink)!important;color:var(--cream)!important;border-color:var(--ink)!important}.section-title,.colors-page .section-title,.dashboard-page .section-title,.gradients-page .section-title,.palettes-view .section-title{font-family:var(--font-serif)!important;font-weight:500!important;color:var(--ink)!important;font-size:1.5rem!important;letter-spacing:-.015em!important;font-variation-settings:"opsz" 36!important}.inline-link,.colors-page .page-header a,.color-detail-page a:not(.ed-btn-text):not(.ed-btn-primary):not(.ed-btn-outline),.palette-page a:not(.ed-btn-text):not(.ed-btn-primary):not(.ed-btn-outline){color:var(--ink)!important;text-decoration:none!important;border-bottom:1px solid var(--ink)!important}.inline-link:hover{opacity:.6!important}.category-pill,.category-chip,.palette-category,.color-category,.gradient-category{background:transparent!important;border:1px solid var(--rule)!important;color:var(--ink-soft)!important;border-radius:999px!important;font-family:var(--font-sans)!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-size:.7rem!important}.category-pill.active,.category-chip.active{background:var(--ink)!important;color:var(--cream)!important;border-color:var(--ink)!important}.palette-page-error,.palette-page-loading,.color-detail-loading{background:var(--cream)!important;color:var(--ink)!important;font-family:var(--font-sans)!important}.tool-page-footer,.tool-footer{border-top:1px solid var(--rule)!important;background:var(--paper)!important;color:var(--ink)!important}.dashboard-card,.settings-card,.settings-section,.dashboard-section,.palette-card,.stats-card{background:#fff!important;border:1px solid var(--rule)!important;border-radius:12px!important;box-shadow:none!important}.dashboard-card h2,.settings-card h2,.settings-section h2,.dashboard-section h2{font-family:var(--font-serif)!important;font-weight:500!important;color:var(--ink)!important;font-variation-settings:"opsz" 36!important}.color-picker-page-wrapper .picker-wrapper,.gradients-page .gradient-preview,.gradients-showcase-page .gradient-card{box-shadow:none!important}.color-detail-page h2,.color-detail-page h3{font-family:var(--font-serif)!important;font-weight:500!important;color:var(--ink)!important;letter-spacing:-.015em!important;font-variation-settings:"opsz" 36!important}.blog-page .blog-article,.blog-page .article-content{background:var(--cream)!important}@media (prefers-reduced-motion: reduce){.gradient-btn,.primary-btn,.cta-btn{transition:none!important}}.navbar.editorial .container{height:64px;max-width:1440px}.navbar.editorial .navbar-nav{gap:1.5rem}.header-quick-link{color:var(--ink-soft);font-size:.82rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.header-quick-link:hover{text-decoration:underline;text-underline-offset:5px}.navbar.editorial .navbar-tools-modal{background:#fffdf9;border:1px solid var(--rule);box-shadow:0 12px 32px #30281c18}.navbar.editorial .tool-card:hover{background:#eeeee4;color:#324e3e}.navbar.editorial .tool-card-icon{background:#eeeae2;color:#486255}.navbar.editorial .navbar-mobile-menu{top:64px;background:#faf7f2}.navbar.editorial .mobile-menu-content{max-height:calc(100dvh - 64px);padding:1rem 1.25rem}.navbar.editorial .mobile-menu-item{padding:.6rem;min-height:44px;margin-bottom:.1rem;border-radius:8px}.navbar.editorial .mobile-item-desc{font-size:.75rem;color:var(--muted)}.navbar.editorial .mobile-section-title{color:var(--muted)}.navbar.editorial .mobile-signin-btn{color:var(--ink);border-color:var(--rule);background:#fff}.navbar.editorial .mobile-pro-btn{background:var(--ink);box-shadow:none}.navbar.editorial .mobile-pro-btn .mobile-item-desc{color:#dfd9cc}.navbar-overlay{top:64px}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page){background:var(--cream);color:var(--ink);font-family:var(--font-sans)}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) :is(.image-color-picker-container,.contrast-container,.gradient-container){max-width:1240px;margin:auto;padding:100px clamp(1.25rem,4vw,3rem) 3rem;min-height:0}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) .page-header{text-align:left;margin:0 0 2rem;padding:0;animation:none}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) .page-header h1{font-family:var(--font-serif);font-size:clamp(2rem,3.4vw,3rem)!important;font-weight:500;letter-spacing:-.035em;color:var(--ink);background:none;-webkit-text-fill-color:currentColor;margin:0 0 .75rem}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) .page-header p{font-size:.95rem;line-height:1.6;max-width:65ch;margin:0;color:var(--muted);font-weight:400}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) :is(.settings-card,.preview-card){border:1px solid var(--rule);border-radius:14px;background:#fffdf9;box-shadow:none}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) .card-body{padding:1.4rem}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) :is(button,select,input):focus-visible{outline:2px solid #486255;outline-offset:3px}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) :is(select,input[type=text],input[type=number]){border-color:#d5cfc3;border-radius:7px;color:var(--ink);background-color:#fffdf9}.image-color-picker-wrapper .color-picker-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.5rem;align-items:start}.image-color-picker-wrapper :is(.settings-card,.preview-card){height:auto;min-height:400px;padding:0}.image-color-picker-wrapper .upload-area{border:1px dashed #9aab96;border-radius:10px;background:#f2f2e9;min-height:350px}.image-color-picker-wrapper .upload-label{min-height:350px}.image-color-picker-wrapper .upload-content{color:#486255;padding:2rem 1rem}.image-color-picker-wrapper .upload-content h3{font:500 1.7rem var(--font-serif);color:var(--ink)}.image-color-picker-wrapper .upload-content p{display:inline-block;background:var(--ink);color:#fff;padding:.8rem 1.1rem;border-radius:999px;font-size:.8rem}.image-color-picker-wrapper .upload-hint{display:block;color:var(--muted);font-size:.75rem;line-height:1.6}.image-color-picker-wrapper .color-preview-section{padding:1.4rem}.image-color-picker-wrapper .no-color-selected{padding:4rem 1.25rem;color:var(--muted)}.image-color-picker-wrapper .no-color-selected h3{font:500 1.5rem var(--font-serif);color:var(--ink)}.image-color-picker-wrapper .uploaded-image{max-height:500px;-o-object-fit:contain;object-fit:contain}.image-color-picker-wrapper .image-edit-palette{width:100%;min-height:44px;border:0;border-radius:8px;background:var(--ink);color:#fff;margin:1rem 0;font:inherit;cursor:pointer}.image-color-picker-wrapper .random-palette-button{background:#486255;color:#fff;border:0}.accessibility-page .contrast-layout{gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.accessibility-page .settings-card{height:auto;overflow:visible}.accessibility-page .contrast-output{min-width:0}.accessibility-page .preview-card{padding:0;height:450px}.accessibility-page .settings-row{flex-wrap:wrap}.accessibility-page .results-row{margin-bottom:0}.accessibility-page .contrast-preview-full{min-height:360px}.gradients-page .gradient-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:1.5rem;height:auto;align-items:start}.gradients-page .settings-card{height:auto;min-height:500px}.gradients-page .gradient-output{height:560px}.gradients-page .preview-card{padding:0}:is(.gradients-page,.accessibility-page) .preview-controls-top{padding:0 0 .75rem}.generator.generator .workspace-intro{max-width:1400px;margin:auto;padding:24px 24px 20px;display:flex;align-items:end;justify-content:space-between;gap:1rem}.workspace-intro p{font-size:.65rem;letter-spacing:.12em;color:var(--muted);margin:0 0 .5rem}.workspace-intro h1{font:500 clamp(1.8rem,3vw,2.6rem) var(--font-serif);letter-spacing:-.03em;margin:0}.workspace-intro>span{font-size:.8rem;color:var(--muted)}.generator.generator .generator-controls{top:64px;box-shadow:none;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);z-index:45}.generator.generator .controls-main{gap:12px}.generator.generator .main-actions{gap:6px}.generator.generator .control-btn{display:inline-flex;gap:6px;width:auto;padding:8px 10px;box-shadow:none;font-size:.8rem}.generator.generator .palette-name-input{min-width:0;width:175px;padding:10px;font-size:.85rem;font-weight:400}.generator.generator .center-controls{gap:10px}.generator.generator .control-label{font-size:.72rem}.generator.generator .auto-generate-btn{border-radius:999px}.generator.generator .generator-colors{padding:20px 24px;max-width:1440px;margin:auto}.generator.generator .palette-swatches{border-radius:14px;overflow:hidden}.generator.generator .palette-preview{padding-top:28px}.generator.generator .saved-palette-list{border:1px solid var(--rule);border-radius:10px;background:#fffdf9}.palette-library-page .ed-page-top{padding-top:100px;padding-bottom:2rem!important}.palette-library-page .ed-display{font-size:clamp(2rem,3.4vw,3rem)}.palette-library-page .ed-lede{font-size:.95rem;max-width:65ch}.palette-library-page .palettes-header{background:var(--cream);padding:1.25rem 0}.palette-library-page .palettes-search{background:#fffdf9;border:1px solid var(--rule);border-radius:12px;box-shadow:none}.palette-library-page .palette-external-controls{padding:.75rem 0;flex-wrap:wrap;gap:.5rem}.palette-library-page .palette-name-outside{font-family:var(--font-serif);font-size:1.05rem}.palette-library-page .palette-use-button{min-height:44px;padding:.5rem .7rem;border:1px solid var(--rule);border-radius:999px;background:#fffdf9;color:var(--ink);font-size:.73rem;cursor:pointer;white-space:nowrap}.palette-library-page .palette-use-button:hover{background:#eceee3}@media (max-width:1000px){.generator.generator .palette-name-section{display:none}.generator.generator .controls-main{justify-content:center}}@media (max-width:768px){.navbar.editorial .navbar-dropdown,.navbar.editorial .navbar-signin-btn,.navbar.editorial .navbar-pro-btn{display:none}.navbar.editorial .navbar-mobile-toggle{min-width:44px;min-height:44px}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) :is(.image-color-picker-container,.contrast-container,.gradient-container){padding-top:90px}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) .page-header{margin-bottom:1.5rem}:is(.image-color-picker-wrapper,.accessibility-page,.gradients-page) :is(.color-picker-layout,.contrast-layout,.gradient-layout){grid-template-columns:minmax(0,1fr);gap:1rem}.image-color-picker-wrapper :is(.settings-card,.preview-card){min-height:0}.image-color-picker-wrapper .no-color-selected{padding:1.5rem .5rem}.image-color-picker-wrapper .no-color-selected svg{display:none}.image-color-picker-wrapper :is(.upload-area,.upload-label){min-height:280px}.accessibility-page .preview-card{height:320px}.accessibility-page .contrast-preview-full{min-height:280px}.gradients-page .gradient-output{grid-row:1;height:300px}.gradients-page .settings-card{min-height:0}.generator.generator .workspace-intro{padding:20px 16px}.workspace-intro>span{display:none}.generator.generator .controls-main{display:flex;flex-direction:column;gap:8px}.generator.generator .center-controls{width:100%;grid-template-columns:auto 1fr auto}.generator.generator .auto-generate-btn{grid-column:auto;width:auto;font-size:.75rem;padding:8px 10px}.generator.generator .control-group{flex-direction:column;gap:2px}.generator.generator .main-actions{width:100%;justify-content:center;gap:3px}.generator.generator .control-btn{padding:6px;font-size:.7rem;min-width:36px}.generator.generator .generator-colors{padding:12px}.generator.generator .palette-swatch{min-height:125px}.palette-library-page .ed-page-top{padding-top:90px}}.image-color-picker-wrapper.image-color-picker-wrapper{background:var(--cream)}.image-color-picker-wrapper .color-picker-layout{height:auto;max-width:none;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.image-color-picker-wrapper .upload-label{padding:1rem;border:0;background:transparent}.image-color-picker-wrapper .upload-label:focus-visible{outline:3px solid #486255;outline-offset:4px}.gradients-page .setting-actions{display:flex;flex-wrap:wrap;gap:.75rem}.gradients-page .export-group{flex:1;min-width:150px}.gradients-page .gradient-export-toggle{position:relative;display:flex}.gradients-page :is(.copy-button,.export-toggle){background:var(--ink);border-color:var(--ink);min-height:44px;white-space:nowrap}.gradients-page .random-gradient-btn{background:#eeeee5;color:#324e3e;border:1px solid var(--rule);box-shadow:none;min-height:44px}.image-color-picker-wrapper .image-export-dropdown{position:relative}.image-color-picker-wrapper .image-export-dropdown:hover .export-menu,.image-color-picker-wrapper .image-export-dropdown:focus-within .export-menu{display:block;opacity:1;visibility:visible}:is(.gradients-page,.accessibility-page) .blog-simple-button{background:var(--ink);box-shadow:none;border-radius:999px}:is(.gradients-page,.accessibility-page) input[type=range]{accent-color:#486255}.gradients-page .popular-gradients-button{background:var(--ink);box-shadow:none;border-radius:999px}.palette-library-page .palettes-view{padding-top:0;background:var(--cream)}.palette-library-page :is(.palettes-header,.palettes-content) .container{max-width:1240px;margin:auto;padding:0 clamp(1.25rem,5vw,4rem)}.palette-library-page .palettes-search-container{max-width:650px;margin:0}.palette-library-page .palettes-search input{border:0;background:transparent;min-width:0}.palette-library-page .palettes-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.palette-library-page .palette-external-controls{flex-direction:column;align-items:stretch;margin-top:.3rem}.palette-library-page .palette-controls-right{width:100%}.palette-library-page .palette-name-outside{white-space:normal;font-weight:500}.palette-library-page .palette-use-button{margin-right:auto}.palette-library-page :is(.palette-save-btn,.palette-menu-btn){width:44px;height:44px;box-shadow:none}@media (max-width:900px){.palette-library-page .palettes-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.palette-library-page .palettes-simple-grid{grid-template-columns:minmax(0,1fr);gap:1.2rem}}@media (max-width:380px){.generator.generator .center-controls{grid-template-columns:auto minmax(0,1fr)}.generator.generator .auto-generate-btn{grid-column:1/-1;width:100%}.generator.generator .control-btn[title="Copy All Colors"] span{display:none}}@media (max-width:768px){:is(.gradients-page,.accessibility-page) .preview-controls-top{position:relative;top:auto;right:auto;left:auto;min-height:44px;padding:0 0 .5rem}.gradients-page .gradient-output{height:330px}}.image-color-picker-wrapper .has-image .upload-area{min-height:0;border:0;background:transparent}.image-color-picker-wrapper .has-image .uploaded-image-container{box-shadow:none;min-height:0}.image-color-picker-wrapper .color-preview-section{display:flex;flex-direction:column}.image-color-picker-wrapper .palette-controls{order:0}.image-color-picker-wrapper .current-palette{order:1}.image-color-picker-wrapper .selected-color-display{order:2;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--rule)}.image-color-picker-wrapper :is(.section-header,.palette-header) h3{font:500 1.35rem var(--font-serif)}.image-color-picker-wrapper .selected-color-card{background:#f3f1e9;border:1px solid var(--rule);box-shadow:none;padding:1rem}.image-color-picker-wrapper .random-palette-button{min-height:44px;box-shadow:none;border-radius:8px}.accessibility-page .contrast-typography{margin:0 0 1rem;border-top:1px solid var(--rule)}.accessibility-page .contrast-typography summary{cursor:pointer;min-height:44px;padding:.8rem 0;font-size:.8rem;color:var(--muted)}.accessibility-page .card-body>.settings-row:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.accessibility-page .color-input-group{min-width:0}.accessibility-page .color-input-field{min-width:0;gap:.35rem}.accessibility-page .hex-input-field{min-width:0;width:100%;font-size:.8rem}.editorial{background:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.editorial .editorial-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem)}.editorial .editorial-eyebrow{margin:0 0 1.2rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.editorial-hero{padding:clamp(7rem,12vh,9rem) 0 4rem;background:radial-gradient(ellipse at 85% 40%,#e9e4d980,transparent 60%),var(--cream)}.editorial-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(2rem,5vw,4rem);align-items:center}.editorial .editorial-display{font-family:var(--font-serif);font-weight:500;font-size:clamp(3rem,5.2vw,4.5rem);line-height:1.03;letter-spacing:-.04em;margin:0 0 1.5rem;text-wrap:balance}.editorial-display em{font-weight:400;color:#486255}.editorial-lede{max-width:37ch;font-size:1.05rem;line-height:1.65;color:var(--ink-soft);margin:0 0 1.8rem}.editorial-actions{display:flex;gap:.7rem;flex-wrap:wrap}.editorial-btn-primary,.editorial-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1.25rem;min-height:48px;border-radius:999px;font:inherit;font-size:.9rem;font-weight:500;text-decoration:none;border:1px solid var(--ink);cursor:pointer}.editorial-btn-primary{background:var(--ink);color:var(--cream)}.editorial-btn-primary:hover{background:#3c493e}.editorial-btn-secondary{color:var(--ink);border-color:#ccc6bc;background:transparent}.editorial-btn-secondary:hover{background:#fff}.hero-reassurance{display:flex;align-items:center;gap:.45rem;font-size:.75rem;color:var(--muted);margin:1rem 0 0}.hero-reassurance svg{color:#486255}.hero-reassurance span{margin:0 .2rem}.palette-demo{min-width:0;background:#fffdf9;border:1px solid #ded8ce;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px -30px #42392f66}.palette-demo-heading{display:flex;align-items:center;gap:.5rem;padding:1.1rem 1.2rem;font-size:.76rem;font-weight:500}.demo-live-dot{width:6px;height:6px;border-radius:50%;background:#486255;flex-shrink:0}.demo-badge{margin-left:auto;font-size:.58rem;letter-spacing:.08em;color:var(--muted);border:1px solid var(--rule);padding:.2rem .35rem;border-radius:4px}.palette-demo-swatches{display:flex;height:245px}.palette-demo-swatch{flex:1;min-width:0;padding:1rem .15rem;border:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem;cursor:pointer;position:relative}.palette-demo-swatch:hover{box-shadow:inset 0 0 0 3px #ffffff70}.swatch-copy-icon{opacity:0}.palette-demo-swatch:hover .swatch-copy-icon,.palette-demo-swatch:focus-visible .swatch-copy-icon{opacity:1}.swatch-hex{font-family:ui-monospace,monospace;font-size:.75rem;letter-spacing:.02em}.palette-demo-controls{padding:.85rem 1rem .3rem;display:flex;align-items:center;gap:.5rem}.palette-demo-controls button,.palette-demo-controls a{display:inline-flex;gap:.4rem;align-items:center;justify-content:center;min-height:44px;border:0;color:var(--ink);font:inherit;font-size:.78rem;font-weight:500;background:transparent;cursor:pointer;text-decoration:none;padding:.4rem .65rem;border-radius:8px}.palette-demo-controls .demo-shuffle{background:#eeeae2}.palette-demo-controls a{margin-left:auto}.palette-demo-controls button:hover,.palette-demo-controls a:hover{background:#e5e0d6}.palette-demo-status{min-height:1.2em;margin:.4rem 1.2rem 1rem;color:var(--muted);font-size:.72rem}.palette-demo-values{padding:0 1.2rem 1rem;font-family:ui-monospace,monospace;font-size:.66rem;color:var(--muted);-webkit-user-select:text;-moz-user-select:text;user-select:text;overflow-wrap:anywhere}.editorial a:focus-visible,.editorial button:focus-visible{outline:3px solid #486255;outline-offset:4px}.editorial .palette-demo-swatch:focus-visible{outline:3px solid currentColor;outline-offset:-5px}.editorial-tools{padding:3rem 0;border-top:1px solid var(--rule)}.editorial-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.6rem}.editorial-section-head .editorial-eyebrow{margin-bottom:.65rem}.editorial-section-head h2,.homepage-notes h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.8rem,2.8vw,2.4rem);letter-spacing:-.025em;line-height:1.15;margin:0}.editorial-btn-text{border:0;border-bottom:1px solid var(--ink);padding:.65rem 0;background:transparent;color:var(--ink);font:inherit;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;min-height:44px}.editorial-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.editorial-tool-card{border:1px solid var(--rule);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fffdf9}.editorial-tool-card:hover{border-color:#9b9f8f}.tool-illustration{height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.tool-illustration-image{background:#ede9df;gap:12px;padding:22px}.image-landscape{width:64%;height:100%;border:5px solid white;border-radius:5px;background:linear-gradient(#e9c46a 52%,#2a9d8f 52%);overflow:hidden;position:relative;transform:rotate(-4deg);box-shadow:0 4px 8px #26465315}.image-landscape:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:#fff0ce;top:10px;right:18px}.image-landscape span{position:absolute;background:#264653;width:100%;height:90%;transform:rotate(35deg);top:55%;left:-25%;border-radius:15%}.image-extraction{display:flex;flex-direction:column;width:28px;height:95px;gap:3px}.image-extraction i{flex:1;border-radius:3px}.tool-illustration-contrast{flex-direction:column;gap:.25rem;background:#e7eddf;color:#264653}.contrast-sample{font-family:var(--font-serif);font-size:4rem;line-height:1}.contrast-pill{display:flex;gap:.3rem;align-items:center;font-size:.65rem;margin-top:.5rem}.tool-illustration-gradient{background:radial-gradient(ellipse at 20% 90%,#f6cc88,transparent 65%),radial-gradient(ellipse at 100% 0,#4f508d,transparent 75%),#dc9bb1}.gradient-code{font-family:ui-monospace,monospace;font-size:.67rem;color:#282137;background:#ffffffb5;padding:.55rem .7rem;border-radius:5px}.editorial-tool-body{padding:1.35rem}.editorial-tool-body h3{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;line-height:1.2;margin:0 0 .65rem}.editorial-tool-body p{color:var(--muted);font-size:.85rem;line-height:1.55;min-height:2.65rem;margin:0 0 1.2rem}.tool-action{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500}.homepage-library{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap;font-size:.85rem;margin-top:1.2rem}.homepage-library p{color:var(--muted);margin:0}.homepage-library a{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);min-height:44px}.homepage-notes{padding:2.5rem 0 3rem;border-top:1px solid var(--rule)}.homepage-notes h2{font-size:1.65rem}.homepage-note-links{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.homepage-note-links a{color:var(--ink);text-decoration:none;font-size:.85rem;line-height:1.6}.homepage-note-links a:hover{text-decoration:underline}.homepage-note-links span{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.homepage-note-links svg{display:inline;vertical-align:middle;margin-left:.4rem}@media (max-width: 959px){.editorial-hero-grid{grid-template-columns:1fr;gap:2rem}.editorial-hero-copy{max-width:600px}.editorial .editorial-display{max-width:14ch}.palette-demo{width:100%;max-width:600px}.editorial-hero{padding-top:6.5rem;padding-bottom:2.5rem}.editorial-tool-grid{gap:.8rem}.editorial-tool-body{padding:1rem}.editorial-section-head{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width: 600px){.editorial-hero{padding-top:5.8rem;padding-bottom:2rem}.editorial .editorial-display{font-size:clamp(2.5rem,8.6vw,3.3rem);margin-bottom:1rem}.editorial .editorial-eyebrow{font-size:.61rem;margin-bottom:.8rem}.editorial-lede{font-size:.92rem;line-height:1.5;margin-bottom:1.2rem;max-width:39ch}.editorial-actions{gap:.5rem}.editorial-btn-primary,.editorial-btn-secondary{font-size:.8rem;padding:.75rem .9rem}.hero-reassurance{margin-top:.75rem;font-size:.7rem}.editorial-hero-grid{gap:1.5rem}.palette-demo-heading{padding:.9rem;font-size:.68rem}.palette-demo-swatches{height:155px}.swatch-hex{font-size:.61rem;letter-spacing:0}.swatch-copy-icon{opacity:.7}.palette-demo-controls{padding:.5rem .4rem 0;gap:.1rem}.palette-demo-controls button,.palette-demo-controls a{font-size:.7rem;padding:.35rem .5rem;gap:.3rem}.palette-demo-status{margin:.35rem .9rem .75rem;font-size:.66rem}.palette-demo-values{padding:0 .9rem .75rem;font-size:.58rem}.editorial-tools{padding:2rem 0 1.5rem}.editorial-section-head h2{font-size:1.8rem}.editorial-tool-grid{grid-template-columns:1fr}.editorial-tool-card{display:grid;grid-template-columns:100px 1fr}.tool-illustration{height:100%;min-height:170px}.tool-illustration-image{padding:12px;flex-direction:column;gap:10px}.image-landscape{width:72px;height:75px;flex-shrink:0}.image-extraction{flex-direction:row;width:72px;height:12px}.contrast-sample{font-size:3rem}.contrast-pill{font-size:.55rem;text-align:center;padding:0 .5rem}.gradient-code{font-size:.5rem;max-width:80px;overflow-wrap:anywhere}.editorial-tool-body h3{font-size:1.18rem}.editorial-tool-body p{font-size:.78rem;margin-bottom:.75rem;min-height:0}.tool-action{font-size:.73rem}.homepage-library{font-size:.78rem;gap:0 .5rem}.homepage-note-links{grid-template-columns:1fr;gap:1.3rem}}@media (max-width: 360px){.editorial-btn-primary,.editorial-btn-secondary{font-size:.75rem;padding:.7rem .65rem;gap:.35rem}.editorial-actions .editorial-btn-primary svg{display:none}.palette-demo-controls button,.palette-demo-controls a{white-space:nowrap;font-size:.65rem;padding:.3rem .4rem}.palette-demo-controls .demo-copy svg{display:none}}.user-profile{position:relative;display:inline-block}.user-profile-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border:1px solid #e4e4e7;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-height:48px}.user-profile-trigger:hover{background:#f4f4f5;border-color:#d4d4d8;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0}.user-avatar.large{width:48px;height:48px}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-initials{color:#fff;font-weight:600;font-size:.875rem}.user-avatar.large .user-initials{font-size:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.user-name{font-weight:600;color:#18181b;line-height:1}.pro-badge{display:flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.chevron{color:#64748b;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.user-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fff;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 10px 40px #0000001a;z-index:1000;overflow:hidden}.dropdown-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.user-details{flex:1;min-width:0}.user-details .user-name{font-size:1rem;font-weight:600;color:#18181b;margin-bottom:.25rem}.user-email{font-size:.875rem;color:#64748b;margin-bottom:.5rem;word-break:break-all}.pro-status{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.dropdown-divider{height:1px;background:#e4e4e7;margin:0}.dropdown-menu{padding:.5rem}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:#374151;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:#f4f4f5;color:#18181b}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2;color:#dc2626}.dropdown-item svg{flex-shrink:0}@media (max-width: 768px){.user-profile-trigger{padding:.5rem .75rem;gap:.5rem}.user-info{display:none}.user-profile-dropdown{right:-1rem;left:-1rem;min-width:auto}}@media (max-width: 480px){.user-profile-dropdown{right:-2rem;left:-2rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(228,228,231,.3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.navbar.transparent{background:#fffc;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0000000d}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:3.5rem;max-width:1440px;margin:0 auto;padding:0 2rem}.navbar-logo{display:flex;align-items:center;text-decoration:none;color:inherit;transition:transform .2s ease}.navbar-logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#10b981,#059669 30%,#0891b2 70%,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;transition:all .3s ease}.navbar-logo:hover .navbar-logo-text{transform:translateY(-1px);background:linear-gradient(135deg,#059669,#047857 30%,#0891b2 70%,#0369a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav{display:flex;align-items:center;gap:2.5rem}.navbar-dropdown{position:relative}.navbar-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid rgba(55,65,81,.15);color:#374151;font-weight:600;font-size:.875rem;border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.navbar-dropdown-trigger:hover{background:#6366f10d;border-color:#6366f133;color:#6366f1;transform:translateY(-1px)}.tools-text{font-weight:600;letter-spacing:-.01em}.dropdown-chevron{transition:transform .2s ease;opacity:.7}.dropdown-chevron.open{transform:rotate(180deg)}.navbar-tools-modal{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(228,228,231,.3);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:1rem;z-index:1000}.tools-modal-header{text-align:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(229,231,235,.5)}.tools-modal-header h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em}.tools-modal-header p{font-size:.75rem;color:#9ca3af;margin:0;font-weight:400}.tools-grid{display:flex;flex-direction:column;gap:.25rem}.tool-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;border-radius:8px;text-decoration:none;color:#374151;transition:all .2s ease;position:relative}.tool-card:hover{background:#6366f10d;color:#6366f1}.tool-card.active{background:#6366f114;color:#6366f1}.tool-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6cc;border-radius:8px;transition:all .2s ease;flex-shrink:0}.tool-card:hover .tool-card-icon{background:#6366f11a;transform:scale(1.05)}.tool-card.active .tool-card-icon{background:#6366f126}.tool-card-content{flex:1;text-align:left}.tool-card-title{font-weight:600;font-size:.9rem;line-height:1.2;margin-bottom:.125rem;color:#1f2937}.tool-card-desc{font-size:.8rem;color:#4b5563;line-height:1.3;font-weight:500}.tool-card:hover .tool-card-desc{color:#8b5cf6}.tool-card-active-indicator{position:absolute;top:.5rem;right:.5rem;width:6px;height:6px;background:#10b981;border-radius:50%}.navbar-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:#374151;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:12px;transition:all .2s ease}.navbar-link:hover{background:#6366f10d;color:#6366f1;transform:translateY(-1px)}.navbar-link.active{background:#6366f11a;color:#6366f1}.navbar-actions{display:flex;align-items:center;gap:.75rem}.navbar-signin-btn{background:transparent;color:#374151;border:1px solid rgba(55,65,81,.2);padding:.625rem 1rem;border-radius:10px;font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.navbar-signin-btn:hover{background:#3741510d;border-color:#3741514d;color:#1f2937}.navbar-pro-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.625rem 1rem;border-radius:10px;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f140;position:relative;overflow:hidden}.navbar-pro-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.navbar-pro-btn.premium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40}.navbar-pro-btn.premium:hover{box-shadow:0 4px 12px #f59e0b59}.pro-btn-text{font-weight:600}.pro-btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.navbar-pro-btn:hover .pro-btn-shine{left:100%}.signin-btn-text{font-weight:500}.navbar-mobile-toggle{display:none;background:none;border:none;color:#374151;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.navbar-mobile-toggle:hover{background:#6366f10d;color:#6366f1}.navbar-mobile-menu{position:fixed;top:4.5rem;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(228,228,231,.3);box-shadow:0 10px 25px #0000001a;overflow:hidden;z-index:99}.mobile-menu-content{padding:2rem;max-height:calc(100vh - 4.5rem);overflow-y:auto}.mobile-menu-section{margin-bottom:2rem}.mobile-menu-section:last-child{margin-bottom:0}.mobile-section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(229,231,235,.5)}.mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;text-decoration:none;color:#374151;border-radius:12px;transition:all .2s ease;margin-bottom:.5rem}.mobile-menu-item:hover{background:#6366f10d;color:#6366f1;transform:translate(4px)}.mobile-menu-item.active{background:#6366f11a;color:#6366f1}.mobile-item-content{flex:1}.mobile-item-title{font-weight:600;font-size:1rem;line-height:1.2;margin-bottom:.25rem}.mobile-item-desc{font-size:.85rem;color:#6b7280;line-height:1.3}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem}.mobile-signin-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;color:#d1d5db;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.mobile-signin-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.mobile-pro-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;width:100%;text-align:left;overflow:hidden}.mobile-pro-btn.premium{background:linear-gradient(135deg,#f59e0b,#d97706)}.mobile-pro-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.mobile-pro-btn.premium:hover{box-shadow:0 4px 12px #f59e0b40}.mobile-pro-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.mobile-pro-btn:hover .mobile-pro-shine{left:100%}.navbar-overlay{position:fixed;inset:0;background:#00000080;z-index:98;top:4.5rem}@media (max-width: 1024px){.navbar .container{padding:0 1.5rem}.navbar-nav{gap:2rem}.navbar-tools-modal{width:260px}}@media (max-width: 768px){.navbar .container{padding:0 1rem;height:4rem}.navbar-nav{display:none}.navbar-mobile-toggle{display:block}.navbar-mobile-menu{top:4rem}.mobile-menu-content{padding:1.5rem}.pro-btn-text,.signin-btn-text,.tools-text{display:none}.navbar-pro-btn,.navbar-signin-btn,.navbar-dropdown-trigger{padding:.5rem;min-width:40px;justify-content:center}.navbar-actions{gap:.5rem}.navbar-tools-modal{width:calc(100vw - 2rem);max-width:280px;right:1rem}.tool-card{padding:.625rem}.tool-card-icon{width:28px;height:28px}.tool-card-title{font-size:.8rem}.tool-card-desc{font-size:.7rem}}@media (max-width: 480px){.mobile-menu-content{padding:1rem}.mobile-menu-item{padding:.875rem}.mobile-item-title{font-size:.9rem}.mobile-item-desc{font-size:.8rem}}.navbar.editorial{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;box-shadow:none}.navbar.editorial.transparent{background:transparent;border-bottom:1px solid transparent;box-shadow:none}.navbar.editorial:not(.transparent){background:#faf7f2eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule, #E5DED2);box-shadow:none}.navbar.editorial .navbar-logo-text{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-weight:500;font-size:1.45rem;letter-spacing:-.02em;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:var(--ink, #15110D);font-variation-settings:"opsz" 36}.navbar.editorial .navbar-logo:hover .navbar-logo-text{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:var(--ink-soft, #2A241E)}.navbar.editorial .navbar-dropdown-trigger{background:transparent;border:0;color:var(--ink, #15110D);font-family:var(--font-sans, "Inter", sans-serif);font-weight:500;font-size:.92rem;padding:.45rem .4rem;box-shadow:none}.navbar.editorial .navbar-dropdown-trigger:hover{background:transparent;color:var(--ink-soft, #2A241E);opacity:.75}.navbar.editorial .navbar-dropdown-trigger svg{color:var(--muted, #6B6358)}.navbar.editorial .navbar-signin-btn{background:transparent;border:0;color:var(--ink, #15110D);font-family:var(--font-sans, "Inter", sans-serif);font-weight:500;font-size:.92rem;box-shadow:none;padding:.45rem .6rem}.navbar.editorial .navbar-signin-btn:hover{background:transparent;color:var(--ink-soft, #2A241E);opacity:.75}.navbar.editorial .navbar-pro-btn,.navbar.editorial .navbar-pro-btn.premium{background:var(--ink, #15110D);border:1px solid var(--ink, #15110D);color:var(--cream, #FAF7F2);font-family:var(--font-sans, "Inter", sans-serif);font-weight:500;font-size:.88rem;border-radius:999px;padding:.5rem 1rem;box-shadow:none}.navbar.editorial .navbar-pro-btn:hover,.navbar.editorial .navbar-pro-btn.premium:hover{background:var(--ink-soft, #2A241E);border-color:var(--ink-soft, #2A241E);color:var(--cream, #FAF7F2);box-shadow:none}.navbar.editorial .pro-btn-shine{display:none}.navbar.editorial .navbar-mobile-toggle{color:var(--ink, #15110D);background:transparent;border:0}@media (max-width: 768px){.navbar.navbar-home .navbar-dropdown,.navbar.navbar-home .navbar-signin-btn,.navbar.navbar-home .navbar-pro-btn{display:none}.navbar.navbar-home .navbar-mobile-toggle{min-width:44px;min-height:44px}}.site-footer{background:#f0ece3;border-top:1px solid var(--rule);color:var(--ink);font-family:var(--font-sans);padding:3rem 0 1.3rem}.site-footer-inner{max-width:1240px;margin:auto;padding:0 clamp(1.25rem,5vw,4rem);display:grid;grid-template-columns:1fr 2fr;gap:2rem}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer a:focus-visible{outline:2px solid #486255;outline-offset:4px}.site-footer-brand>a{font:500 1.7rem var(--font-serif);letter-spacing:-.04em}.site-footer-brand>a span{color:#486255}.site-footer-brand p{color:var(--muted);font-size:.85rem;line-height:1.6;margin-top:.8rem}.site-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.site-footer-links h2{font:600 .67rem var(--font-sans);text-transform:uppercase;letter-spacing:.09em;margin:0 0 .8rem}.site-footer-links ul{list-style:none;padding:0;margin:0}.site-footer-links a{display:inline-flex;align-items:center;gap:.3rem;min-height:40px;font-size:.8rem;color:var(--ink-soft)}.site-footer-bottom{grid-column:1/-1;border-top:1px solid #dbd5ca;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem;gap:1rem}.site-footer-bottom>div{display:flex;gap:1.2rem}.site-footer-bottom a{display:inline-flex;align-items:center;min-height:44px}@media (max-width:768px){.site-footer-inner{grid-template-columns:1fr}.site-footer-links{grid-template-columns:1fr 1fr;gap:1.5rem}.site-footer-brand p br{display:none}.site-footer-links a{min-height:44px}.site-footer-bottom{flex-wrap:wrap;gap:.25rem}}