.tools-integration[data-astro-cid-efppmrbq]{background:linear-gradient(135deg,#ffffffe6,#f8fafce6)}.tools-grid[data-astro-cid-efppmrbq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:24px 0}.tool-card[data-astro-cid-efppmrbq]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.tool-card[data-astro-cid-efppmrbq]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.tool-card[data-astro-cid-efppmrbq].featured{border:2px solid #3b82f6;box-shadow:0 8px 24px #3b82f626}.tool-card[data-astro-cid-efppmrbq].featured:before{height:6px;background:linear-gradient(90deg,#3b82f6,#06b6d4,#8b5cf6)}.tool-card[data-astro-cid-efppmrbq]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.tool-header[data-astro-cid-efppmrbq]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tool-icon[data-astro-cid-efppmrbq]{font-size:2rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.tool-card[data-astro-cid-efppmrbq].featured .tool-icon[data-astro-cid-efppmrbq]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.tool-header[data-astro-cid-efppmrbq] h3[data-astro-cid-efppmrbq]{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.tool-card[data-astro-cid-efppmrbq] p[data-astro-cid-efppmrbq]{color:#6b7280;line-height:1.6;margin-bottom:20px}.tool-actions[data-astro-cid-efppmrbq]{margin-top:auto}.primary-tool-btn[data-astro-cid-efppmrbq]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.primary-tool-btn[data-astro-cid-efppmrbq]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.tool-btn[data-astro-cid-efppmrbq]{background:#f8fafc;color:#475569;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;display:inline-block;border:1px solid #e2e8f0;transition:all .2s ease}.tool-btn[data-astro-cid-efppmrbq]:hover{background:#e2e8f0;transform:translateY(-1px)}.theory-section[data-astro-cid-efppmrbq]{background:linear-gradient(135deg,#8b5cf60d,#3b82f60d)}.theory-intro[data-astro-cid-efppmrbq]{text-align:center;margin-bottom:32px}.theory-intro[data-astro-cid-efppmrbq] p[data-astro-cid-efppmrbq]{font-size:1.1rem;color:#475569;max-width:600px;margin:0 auto;line-height:1.6}.theory-topics[data-astro-cid-efppmrbq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.theory-topic[data-astro-cid-efppmrbq]{background:#fffc;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.5)}.theory-topic[data-astro-cid-efppmrbq] h4[data-astro-cid-efppmrbq]{margin:0 0 12px;font-size:1.1rem}.theory-topic[data-astro-cid-efppmrbq] h4[data-astro-cid-efppmrbq] a[data-astro-cid-efppmrbq]{color:#3b82f6;text-decoration:none;font-weight:600}.theory-topic[data-astro-cid-efppmrbq] h4[data-astro-cid-efppmrbq] a[data-astro-cid-efppmrbq]:hover{color:#1d4ed8}.theory-topic[data-astro-cid-efppmrbq] p[data-astro-cid-efppmrbq]{color:#6b7280;line-height:1.5;margin:0}.theory-cta[data-astro-cid-efppmrbq]{text-align:center}.primary-cta[data-astro-cid-efppmrbq]{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-block;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf64d}.primary-cta[data-astro-cid-efppmrbq]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.directory-navigation[data-astro-cid-efppmrbq]{background:linear-gradient(135deg,#10b9810d,#22c55e0d)}.directory-sections[data-astro-cid-efppmrbq]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:24px 0}.category-section[data-astro-cid-efppmrbq],.directory-main-section[data-astro-cid-efppmrbq]{background:#ffffffe6;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.5)}.category-section[data-astro-cid-efppmrbq] h3[data-astro-cid-efppmrbq],.directory-main-section[data-astro-cid-efppmrbq] h3[data-astro-cid-efppmrbq]{margin:0 0 12px;color:#1f2937;font-weight:600}.category-section[data-astro-cid-efppmrbq] p[data-astro-cid-efppmrbq],.directory-main-section[data-astro-cid-efppmrbq] p[data-astro-cid-efppmrbq]{color:#6b7280;line-height:1.5;margin-bottom:16px}.category-btn[data-astro-cid-efppmrbq],.directory-btn[data-astro-cid-efppmrbq]{background:#10b981;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;display:inline-block;transition:all .2s ease}.category-btn[data-astro-cid-efppmrbq]:hover,.directory-btn[data-astro-cid-efppmrbq]:hover{background:#059669;transform:translateY(-1px)}.quick-help[data-astro-cid-efppmrbq]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;border-radius:16px;margin-top:32px;text-align:center;border:1px solid #e2e8f0}.quick-help[data-astro-cid-efppmrbq] h3[data-astro-cid-efppmrbq]{margin:0 0 20px;color:#1f2937;font-size:1.25rem}.help-links[data-astro-cid-efppmrbq]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.help-links[data-astro-cid-efppmrbq] a[data-astro-cid-efppmrbq]{color:#3b82f6;text-decoration:none;font-weight:500;padding:8px 16px;border:1px solid #3b82f6;border-radius:8px;transition:all .2s ease}.help-links[data-astro-cid-efppmrbq] a[data-astro-cid-efppmrbq]:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.tools-grid[data-astro-cid-efppmrbq],.theory-topics[data-astro-cid-efppmrbq],.directory-sections[data-astro-cid-efppmrbq]{grid-template-columns:1fr}.help-links[data-astro-cid-efppmrbq]{flex-direction:column;align-items:center}}.container[data-astro-cid-aittzn6k]{max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.breadcrumb[data-astro-cid-aittzn6k]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:16px 20px;margin-bottom:32px;font-size:14px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005}.breadcrumb[data-astro-cid-aittzn6k] a[data-astro-cid-aittzn6k]{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumb[data-astro-cid-aittzn6k] a[data-astro-cid-aittzn6k]:hover{color:#1d4ed8}.breadcrumb[data-astro-cid-aittzn6k] .separator[data-astro-cid-aittzn6k]{margin:0 12px;color:#64748b}.breadcrumb[data-astro-cid-aittzn6k] .current-page[data-astro-cid-aittzn6k]{color:#1e293b;font-weight:600}.color-hero[data-astro-cid-aittzn6k]{border-radius:24px;margin-bottom:40px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 25px 50px rgba(var(--themeColorRgb),.25)}.color-hero[data-astro-cid-aittzn6k]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.08"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content[data-astro-cid-aittzn6k]{display:flex;align-items:center;gap:40px;position:relative;z-index:2}.color-swatch[data-astro-cid-aittzn6k]{width:120px;height:120px;border-radius:20px;flex-shrink:0;border:4px solid rgba(255,255,255,.2);transition:transform .3s ease}.color-swatch[data-astro-cid-aittzn6k]:hover{transform:scale(1.05) rotate(5deg)}.hero-text[data-astro-cid-aittzn6k]{flex:1}.hero-text[data-astro-cid-aittzn6k] h1[data-astro-cid-aittzn6k]{font-size:3.5rem;font-weight:900;margin:0 0 16px;line-height:1.1;letter-spacing:-.02em}.color-hero[data-astro-cid-aittzn6k] .text-light[data-astro-cid-aittzn6k]{color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3)}.color-hero[data-astro-cid-aittzn6k] .text-dark[data-astro-cid-aittzn6k]{color:#1e293b;text-shadow:0 2px 4px rgba(255,255,255,.5)}.hero-code[data-astro-cid-aittzn6k]{display:flex;align-items:center;gap:12px;margin:0 0 16px}.code-display[data-astro-cid-aittzn6k]{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.25rem;font-weight:600;background:#ffffff26;padding:8px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hero-copy-btn[data-astro-cid-aittzn6k]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:inherit;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-copy-btn[data-astro-cid-aittzn6k]:hover{background:#ffffff4d;transform:translateY(-2px)}.hero-category[data-astro-cid-aittzn6k]{font-size:1.1rem;opacity:.9;font-weight:500;text-transform:capitalize}.main-content[data-astro-cid-aittzn6k]{margin-bottom:48px}.quick-actions[data-astro-cid-aittzn6k]{display:flex;gap:12px;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px #00000005}.action-btn[data-astro-cid-aittzn6k]{padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.action-btn[data-astro-cid-aittzn6k].primary{background:linear-gradient(135deg,var(--themeColor) 0%,var(--themeColor)CC 100%);color:var(--buttonTextColor);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(var(--themeColorRgb),.3)}.action-btn[data-astro-cid-aittzn6k].primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--themeColorRgb),.4)}.action-btn[data-astro-cid-aittzn6k].secondary{background:var(--themeColor)15;color:var(--themeColor);border:2px solid var(--themeColor)30}.action-btn[data-astro-cid-aittzn6k].secondary:hover{background:var(--themeColor)25;transform:translateY(-1px)}.action-btn[data-astro-cid-aittzn6k].tertiary{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.action-btn[data-astro-cid-aittzn6k].tertiary:hover{background:#e2e8f0;transform:translateY(-1px)}.info-grid[data-astro-cid-aittzn6k]{display:grid;grid-template-columns:1fr 400px;gap:32px}.full-width-card[data-astro-cid-aittzn6k]{grid-column:1 / -1}.info-card[data-astro-cid-aittzn6k]{background:linear-gradient(135deg,#fff,#fefefe);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;border:1px solid var(--themeColor)20;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-card[data-astro-cid-aittzn6k]:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--themeColor) 0%,var(--themeColor)80 50%,var(--themeColor) 100%)}.info-card[data-astro-cid-aittzn6k]:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--themeColor)10 0%,transparent 70%);pointer-events:none}.info-card[data-astro-cid-aittzn6k] h2[data-astro-cid-aittzn6k]{margin-top:0;color:var(--themeColor);font-size:1.5rem;font-weight:700;border-bottom:3px solid var(--themeColor)15;padding-bottom:12px;margin-bottom:24px}.code-row[data-astro-cid-aittzn6k]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--themeColor)05;border-radius:6px;border:1px solid var(--themeColor)20;margin-bottom:8px}.code-label[data-astro-cid-aittzn6k]{font-weight:600;color:var(--themeColor);min-width:60px}.code-value[data-astro-cid-aittzn6k]{font-family:Monaco,Consolas,monospace;font-weight:600;font-size:14px}.copy-code-btn[data-astro-cid-aittzn6k]{background:var(--themeColor);color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .2s ease}.copy-code-btn[data-astro-cid-aittzn6k]:hover{transform:scale(.95);opacity:.9}.info-row[data-astro-cid-aittzn6k]{margin-bottom:16px}.tag[data-astro-cid-aittzn6k]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-left:8px;text-transform:capitalize;background:var(--tag-bg);color:var(--tag-color);border:1px solid var(--tag-border)}.usage-examples[data-astro-cid-aittzn6k]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.usage-tag[data-astro-cid-aittzn6k]{background:var(--themeColor)20;color:var(--themeColor);padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid var(--themeColor)40}.collapsible-header[data-astro-cid-aittzn6k]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:12px 0}.toggle-icon[data-astro-cid-aittzn6k]{transition:transform .3s ease;font-size:16px;color:var(--themeColor)}.collapsible-content[data-astro-cid-aittzn6k]{display:none;overflow:hidden;transition:all .3s ease;padding:16px;background:var(--themeColor)02;border-radius:8px;border:1px solid var(--themeColor)10;margin-top:8px}.variation-section[data-astro-cid-aittzn6k]{margin-bottom:32px}.variation-section[data-astro-cid-aittzn6k] h4[data-astro-cid-aittzn6k]{color:var(--themeColor);font-size:1.1rem;margin-bottom:16px;font-weight:600;border-bottom:2px solid var(--themeColor)20;padding-bottom:8px}.variations-grid[data-astro-cid-aittzn6k]{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:32px;padding:8px;perspective:1000px}.variation-swatch[data-astro-cid-aittzn6k]{width:100%!important;height:80px!important;border-radius:20px!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;border:none!important;box-shadow:0 4px 20px #0000001a,0 1px 3px #00000014,inset 0 1px #ffffff26!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(145deg,var(--bg-color) 0%,var(--bg-color) 85%,rgba(0,0,0,.1) 100%)!important}.variation-swatch[data-astro-cid-aittzn6k]:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff3,#ffffff0d,#0000000d);border-radius:20px;pointer-events:none}.variation-swatch[data-astro-cid-aittzn6k]:hover{transform:translateY(-8px) scale(1.08) rotateX(5deg)!important;box-shadow:0 15px 35px #0003,0 5px 15px #0000001f,inset 0 1px #ffffff4d!important;z-index:10!important}.variation-swatch[data-astro-cid-aittzn6k]:active{transform:translateY(-2px) scale(1.02)!important;transition:all .1s ease!important}.swatch-overlay[data-astro-cid-aittzn6k]{position:absolute;inset:0;background:linear-gradient(135deg,#0000004d,#0009);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);border-radius:20px}.variation-swatch[data-astro-cid-aittzn6k]:hover .swatch-overlay[data-astro-cid-aittzn6k]{opacity:1;transform:scale(1.02)}.hex-code[data-astro-cid-aittzn6k]{color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:700;font-size:12px;text-shadow:0 2px 4px rgba(0,0,0,.8);background:linear-gradient(135deg,#ffffff26,#ffffff0d);padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;transform:translateY(0);transition:all .3s ease}.variation-swatch[data-astro-cid-aittzn6k]:hover .hex-code[data-astro-cid-aittzn6k]{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.download-section[data-astro-cid-aittzn6k]{border-top:1px solid var(--themeColor)30;padding-top:16px;margin-top:16px}.download-section[data-astro-cid-aittzn6k] h3[data-astro-cid-aittzn6k]{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--themeColor)}.download-buttons[data-astro-cid-aittzn6k]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.download-btn[data-astro-cid-aittzn6k]{background:linear-gradient(135deg,var(--themeColor) 0%,var(--themeColor)CC 100%);color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .2s ease}.download-btn[data-astro-cid-aittzn6k]:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--themeColorRgb),.4)}.related-colors[data-astro-cid-aittzn6k]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:16px;margin-top:16px}.related-swatch[data-astro-cid-aittzn6k]{width:100%;height:60px;border-radius:8px;cursor:pointer}.seo-keywords[data-astro-cid-aittzn6k]{background:var(--themeColor)10;border:1px solid var(--themeColor)30;border-radius:8px;padding:16px;margin-top:16px}.keyword-tag[data-astro-cid-aittzn6k]{display:inline-block;background:var(--themeColor)20;color:var(--themeColor);padding:4px 8px;border-radius:12px;font-size:11px;margin:2px}.nav-links[data-astro-cid-aittzn6k]{display:flex;justify-content:space-between;margin-top:32px;border-top:1px solid var(--themeColor)30;padding-top:24px}.nav-link[data-astro-cid-aittzn6k]{color:var(--themeColor);text-decoration:none;font-weight:500;padding:8px 16px;border:2px solid var(--themeColor)40;border-radius:8px}@media (max-width: 1024px){.info-grid[data-astro-cid-aittzn6k]{grid-template-columns:1fr}.quick-actions[data-astro-cid-aittzn6k]{display:grid;grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 768px){.container[data-astro-cid-aittzn6k]{padding:16px}.color-hero[data-astro-cid-aittzn6k]{padding:40px 24px}.hero-content[data-astro-cid-aittzn6k]{flex-direction:column;text-align:center;gap:24px}.hero-text[data-astro-cid-aittzn6k] h1[data-astro-cid-aittzn6k]{font-size:2.5rem}.quick-actions[data-astro-cid-aittzn6k]{grid-template-columns:1fr}.info-card[data-astro-cid-aittzn6k]{padding:24px}}@media (max-width: 480px){.hero-text[data-astro-cid-aittzn6k] h1[data-astro-cid-aittzn6k]{font-size:2rem}.color-swatch[data-astro-cid-aittzn6k]{width:80px;height:80px}.variations-grid[data-astro-cid-aittzn6k]{grid-template-columns:repeat(3,1fr);gap:12px}.variation-swatch[data-astro-cid-aittzn6k]{height:50px!important}}