:root{--bg-primary:#0b1020;--bg-secondary:#0f1729;--bg-tertiary:#111b2f;--bg-quaternary:#0b1328;--bg-gradient-start:#142135;--bg-gradient-end:#0b1020;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5f0;--text-muted:#9aa8c7;--text-quaternary:#5a6a8a;--text-quinary:#64748b;--accent-primary:#38bdf8;--accent-secondary:#22d3ee;--accent-tertiary:#7dd3fc;--accent-quaternary:#4f6df5;--border-primary:#1f2b45;--border-secondary:#17223a;--border-tertiary:#2b3856;--border-quaternary:#253253;--border-quinary:#2a3a63;--border-footer:#182137;--button-text-dark:#071422;--success:#22c55e;--error:#ef4444;--error-secondary:#f87171;--error-tertiary:#dc2626;--warning:#f59e0b;--header-bg:#0b1020cc;--header-border:#ffffff0f;--shadow-sm:0 8px 24px #00000059;--shadow-md:0 12px 30px #07142259;--shadow-lg:0 18px 40px #070c1873;--shadow-card:0 24px 60px #0006;--hover-overlay:#22d3ee14;--overlay-bg:#111b2f99;color:var(--text-secondary);background-color:var(--bg-primary);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-quaternary:#fff;--bg-gradient-start:#f1f5f9;--bg-gradient-end:#fff;--text-primary:#0f172a;--text-secondary:#1e293b;--text-tertiary:#334155;--text-muted:#64748b;--text-quaternary:#94a3b8;--text-quinary:#cbd5e1;--accent-primary:#0284c7;--accent-secondary:#0891b2;--accent-tertiary:#0369a1;--accent-quaternary:#2563eb;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-tertiary:#94a3b8;--border-quaternary:#cbd5e1;--border-quinary:#94a3b8;--border-footer:#e2e8f0;--button-text-dark:#fff;--success:#16a34a;--error:#dc2626;--error-secondary:#ef4444;--error-tertiary:#b91c1c;--warning:#d97706;--header-bg:#fffc;--header-border:#0000000f;--shadow-sm:0 8px 24px #00000014;--shadow-md:0 12px 30px #0000001a;--shadow-lg:0 18px 40px #0000001f;--shadow-card:0 24px 60px #00000026;--hover-overlay:#0ea5e914;--overlay-bg:#f1f5f9e6}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top,var(--bg-gradient-start)0%,var(--bg-gradient-end)55%);color:inherit;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh}.site-header{display:flex;position:sticky;z-index:10;background:var(--header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--header-border);justify-content:space-between;align-items: center;gap:24px;padding:24px 64px;top:0}.brand-link{letter-spacing:1px;font-family:"Jersey 10",sans-serif;font-size:28px}.nav-links{display:flex;color:var(--text-tertiary);align-items: center;gap:24px;font-size:15px}.nav-link:hover{color:var(--text-primary)}.burger-button{display:none;border:1px solid var(--border-tertiary);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:5px;padding:8px 10px}.burger-button span{background:var(--text-secondary);display:block;width:18px;height:2px}.nav-cta{background:var(--accent-secondary);color:var(--button-text-dark);border-radius:999px;padding:10px 18px;font-weight:600}.language-toggle{display:flex;color:var(--text-muted);align-items: center;gap:8px;font-size:14px}.language-toggle-mobile{display:none}.language-button{border:1px solid var(--border-tertiary);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px}.language-button:hover{border-color:var(--accent-quaternary);color:var(--text-primary)}.header-controls{display:flex;align-items: center;gap:12px}.theme-toggle{display:flex;align-items: center}.theme-toggle-mobile{display:none}.theme-button{border:1px solid var(--border-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;background:0 0;border-radius:999px;justify-content:center;align-items: center;padding:8px;transition:border-color .2s,color .2s,background .2s}.theme-button:hover{border-color:var(--accent-quaternary);color:var(--text-primary);background:#22d3ee14}.content{flex:1;padding:0 64px 96px}.hero{text-align:center;padding:80px 0 64px}.hero-pill{display:inline-flex;color:var(--accent-tertiary);animation:hero-float 6s ease-in-out infinite;background:#22d3ee1a;border-radius:999px;align-items: center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.hero-pill{animation:none}}.hero-title{color:var(--text-primary);margin:0 0 16px;font-size:clamp(2.6rem,4vw,3.8rem)}.hero-title span{color:var(--accent-primary)}.hero-subtitle{color:var(--text-muted);max-width:640px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.button{display:inline-flex;border-radius:12px;align-items: center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600}.button-primary{background:var(--accent-secondary);color:var(--button-text-dark)}.button-secondary{background:var(--bg-tertiary);color:var(--text-tertiary);border:1px solid var(--border-primary)}.tools-section{text-align:center;margin-top:20px}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:1.6rem}.section-subtitle{color:var(--text-muted);margin-bottom:40px}.tools-search-wrapper{display:flex;justify-content:center;margin-bottom:32px}.tools-search{position:relative;width:100%;max-width:500px}.tools-search-icon{position:absolute;color:var(--text-muted);pointer-events:none;top:50%;left:16px;transform:translateY(-50%)}.tools-search-input{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);border-radius:12px;width:100%;padding:14px 16px 14px 48px;transition:border-color .2s,box-shadow .2s;font-size:15px}.tools-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--hover-overlay)}.tools-search-input::placeholder{color:var(--text-muted)}.tools-no-results{text-align:center;color:var(--text-muted);padding:60px 20px}.tools-no-results p{margin:0;font-size:16px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tool-card{background:var(--bg-secondary);text-align:left;border:1px solid var(--border-secondary);border-radius:20px;padding:24px;transition:transform .2s,border-color .2s}.tool-card:hover{border-color:var(--border-quinary);transform:translateY(-4px)}.tool-card h3{color:var(--text-primary);margin:16px 0 8px}.tool-card p{color:var(--text-muted);margin:0 0 16px;line-height:1.5}.tool-icon{display:grid;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-quaternary));color:var(--button-text-dark);border-radius:14px;place-items: center;width:44px;height:44px;font-weight:700}.tool-icon.large{border-radius:20px;width:64px;height:64px;font-size:20px}.tool-icon-svg{width:22px;height:22px}.tool-icon.large .tool-icon-svg{width:30px;height:30px}.tool-link{color:var(--accent-tertiary);font-weight:600}.tool-page{text-align:center;padding-top:60px}.tool-hero{display:flex;flex-direction:column;align-items: center;gap:12px;margin-bottom:32px}.tool-hero h1{color:var(--text-primary);margin:0}.tool-hero p{color:var(--text-muted);max-width:520px}.not-found-page{display:grid;place-items: center;padding-top:80px;padding-bottom:80px}.not-found-card{border:1px solid var(--border-secondary);background:#0f1729e6;border-radius:24px;width:100%;max-width:720px;padding:36px;box-shadow:0 24px 60px #0006}.not-found-badge{display:inline-flex;color:var(--accent-tertiary);letter-spacing:.3px;background:#22d3ee1f;border-radius:999px;align-items: center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:600}.not-found-title{letter-spacing:1px;color:var(--text-primary);margin:0 0 12px;font-family:"Jersey 10",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(2.4rem,5vw,4rem)}.not-found-text{color:var(--text-muted);margin:0 0 16px;line-height:1.6}.not-found-terminal{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary);border-radius:16px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.not-found-terminal span{color:var(--accent-secondary)}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.not-found-button{text-decoration:none;color:var(--button-text-dark);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));display:inline-flex;border-radius:12px;align-items: center;gap:8px;padding:12px 18px;font-weight:600}.not-found-button.ghost{color:var(--text-tertiary);border:1px solid var(--border-primary);background:0 0}.coming-soon{border:1px dashed var(--border-quinary);color:var(--text-tertiary);display:inline-block;background:#111b2f99;border-radius:16px;padding:18px 28px}.site-footer{display:flex;border-top:1px solid var(--border-footer);color:var(--text-muted);justify-content:space-between;align-items: center;gap:24px;padding:28px 64px 36px;font-size:14px}.footer-brand{display:flex;align-items: center;gap:24px}.brand-text{color:var(--text-primary);letter-spacing:1px;font-family:"Jersey 10",sans-serif}.footer-links{display:flex;gap:16px}.footer-link:hover{color:var(--text-primary)}@media (max-width:960px){.site-header{flex-flow:wrap;justify-content:space-between;padding:20px 24px}.brand{order:1}.burger-button{order:2}.burger-button{display:flex}.nav-links{display:none;flex-direction:column;order:3;align-items: flex-start;gap:12px;width:100%;padding-top:12px}.nav-links.nav-open{display:flex}.header-controls,.language-toggle-desktop{display:none}.language-toggle-mobile{display:flex;margin-top:6px}.theme-toggle-desktop{display:none}.theme-toggle-mobile{display:flex;margin-top:6px}.content{padding:24px 24px 64px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-settings-row{grid-template-columns:1fr;gap:0}.site-footer{text-align:center;flex-direction:column}}@media (max-width:640px){.nav-links{order:3}.header-controls,.language-toggle-desktop{display:none}.language-toggle-mobile{display:flex;margin-top:6px}.theme-toggle-desktop{display:none}.theme-toggle-mobile{display:flex;margin-top:6px}.content{padding:24px 24px 64px}.tools-grid{grid-template-columns:1fr}.password-generator{border-radius:18px;padding:20px}.pg-settings-row{grid-template-columns:1fr;gap:0}}.password-generator{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:24px;max-width:750px;margin:0 auto;padding:32px}.pg-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:960px){.pg-settings-row{grid-template-columns:1fr;gap:0}}.pg-output-row{display:flex;gap:12px;margin-bottom:24px}.pg-output{background:var(--bg-tertiary);border:1px solid var(--border-tertiary);color:var(--text-secondary);outline:none;border-radius:12px;flex:1;padding:16px 18px;font-family:monospace;font-size:16px}.pg-output:focus{border-color:var(--accent-quaternary)}.pg-output::placeholder{color:var(--text-quaternary)}.pg-copy-btn{background:var(--accent-secondary);color:var(--button-text-dark);cursor:pointer;display:flex;border:none;border-radius:12px;justify-content:center;align-items: center;padding:14px 16px;transition:opacity .2s}.pg-copy-btn:disabled{opacity:.5;cursor:not-allowed}.pg-copy-btn:not(:disabled):hover{background:var(--accent-primary)}.pg-length{margin-bottom:28px}.pg-length label{display:block;color:var(--text-primary);margin-bottom:10px;font-weight:600}.pg-slider{-webkit-appearance:none;appearance:none;background:var(--border-primary);outline:none;border-radius:8px;width:100%;height:8px}.pg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-secondary);cursor:pointer;border:3px solid var(--bg-primary);border-radius:50%;width:22px;height:22px}.pg-slider::-moz-range-thumb{background:var(--accent-secondary);cursor:pointer;border:3px solid var(--bg-primary);border-radius:50%;width:22px;height:22px}.pg-section{margin-bottom:28px}.pg-section h3{color:var(--text-primary);margin:0 0 14px;font-size:15px;font-weight:600}.pg-checkbox{display:flex;color:var(--text-tertiary);cursor:pointer;user-select:none;align-items: flex-start;gap:12px;padding:10px 0;line-height:1.4}.pg-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-tertiary);background:var(--bg-tertiary);cursor:pointer;position:relative;border-radius:5px;flex-shrink:0;width:20px;height:20px;margin-top:2px}.pg-checkbox input[type=checkbox]:checked{background:var(--accent-secondary);border-color:var(--accent-secondary)}.pg-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;border:solid var(--button-text-dark);border-width:0 2px 2px 0;width:5px;height:10px;top:3px;left:6px;transform:rotate(45deg)}.pg-generate-btn{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;display:flex;border:none;border-radius:12px;justify-content:center;align-items: center;gap:10px;width:100%;margin-bottom:20px;padding:16px;transition:transform .1s,opacity .2s;font-size:16px;font-weight:600}.pg-generate-btn:not(:disabled):hover{transform:translateY(-2px)}.pg-generate-btn:disabled{opacity:.5;cursor:not-allowed}.pg-history-toggle{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:16px;padding:14px 16px}.pg-history-btn{color:var(--accent-tertiary);border:1px solid var(--border-tertiary);cursor:pointer;background:0 0;border-radius:12px;width:100%;margin-bottom:20px;padding:14px;font-size:15px;font-weight:500}.pg-history-btn:hover{border-color:var(--accent-quaternary);background:#22d3ee0d}.pg-history{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:16px;padding:20px}.pg-history-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:16px}.pg-history-header h3{color:var(--text-primary);margin:0;font-size:16px}.pg-clear-btn{background:var(--error);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.pg-clear-btn:hover{background:var(--error-tertiary)}.pg-history-empty{color:var(--text-quaternary);text-align:center;margin:0;padding:20px 0}.pg-history-list{list-style:none;display:flex;overflow-y:auto;flex-direction:column;gap:12px;max-height:360px;margin:0;padding:0}.pg-history-item{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;align-items: center;gap:12px;padding:14px 16px}.pg-history-main{overflow:hidden;flex:1;min-width:0}.pg-history-password{display:block;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;font-size:14px}.pg-history-meta{display:flex;align-items: center;gap:12px;font-size:12px}.pg-history-time{color:var(--text-quaternary)}.pg-strength{font-weight:600}.pg-strength-weak{color:var(--error-secondary)}.pg-strength-medium{color:var(--warning)}.pg-strength-strong{color:var(--success)}.pg-history-actions{display:flex;flex-shrink:0;gap:8px}.pg-action-btn{cursor:pointer;display:flex;border:none;border-radius:8px;align-items: center;gap:4px;padding:8px 12px;font-size:13px;font-weight:600}.pg-action-copy{background:var(--accent-secondary);color:var(--button-text-dark)}.pg-action-copy:hover{background:var(--accent-primary)}.pg-action-delete{background:var(--error);color:var(--text-primary)}.pg-action-delete:hover{background:var(--error-tertiary)}.qr-generator{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:24px;max-width:900px;margin:0 auto;padding:32px}.qr-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:18px;gap:8px;margin-bottom:28px;padding:8px}.qr-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:14px;padding:14px 18px;transition:background .2s,color .2s;font-size:16px;font-weight:600}.qr-tab.active{background:linear-gradient(135deg,var(--accent-quaternary),var(--accent-primary));color:var(--text-primary)}.qr-panel{display:grid;gap:18px}.qr-label{color:var(--text-primary);font-weight:600}.qr-input{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);outline:none;border-radius:12px;width:100%;padding:14px 16px;font-size:15px}.qr-input:focus{border-color:var(--accent-quaternary)}.qr-primary-btn{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;border:none;border-radius:12px;padding:14px 18px;transition:transform .1s,opacity .2s;font-weight:600}.qr-primary-btn:disabled{opacity:.5;cursor:not-allowed}.qr-primary-btn:not(:disabled):hover{transform:translateY(-2px)}.qr-secondary-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:12px 16px;transition:border-color .2s,background .2s;font-weight:600}.qr-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.qr-secondary-btn:not(:disabled):hover{border-color:var(--accent-quaternary);background:#22d3ee14}.qr-result-card{border:1px solid var(--border-primary);background:var(--bg-tertiary);display:grid;border-radius:20px;justify-items:center;gap:18px;padding:28px}.qr-image{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;width:220px;height:220px;padding:16px}.qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.qr-placeholder{color:var(--text-quaternary);text-align:center;margin:0}.qr-scan-actions{display:flex;flex-wrap:wrap;gap:12px}.qr-scan-area{border:1px solid var(--border-primary);background:var(--bg-tertiary);display:grid;position:relative;border-radius:20px;place-items: center;min-height:260px;padding:24px}.qr-video{display:block;object-fit:cover;border-radius:16px;width:100%;max-height:360px}.qr-canvas{display:none}.qr-scan-result{border:1px solid var(--border-primary);background:var(--bg-tertiary);display:grid;border-radius:16px;gap:10px;padding:18px}.qr-result-label{color:var(--text-primary);font-weight:600}.qr-result-value{color:var(--text-tertiary);word-break:break-word}.qr-error{color:var(--error-secondary);margin:0}.palette-generator{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:24px;max-width:900px;margin:0 auto;padding:32px}.palette-actions{display:flex;justify-content:space-between;align-items: center;gap:16px;margin-bottom:24px}.palette-generate-btn{display:inline-flex;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;border:none;border-radius:12px;align-items: center;gap:8px;padding:14px 18px;transition:transform .1s,opacity .2s;font-weight:600}.palette-generate-btn:hover{transform:translateY(-2px)}.palette-hint{color:var(--text-muted);margin:0;font-size:14px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.palette-swatch{border:1px solid var(--border-primary);background:var(--bg-tertiary);overflow:hidden;display:flex;border-radius:18px;flex-direction:column}.palette-swatch.locked{border-color:var(--accent-primary);box-shadow:0 0 0 1px #38bdf833}.palette-color{height:140px}.palette-info{display:grid;gap:12px;padding:16px}.palette-hex{color:var(--text-primary);letter-spacing:.5px;font-family:monospace;font-size:16px}.palette-buttons{display:flex;flex-wrap:wrap;gap:10px}.palette-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items: center;gap:6px;padding:8px 12px;transition:border-color .2s,background .2s;font-size:13px}.palette-btn:hover{border-color:var(--accent-primary);background:var(--hover-overlay)}.palette-btn.secondary{background:var(--bg-tertiary)}.color-converter{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:24px;max-width:900px;margin:0 auto;padding:32px}.free-logo-creator{display:grid;grid-template-columns:minmax(260px,320px)minmax(300px,1fr)minmax(280px,320px);text-align:left;align-items: start;gap:20px}.flc-panel{background:var(--bg-secondary);border:1px solid var(--border-secondary);box-shadow:var(--shadow-lg);border-radius:24px;padding:24px}.flc-panel-header{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-bottom:16px}.flc-panel-header h2{color:var(--text-primary);margin:0;font-size:18px}.flc-count{color:var(--accent-tertiary);background:#38bdf826;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.flc-input{border:1px solid var(--border-quaternary);background:var(--bg-quaternary);color:var(--text-secondary);border-radius:12px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:14px}.flc-input:focus{outline:none;border-color:var(--accent-primary)}.flc-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent-primary)var(--bg-quaternary);gap:10px;max-height:520px;padding-right:4px}.flc-icon-grid::-webkit-scrollbar{width:8px}.flc-icon-grid::-webkit-scrollbar-track{background:var(--bg-quaternary);border-radius:4px}.flc-icon-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary)0%,var(--accent-secondary)100%);border-radius:4px}.flc-icon-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-tertiary)0%,var(--accent-primary)100%)}[data-theme=light] .flc-icon-grid{scrollbar-color:var(--accent-primary)var(--bg-secondary)}[data-theme=light] .flc-icon-grid::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=light] .flc-icon-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary)0%,var(--accent-secondary)100%);border:1px solid var(--border-secondary)}[data-theme=light] .flc-icon-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary)0%,var(--accent-primary)100%);border-color:var(--accent-primary)}.flc-icon-btn{background:var(--bg-quaternary);color:var(--text-secondary);cursor:pointer;display:grid;border:1px solid #0000;border-radius:12px;place-items: center;padding:10px;transition:border-color .2s,box-shadow .2s,transform .1s}.flc-icon-btn:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.flc-icon-btn.selected{border-color:var(--accent-primary);background:var(--hover-overlay);box-shadow:0 0 0 1px #38bdf880}.flc-selection{color:var(--text-muted);margin-top:16px;font-size:13px}.flc-empty{color:var(--text-muted);font-size:13px}.flc-empty-state{display:grid;color:var(--text-muted);place-items: center;min-height:220px;font-size:15px}.flc-preview-stage{display:grid;place-items: center;padding:24px 0}.flc-preview-viewport{overflow:hidden;display:grid;border-radius:20px;place-items: center}.flc-preview-canvas{display:grid;border:1px solid var(--border-primary);background:var(--bg-primary);transform-origin:center;border-radius:20px;place-items: center;box-shadow:inset 0 0 0 1px #0f1729cc}.flc-preview-controls{display:flex;flex-direction:column;gap:8px}.flc-preview-canvas.transparent{background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff14 75%),linear-gradient(-45deg,#0000 75%,#ffffff14 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}[data-theme=light] .flc-preview-canvas.transparent{background-image:linear-gradient(45deg,#00000014 25%,#0000 25%),linear-gradient(-45deg,#00000014 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#00000014 75%),linear-gradient(-45deg,#0000 75%,#00000014 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.flc-preview-meta{display:flex;color:var(--text-muted);justify-content:space-between;font-size:13px}.flc-zoom{display:flex;color:var(--text-muted);align-items: center;gap:10px;font-size:13px}.flc-zoom input[type=range]{width:120px}.flc-field{display:grid;color:var(--text-tertiary);gap:8px;margin-bottom:18px;font-size:14px}.flc-field input[type=range]{width:100%}.flc-field input[type=color]{background:var(--bg-quaternary);border:none;border-radius:10px;width:100%;height:40px;padding:0}.flc-label{color:var(--text-primary);font-weight:600}.flc-metric{color:var(--text-muted);font-size:13px}.flc-toggle{display:flex;flex-wrap:wrap;gap:8px}.flc-chip{border:1px solid var(--border-tertiary);background:var(--bg-quaternary);color:var(--text-tertiary);cursor:pointer;border-radius:999px;padding:8px 12px;transition:border-color .2s,background .2s;font-size:12px}.flc-chip.active,.flc-chip:hover{border-color:var(--accent-primary);background:var(--hover-overlay)}.flc-export-actions{display:grid;gap:10px;margin-bottom:18px}.flc-primary,.flc-secondary{display:inline-flex;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items: center;gap:8px;padding:12px 14px;font-weight:600}.flc-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--button-text-dark)}.flc-secondary{background:var(--bg-tertiary);border:1px solid var(--border-tertiary);color:var(--text-secondary)}.flc-primary:disabled,.flc-secondary:disabled,.flc-chip:disabled{opacity:.5;cursor:not-allowed}.flc-export-presets{display:grid;gap:10px}.flc-preset-grid{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:1100px){.free-logo-creator{grid-template-columns:minmax(240px,1fr)}}.color-preview-section{display:flex;flex-direction:column;align-items: center;gap:16px;margin-bottom:32px}.color-preview-box{border:3px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:20px;width:120px;height:120px;transition:background-color .2s}.color-preview-label{color:var(--text-muted);margin:0;font-size:14px}.color-inputs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.color-input-card{display:flex;flex-direction:column;gap:10px}.color-input-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.color-input-wrapper{display:flex;gap:8px}.color-input{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);outline:none;border-radius:12px;flex:1;padding:14px 16px;transition:border-color .2s;font-family:monospace;font-size:15px}.color-input:focus{border-color:var(--accent-primary)}.color-copy-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items: center;padding:12px 14px;transition:border-color .2s,background .2s}.color-copy-btn:hover{border-color:var(--accent-primary);background:var(--hover-overlay)}@media (max-width:768px){.color-converter{padding:20px}.color-preview-box{width:100px;height:100px}.color-inputs-grid{grid-template-columns:1fr}}.robots-generator{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:20px;max-width:900px;margin:0 auto;padding:32px}.rg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rg-card{border:1px solid var(--border-primary);background:var(--bg-tertiary);display:grid;border-radius:18px;gap:12px;padding:18px}.rg-preview-card{border:1px solid var(--border-primary);background:var(--bg-secondary);display:grid;border-radius:18px;gap:12px;padding:18px}.rg-card-header{display:flex;justify-content:space-between;align-items: center;gap:12px}.rg-label{color:var(--text-primary);font-weight:600}.rg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rg-input,.rg-select{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);outline:none;border-radius:12px;width:100%;padding:12px 14px;font-size:14px}.rg-input:focus,.rg-select:focus{border-color:var(--accent-quaternary)}.rg-list{display:grid;gap:10px}.rg-list-row{display:grid;grid-template-columns:1fr auto;align-items: center;gap:10px}.rg-add-btn{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--accent-tertiary);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.rg-add-btn:hover{border-color:var(--accent-quaternary)}.rg-remove-btn{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--error-secondary);cursor:pointer;border-radius:10px;width:34px;height:34px;font-size:18px;line-height:1}.rg-remove-btn:hover{border-color:#ef4444}.rg-actions{display:flex;flex-wrap:wrap;gap:10px}.rg-secondary-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:600}.rg-secondary-btn:hover{border-color:var(--accent-quaternary);background:#22d3ee14}.rg-preview{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-tertiary);white-space:pre-wrap;border-radius:12px;min-height:140px;margin:0;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.json-formatter{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:24px;max-width:980px;margin:0 auto;padding:32px}.jf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.jf-card{border:1px solid var(--border-primary);background:var(--bg-tertiary);display:grid;border-radius:18px;gap:14px;padding:18px}.jf-label{color:var(--text-primary);font-weight:600}.jf-textarea{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);outline:none;resize:vertical;border-radius:12px;width:100%;min-height:240px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.jf-textarea:focus{border-color:var(--accent-quaternary)}.jf-textarea-output{background:var(--bg-primary)}.jt-editor .cm-editor{border:1px solid var(--border-tertiary);overflow:hidden;border-radius:12px;min-height:240px}.jt-editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.jt-editor .cm-editor.cm-focused{outline:none;border-color:var(--accent-quaternary)}.jt-editor .cm-gutters{background:var(--bg-tertiary);border-right:1px solid var(--border-primary);color:var(--text-quaternary)}.jt-editor .cm-content{padding:10px 12px}.jt-editor-output .cm-editor{background:var(--bg-primary)}.jf-actions{display:flex;flex-wrap:wrap;gap:10px}.jf-primary-btn{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;border:none;border-radius:10px;padding:10px 14px;transition:transform .1s,opacity .2s;font-weight:600}.jf-primary-btn:disabled{opacity:.5;cursor:not-allowed}.jf-primary-btn:not(:disabled):hover{transform:translateY(-2px)}.jf-secondary-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:600}.jf-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.jf-secondary-btn:not(:disabled):hover{border-color:var(--accent-quaternary);background:#22d3ee14}.jf-ghost-btn{border:1px solid var(--border-tertiary);color:var(--accent-tertiary);cursor:pointer;background:0 0;border-radius:10px;padding:10px 14px;font-weight:600}.jf-ghost-btn:disabled{opacity:.5;cursor:not-allowed}.jf-ghost-btn:not(:disabled):hover{border-color:var(--accent-quaternary)}.jf-status{display:flex;align-items: center;gap:8px;margin:0;font-size:13px}.jf-status-valid{color:var(--success)}.jf-status-error{color:var(--error-secondary)}.jf-status-position{color:var(--warning);font-weight:600}.redirects-tester{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:20px;max-width:900px;margin:0 auto;padding:32px}.rt-card{border:1px solid var(--border-primary);background:var(--bg-tertiary);display:grid;border-radius:18px;gap:12px;padding:18px}.rt-label{color:var(--text-primary);font-weight:600}.rt-input{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);outline:none;border-radius:12px;width:100%;padding:12px 14px;font-size:14px}.rt-input:focus{border-color:var(--accent-quaternary)}.rt-actions{display:flex;flex-wrap:wrap;gap:12px}.rt-primary-btn{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-weight:600}.rt-secondary-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:12px 16px;font-weight:600}.rt-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.rt-secondary-btn:not(:disabled):hover{border-color:var(--accent-quaternary);background:var(--hover-overlay)}.rt-hint{color:var(--text-muted);margin:0;font-size:13px}.rt-error{color:var(--error-secondary);margin:0;font-size:13px}.rt-results{display:grid;gap:14px}.rt-empty{border:1px dashed var(--border-quinary);background:var(--overlay-bg);color:var(--text-tertiary);border-radius:14px;padding:16px}.rt-result-card{border:1px solid var(--border-primary);background:var(--bg-tertiary);display:grid;border-radius:16px;gap:10px;padding:16px}.rt-result-header{display:flex;justify-content:space-between;align-items: center;gap:12px}.rt-result-title{color:var(--text-primary);font-weight:600}.rt-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.rt-status-success{color:var(--success);background:#22c55e26}.rt-status-warn{color:var(--warning);background:#f59e0b26}.rt-status-error{color:#ef4444;background:#ef444426}.rt-status-neutral{color:var(--text-tertiary);background:#94a3b826}.rt-result-line{display:grid;gap:6px}.rt-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px}.rt-code{color:var(--text-secondary);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.rt-meta-row,.rt-result-actions{display:flex;flex-wrap:wrap;gap:10px}.rt-action-btn{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--accent-tertiary);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.rt-action-btn:hover{border-color:var(--accent-quaternary)}.rt-meta-pill{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-tertiary);border-radius:999px;padding:6px 10px;font-size:12px}.rt-note{color:var(--warning);margin:0;font-size:13px}@media (max-width:640px){.qr-generator{padding:20px}.qr-tabs{grid-template-columns:1fr}.palette-generator{padding:20px}.palette-actions{flex-direction:column;align-items: flex-start}.palette-grid{grid-template-columns:1fr}.robots-generator{padding:20px}.rg-grid,.rg-row{grid-template-columns:1fr}.json-formatter{padding:20px}.jf-grid{grid-template-columns:1fr}.redirects-tester{padding:20px}}.compound-calculator{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:24px;max-width:900px;margin:0 auto;padding:32px}.calculator-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.calculator-inputs .input-group{display:flex;flex-direction:column;gap:8px}.calculator-inputs label{display:flex;color:var(--text-muted);align-items: center;gap:8px;font-size:14px;font-weight:600}.calculator-inputs .input-icon{color:var(--accent-quaternary)}.calculator-inputs input,.calculator-inputs select{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:12px;width:100%;padding:12px 16px;transition:border-color .15s,box-shadow .15s;font-family:inherit;font-size:16px}.calculator-inputs input:focus,.calculator-inputs select:focus{outline:none;border-color:var(--accent-quaternary);box-shadow:0 0 0 3px var(--hover-overlay)}.calculator-inputs .input-wrapper{position:relative;display:flex;align-items: center}.calculator-inputs .currency-prefix,.calculator-inputs .percent-suffix{position:absolute;color:var(--text-quinary);pointer-events:none;font-size:16px}.calculator-inputs .currency-prefix{left:16px}.calculator-inputs .percent-suffix{right:16px}.calculator-inputs .input-wrapper input{padding-left:32px}.calculator-inputs .input-wrapper input+.percent-suffix+input{padding-right:32px}.calculator-results{display:grid;gap:24px}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.result-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);text-align:center;border-radius:16px;padding:20px}.result-card.primary{border-color:var(--accent-quaternary);background:linear-gradient(135deg,#1e3a5f 0%,#0f1729 100%)}.result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.result-value{color:var(--text-secondary);font-size:24px;font-weight:700}.result-card.primary .result-value{color:var(--accent-quaternary);font-size:28px}.breakdown-section h3{display:flex;color:var(--text-secondary);align-items: center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:600}.breakdown-section h3 svg{color:var(--success)}.breakdown-table-wrapper{overflow-x:auto;border:1px solid var(--border-primary);border-radius:16px}.breakdown-table{border-collapse:collapse;width:100%;font-size:14px}.breakdown-table th,.breakdown-table td{text-align:left;padding:14px 16px}.breakdown-table th{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.breakdown-table td{border-top:1px solid var(--border-primary);color:var(--text-secondary)}.breakdown-table tr:hover td{background:#3b82f60d}.breakdown-table .interest-cell{color:var(--success);font-weight:600}.calculator-placeholder{display:flex;color:var(--text-quinary);flex-direction:column;justify-content:center;align-items: center;gap:16px;padding:60px 20px}.calculator-placeholder p{margin:0;font-size:16px}@media (max-width:768px){.calculator-inputs,.result-cards{grid-template-columns:1fr}.compound-calculator{padding:20px}}.regex-tester{text-align:left;max-width:1100px;margin:0 auto}.regex-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.regex-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);display:flex;border-radius:24px;flex-direction:column;gap:20px;padding:28px}.regex-label{color:var(--text-primary);font-size:14px;font-weight:600}.regex-pattern-section{display:flex;flex-direction:column;gap:10px}.regex-pattern-wrapper{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;align-items: center;gap:8px;padding:12px 16px}.regex-delimiter{color:var(--accent-secondary);font-family:monospace;font-size:18px;font-weight:600}.regex-pattern-input{color:var(--text-secondary);outline:none;background:0 0;border:none;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.regex-pattern-input::placeholder{color:var(--text-quinary)}.regex-flags-display{color:var(--warning);text-align:right;min-width:60px;font-family:monospace;font-size:14px;font-weight:600}.regex-flags-section{display:flex;flex-direction:column;gap:10px}.regex-flags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.regex-flag-btn{display:flex;border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border-radius:10px;flex-direction:column;align-items: center;gap:4px;padding:10px 8px;transition:all .2s}.regex-flag-btn:hover{border-color:var(--accent-quaternary);background:var(--hover-overlay)}.regex-flag-btn.active{border-color:var(--accent-secondary);background:var(--hover-overlay);color:var(--accent-secondary)}.regex-flag-letter{font-family:monospace;font-size:14px;font-weight:700}.regex-flag-desc{font-size:11px}.regex-text-section{display:flex;flex-direction:column;gap:10px}.regex-textarea{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);outline:none;resize:vertical;border-radius:12px;width:100%;min-height:160px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.regex-textarea:focus{border-color:var(--accent-quaternary)}.regex-textarea::placeholder{color:var(--text-quinary)}.regex-actions{display:flex;flex-wrap:wrap;gap:10px}.regex-secondary-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items: center;gap:8px;padding:10px 16px;transition:all .2s;font-size:14px;font-weight:600}.regex-secondary-btn:hover:not(:disabled){border-color:var(--accent-quaternary);background:#22d3ee14}.regex-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.regex-ghost-btn{display:inline-flex;border:1px solid var(--border-tertiary);color:var(--accent-tertiary);cursor:pointer;background:0 0;border-radius:10px;align-items: center;gap:8px;padding:10px 16px;transition:all .2s;font-size:14px;font-weight:600}.regex-ghost-btn:hover:not(:disabled){border-color:var(--accent-quaternary)}.regex-ghost-btn:disabled{opacity:.5;cursor:not-allowed}.regex-status{border-radius:10px;margin:0;padding:10px 14px;font-size:13px;font-weight:500}.regex-status-empty{color:var(--text-muted);background:#94a3b81a}.regex-status-error{color:var(--error-secondary);background:#f871711a}.regex-status-no-match{color:var(--warning);background:#f59e0b1a}.regex-status-success{color:var(--success);background:#22c55e1a}.regex-highlighted-text{background:var(--bg-tertiary);border:1px solid var(--border-primary);overflow:auto;border-radius:12px;max-height:200px;padding:16px}.regex-highlighted-text pre{white-space:pre-wrap;word-break:break-all;color:var(--text-secondary);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.6}.regex-match-highlight{color:var(--button-text-dark);background:#22d3ee4d;border-radius:4px;padding:2px 4px;font-weight:600}.regex-no-matches{text-align:center;color:var(--text-quinary);padding:40px 20px}.regex-matches-list{display:flex;flex-direction:column;gap:12px}.regex-matches-list h4{color:var(--text-muted);margin:0 0 8px;font-size:14px;font-weight:600}.regex-match-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:14px}.regex-match-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:8px}.regex-match-number{color:var(--accent-secondary);background:var(--hover-overlay);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.regex-match-position{color:var(--text-quinary);font-size:12px}.regex-match-content{background:var(--bg-primary);border-radius:8px;margin-bottom:10px;padding:10px 12px}.regex-match-content code{color:var(--text-secondary);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.regex-match-groups,.regex-match-named-groups{margin-top:10px}.regex-match-groups p,.regex-match-named-groups p{color:var(--text-muted);margin:0 0 8px;font-size:12px;font-weight:600}.regex-match-groups ul,.regex-match-named-groups ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.regex-match-groups li,.regex-match-named-groups li{display:flex;align-items: center;gap:8px;font-size:13px}.regex-group-index,.regex-group-name{color:var(--warning);min-width:24px;font-family:monospace;font-weight:600}.regex-group-name{min-width:auto}.regex-match-groups code,.regex-match-named-groups code{color:#cbd5e1;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.regex-empty-state{text-align:center;color:var(--text-quinary);padding:60px 20px}.regex-empty-state p{margin:0}@media (max-width:900px){.regex-grid{grid-template-columns:1fr}.regex-flags-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.regex-card{padding:20px}.regex-flags-grid{grid-template-columns:repeat(2,1fr)}.regex-flag-desc{display:none}}.timezone-converter{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:24px;max-width:900px;margin:0 auto;padding:32px}.tz-source-section{display:flex;justify-content:center}.tz-source-card{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:18px;flex-direction:column;gap:14px;min-width:320px;padding:20px}.tz-label{color:var(--text-primary);font-size:14px;font-weight:600}.tz-source-inputs{display:flex;gap:12px}.tz-input{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);outline:none;border-radius:12px;flex:1;padding:12px 14px;transition:border-color .2s;font-family:inherit;font-size:15px}.tz-input:focus{border-color:var(--accent-primary)}.tz-current-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--accent-tertiary);cursor:pointer;border-radius:12px;justify-content:center;align-items: center;gap:8px;padding:12px 16px;transition:border-color .2s,background .2s;font-size:14px;font-weight:600}.tz-current-btn:hover{border-color:var(--accent-primary);background:#22d3ee14}.tz-add-section{display:flex;justify-content:center}.tz-dropdown-container{position:relative}.tz-add-btn{display:inline-flex;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;border:none;border-radius:12px;align-items: center;gap:8px;padding:12px 20px;transition:transform .1s;font-size:14px;font-weight:600}.tz-add-btn:hover{transform:translateY(-2px)}.tz-dropdown{position:absolute;background:var(--bg-tertiary);border:1px solid var(--border-primary);z-index:100;border-radius:16px;width:320px;padding:12px;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.tz-search-input{border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-secondary);outline:none;border-radius:10px;width:100%;margin-bottom:10px;padding:12px 14px;font-size:14px}.tz-search-input:focus{border-color:var(--accent-primary)}.tz-search-input::placeholder{color:var(--text-quinary)}.tz-dropdown-list{overflow-y:auto;display:flex;flex-direction:column;gap:4px;max-height:240px}.tz-dropdown-label{color:var(--text-quinary);text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 4px;font-size:11px;font-weight:600}.tz-dropdown-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 12px;transition:background .15s,color .15s;font-size:14px}.tz-dropdown-item:hover{color:var(--accent-secondary);background:#22d3ee1a}.tz-empty{text-align:center;color:var(--text-quinary);border:1px dashed var(--border-quinary);background:#111b2f99;border-radius:16px;padding:32px 20px}.tz-zones-list{display:grid;gap:12px}.tz-zone-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);display:flex;border-radius:16px;flex-direction:column;gap:10px;padding:16px 20px;transition:border-color .2s}.tz-zone-card:hover{border-color:var(--border-quinary)}.tz-zone-header{display:flex;justify-content:space-between;align-items: center;gap:12px}.tz-zone-name{color:var(--text-primary);font-size:15px;font-weight:600}.tz-zone-actions{display:flex;gap:8px}.tz-icon-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items: center;width:34px;height:34px;transition:border-color .2s,background .2s,color .2s}.tz-icon-btn:hover{border-color:var(--accent-primary);color:var(--text-secondary);background:#22d3ee14}.tz-icon-btn.tz-remove-btn:hover{color:var(--error-secondary);background:#ef444414;border-color:#ef4444}.tz-zone-time{display:flex;align-items:baseline;gap:12px}.tz-time-value{color:var(--accent-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:600}.tz-time-offset{color:var(--text-quinary);font-size:14px}@media (max-width:640px){.timezone-converter{padding:20px}.tz-source-card{width:100%;min-width:auto}.tz-source-inputs{flex-direction:column}.tz-dropdown{width:280px}.tz-time-value{font-size:18px}}.word-counter{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:24px;max-width:900px;margin:0 auto;padding:32px}.wc-input-section{display:flex;flex-direction:column}.wc-textarea{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);outline:none;resize:vertical;border-radius:16px;width:100%;min-height:200px;padding:16px;transition:border-color .2s;font-family:inherit;font-size:15px;line-height:1.6}.wc-textarea:focus{border-color:var(--accent-primary)}.wc-textarea::placeholder{color:var(--text-quinary)}.wc-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wc-stat-card{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-primary);text-align:center;border-radius:16px;flex-direction:column;align-items: center;gap:8px;padding:20px 16px;transition:border-color .2s}.wc-stat-card:hover{border-color:var(--border-quinary)}.wc-stat-value{color:var(--accent-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;font-weight:700}.wc-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.wc-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.wc-secondary-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items: center;gap:8px;padding:12px 20px;transition:border-color .2s,background .2s;font-size:14px;font-weight:600}.wc-secondary-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#22d3ee14}.wc-secondary-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.word-counter{padding:20px}.wc-stats-grid{grid-template-columns:repeat(2,1fr)}.wc-stat-value{font-size:24px}}@media (max-width:480px){.wc-stats-grid{grid-template-columns:1fr 1fr}}.lorem-generator{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:24px;max-width:900px;margin:0 auto;padding:32px}.lg-controls{display:grid;gap:20px}.lg-control-group{display:flex;flex-direction:column;gap:10px}.lg-label{color:var(--text-primary);font-size:14px;font-weight:600}.lg-toggle-group{display:flex;flex-wrap:wrap;gap:8px}.lg-toggle-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border-radius:12px;padding:12px 20px;transition:border-color .2s,background .2s,color .2s;font-size:14px;font-weight:600}.lg-toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.lg-toggle-btn.active{border-color:var(--accent-secondary);color:var(--accent-secondary);background:#22d3ee26}.lg-input{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);outline:none;border-radius:12px;width:120px;padding:12px 16px;transition:border-color .2s;font-family:inherit;font-size:16px}.lg-input:focus{border-color:var(--accent-primary)}.lg-checkbox{display:flex;color:var(--text-secondary);cursor:pointer;user-select:none;align-items: center;gap:12px}.lg-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-tertiary);background:var(--bg-tertiary);cursor:pointer;position:relative;border-radius:5px;flex-shrink:0;width:20px;height:20px}.lg-checkbox input[type=checkbox]:checked{background:var(--accent-secondary);border-color:var(--accent-secondary)}.lg-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;border:solid var(--button-text-dark);border-width:0 2px 2px 0;width:5px;height:10px;top:3px;left:6px;transform:rotate(45deg)}.lg-generate-btn{display:inline-flex;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items: center;gap:10px;width:-moz-fit-content;width:fit-content;padding:14px 24px;transition:transform .1s;font-size:15px;font-weight:600}.lg-generate-btn:hover{transform:translateY(-2px)}.lg-output-section{display:flex;flex-direction:column;gap:12px}.lg-textarea{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);outline:none;resize:vertical;border-radius:16px;width:100%;min-height:200px;padding:16px;font-family:inherit;font-size:15px;line-height:1.6}.lg-textarea::placeholder{color:var(--text-quinary)}.lg-copy-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items: center;gap:8px;width:-moz-fit-content;width:fit-content;padding:12px 20px;transition:border-color .2s,background .2s;font-size:14px;font-weight:600}.lg-copy-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#22d3ee14}.lg-copy-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.lorem-generator{padding:20px}.lg-toggle-group{flex-direction:column}.lg-toggle-btn{text-align:center;width:100%}.lg-input{width:100%}}.base64-encoder{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:24px;max-width:900px;margin:0 auto;padding:32px}.b64-toggle-section{display:flex;justify-content:center;gap:8px}.b64-toggle-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border-radius:12px;padding:12px 24px;transition:border-color .2s,background .2s,color .2s;font-size:15px;font-weight:600}.b64-toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.b64-toggle-btn.active{border-color:var(--accent-secondary);color:var(--accent-secondary);background:#22d3ee26}.b64-field{display:flex;flex-direction:column;gap:10px}.b64-label{color:var(--text-primary);font-size:14px;font-weight:600}.b64-textarea{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);outline:none;resize:vertical;border-radius:14px;width:100%;min-height:140px;padding:16px;transition:border-color .2s;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.5}.b64-textarea:focus{border-color:var(--accent-primary)}.b64-textarea::placeholder{color:var(--text-quinary)}.b64-textarea.b64-output{background:var(--bg-primary)}.b64-textarea.b64-error{color:var(--error-secondary);border-color:#ef4444}.b64-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.b64-action-btn{display:inline-flex;border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items: center;gap:8px;padding:12px 20px;transition:border-color .2s,background .2s;font-size:14px;font-weight:600}.b64-action-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#22d3ee14}.b64-action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.base64-encoder{padding:20px}.b64-toggle-section{flex-direction:column}.b64-toggle-btn{text-align:center;width:100%}.b64-textarea{min-height:120px}}.business-name-generator{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:grid;border-radius:24px;gap:24px;max-width:900px;margin:0 auto;padding:32px}.bng-controls{display:grid;gap:20px}.bng-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bng-field{display:flex;flex-direction:column;gap:10px}.bng-label{color:var(--text-primary);font-size:14px;font-weight:600}.bng-input,.bng-select{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);outline:none;border-radius:12px;width:100%;padding:12px 16px;transition:border-color .2s;font-family:inherit;font-size:15px}.bng-input:focus,.bng-select:focus{border-color:var(--accent-primary)}.bng-options{display:grid;gap:10px}.bng-checkbox{display:flex;color:var(--text-secondary);cursor:pointer;user-select:none;align-items: center;gap:12px}.bng-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-tertiary);background:var(--bg-tertiary);cursor:pointer;position:relative;border-radius:5px;flex-shrink:0;width:20px;height:20px}.bng-checkbox input[type=checkbox]:checked{background:var(--accent-secondary);border-color:var(--accent-secondary)}.bng-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;border:solid var(--button-text-dark);border-width:0 2px 2px 0;width:5px;height:10px;top:3px;left:6px;transform:rotate(45deg)}.bng-actions{display:flex;flex-wrap:wrap;gap:12px}.bng-primary-btn{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:var(--button-text-dark);cursor:pointer;display:inline-flex;border:none;border-radius:12px;align-items: center;gap:8px;padding:14px 18px;transition:transform .1s,opacity .2s;font-size:15px;font-weight:600}.bng-primary-btn:hover{transform:translateY(-2px)}.bng-secondary-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:inline-flex;border-radius:12px;align-items: center;gap:8px;padding:12px 16px;transition:border-color .2s,background .2s;font-size:14px;font-weight:600}.bng-secondary-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#22d3ee14}.bng-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.bng-results{display:grid;background:#0b1224;border:1px solid #1a263f;border-radius:18px;gap:14px;padding:20px}.bng-results-header{display:flex;color:var(--text-tertiary);justify-content:space-between;align-items: center;font-weight:600}.bng-results-title{color:var(--text-primary);font-size:15px}.bng-results-count{color:var(--text-muted);font-size:13px}.bng-empty{color:var(--text-muted);font-size:14px}.bng-results-list{list-style:none;display:grid;gap:10px;margin:0;padding:0}.bng-result-item{display:flex;border:1px solid var(--border-primary);background:#111b2f99;border-radius:12px;justify-content:space-between;align-items: center;gap:12px;padding:12px 14px}.bng-result-name{color:var(--text-secondary);font-size:15px;font-weight:600}.bng-copy-btn{border:1px solid var(--border-tertiary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:inline-flex;border-radius:10px;align-items: center;gap:6px;padding:8px 12px;transition:border-color .2s,background .2s;font-size:13px;font-weight:600}.bng-copy-btn:hover{border-color:var(--accent-primary);background:#22d3ee14}@media (max-width:720px){.business-name-generator{padding:20px}.bng-form{grid-template-columns:1fr}.bng-actions{flex-direction:column}.bng-primary-btn,.bng-secondary-btn{justify-content:center;width:100%}.bng-result-item{flex-direction:column;align-items: flex-start}}.toast{position:fixed;background:var(--success);color:var(--text-primary);animation:toast-in .25s ease-out;z-index:1000;border-radius:12px;padding:14px 24px;font-weight:600;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}