.skip-link{position:absolute;top:-100%;left:0;background:var(--accent);color:#fff;padding:.5rem 1rem;z-index:10000;font-weight:600;text-decoration:none;border-radius:0 0 var(--radius) 0}.skip-link:focus{top:0}:root{--bg: #f1f5f9;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--text: #1a1a2e;--text-secondary: #475569;--border: #cbd5e1;--accent: #047857;--accent-hover: #065f46;--accent-bg: #10b981;--accent-light: #d1fae5;--success: #16a34a;--error: #dc2626;--warning: #f59e0b;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 12px rgba(0,0,0,.12);--radius: 8px;--radius-lg: 12px;--max-width: 1200px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", monospace;--bg-tertiary: #e2e8f0;--accent-secondary: #0ea5e9;--highlight: #fef08a;--input-bg: #ffffff;--input-border: #94a3b8;--input-text: #0f172a;--input-placeholder: #64748b;--input-shadow: inset 0 1px 2px rgba(0,0,0,.06);--footer-bg: #e2e8f0;--footer-text: #475569;--footer-link: #047857}[data-theme=dark]{--bg: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text: #e2e8f0;--text-secondary: #94a3b8;--border: #334155;--accent: #34d399;--accent-hover: #6ee7b7;--accent-light: #064e3b;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4);--bg-tertiary: #0f172a;--accent-secondary: #38bdf8;--highlight: #854d0e;--input-bg: #1e293b;--input-border: #334155;--input-text: #f1f5f9;--input-placeholder: #64748b;--input-shadow: none;--footer-bg: #0f172a;--footer-text: #94a3b8;--footer-link: #34d399}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;transition:background .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.content-section a,.seo-content a{text-decoration:underline;text-underline-offset:2px}.content-section a:hover,.seo-content a:hover{text-decoration-thickness:2px}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:.75rem 1rem;position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{display:flex;align-items:center}.site-logo img{height:40px;width:auto}.site-tagline{font-size:1.25rem;font-weight:700;color:var(--text)}.mobile-hero,.mobile-tagline{display:none}@media(max-width:768px){.site-logo img{height:36px}.site-tagline{display:none}.mobile-hero,.mobile-tagline{display:block}}.logo-img-light,.logo-img-dark{display:none!important}[data-theme=light] .logo-img-light,[data-theme=dark] .logo-img-dark{display:block!important}.site-logo:hover{text-decoration:none;color:var(--accent)}.brand-this{font-weight:700;color:var(--accent);font-size:1.05em;letter-spacing:-.01em}.header-nav{display:flex;align-items:center;gap:.5rem}.header-nav a{color:var(--text-secondary);font-size:.875rem;padding:.375rem .75rem;border-radius:var(--radius)}.header-nav a:hover{background:var(--bg-secondary);color:var(--text);text-decoration:none}.accent-picker{display:flex;gap:4px;align-items:center;margin-right:4px}.accent-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s;padding:0}.accent-dot:hover{transform:scale(1.25)}.accent-dot.active{border-color:var(--text)}@media(max-width:768px){.accent-picker{gap:2px}.accent-dot{width:14px;height:14px}}.theme-toggle{background:var(--bg-secondary);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;color:var(--text);line-height:1;flex-shrink:0}.theme-toggle:hover{background:var(--border)}.theme-toggle:before{content:"\263e";font-size:1.1rem}.theme-toggle:not(:empty):before{content:none}.page-wrapper{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1rem}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.content-grid{grid-template-columns:1fr 300px}}.main-content{min-width:0}.ad-slot{background:var(--input-bg);border:1px dashed var(--input-border);border-radius:var(--radius);padding:1rem;text-align:center;color:var(--input-placeholder);font-size:.75rem;min-height:90px;display:flex;align-items:center;justify-content:center}.ad-slot-banner{min-height:90px;margin-bottom:1.5rem}.ad-slot-sidebar{min-height:250px;position:sticky;top:5rem}.ad-slot-inline{min-height:100px;margin:1.5rem 0}.tool-card-page{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.tool-card-page h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;line-height:1.3}.tool-subtitle{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.25rem}textarea,.code-output{width:100%;padding:.75rem;font-family:var(--font-mono);font-size:.875rem;background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius);resize:vertical;line-height:1.5;tab-size:2;box-shadow:var(--input-shadow)}textarea::placeholder{color:var(--input-placeholder)}textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.code-output{background:var(--input-bg);white-space:pre-wrap;word-break:break-word;overflow-x:auto;min-height:120px}.split-pane{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.split-pane{grid-template-columns:1fr 1fr}}.pane-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pane-label span{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem;color:var(--text)}.form-group .hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.input-row{display:flex;gap:.75rem}.input-row .form-group{flex:1}input[type=number],input[type=text],input[type=search],select{width:100%;padding:.625rem .75rem;font-size:1rem;font-family:var(--font);background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius);box-shadow:var(--input-shadow);transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.status-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500;margin-top:.75rem}.status-bar.valid{background:var(--accent-light);color:var(--accent-hover);border:1px solid var(--accent)}[data-theme=dark] .status-bar.valid{background:var(--accent-light);color:var(--accent);border-color:var(--accent-hover)}.status-bar.invalid{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}[data-theme=dark] .status-bar.invalid{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.status-bar.info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}[data-theme=dark] .status-bar.info{background:#1e3a5f;color:#93c5fd;border-color:#1e40af}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:var(--font);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-group{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.option-chips{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:1rem}.option-chip{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border:1px solid var(--input-border);border-radius:9999px;background:var(--bg-card);color:var(--text);cursor:pointer;transition:all .15s;font-family:var(--font)}.option-chip:hover{background:var(--bg)}.option-chip.active{background:var(--accent-bg);color:#fff;border-color:var(--accent-bg)}.content-section{margin-top:2rem}.content-section h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.content-section h3{font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.content-section p{margin-bottom:.75rem;color:var(--text-secondary);line-height:1.7}.content-section ul,.content-section ol{margin:.5rem 0 1rem 1.25rem;color:var(--text-secondary)}.content-section li{margin-bottom:.375rem}.faq-section{margin-top:2rem}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;background:none;border:none;padding:1rem 0;font-size:.9375rem;font-weight:600;font-family:var(--font);color:var(--text);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-question:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-question:after{content:"-"}.faq-answer{display:none;padding:0 0 1rem;color:var(--text-secondary);line-height:1.7;font-size:.9375rem}.faq-item.open .faq-answer{display:block}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.tool-card{background:var(--bg-card);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:1.25rem;transition:box-shadow .15s ease,transform .15s ease;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px #0000000d}.tool-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px);text-decoration:none}.tool-card .tool-icon{font-size:2rem;line-height:1}.tool-card .tool-name{font-size:1rem;font-weight:600;color:var(--text)}.tool-card .tool-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.tool-card .tool-tag{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:9999px;background:var(--accent-light);color:var(--accent);margin-top:auto;align-self:flex-start}.category-filter{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:1rem}.category-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border:1px solid var(--input-border);border-radius:9999px;background:var(--input-bg);color:var(--text);cursor:pointer;transition:all .15s;font-family:var(--font)}.category-btn:hover{background:var(--bg-secondary);box-shadow:0 1px 3px #00000014}.category-btn.active{background:var(--accent-bg);color:#fff;border-color:var(--accent-bg)}.site-footer{max-width:var(--max-width);margin:3rem auto 0;padding:2rem 1rem;border-top:1px solid var(--border);font-size:.8125rem;color:var(--footer-text);background:var(--footer-bg)}.site-footer a{color:var(--footer-link)}.site-footer a:hover{color:var(--accent-hover)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-bottom:1.5rem}.footer-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin-bottom:.75rem}.footer-col a{display:block;color:var(--footer-link);padding:.25rem 0;font-size:.8125rem}.footer-col a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid var(--border)}.feedback-widget{background:var(--bg-card);border:1px solid var(--border);border-top:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:1.5rem 1.25rem 1.25rem;margin:1.5rem 0;box-shadow:var(--shadow);position:relative;overflow:hidden}.feedback-header{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.feedback-reactions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.25rem}.reaction-btn{background:none;border:2px solid transparent;border-radius:var(--radius-lg, 12px);padding:.75rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.375rem;transition:transform .15s,border-color .15s,box-shadow .15s;min-width:80px;min-height:44px}.reaction-emoji{font-size:2rem;line-height:1;transition:transform .2s}.reaction-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}@media(prefers-reduced-motion:no-preference){.reaction-btn:hover .reaction-emoji{transform:scale(1.2) translateY(-2px)}.reaction-btn:active .reaction-emoji{transform:scale(.95)}}.reaction-btn.selected{border-color:var(--accent);box-shadow:0 0 0 3px #10b98126;background:#10b98114}.reaction-btn.cooldown{opacity:.5;cursor:default;pointer-events:none}.feedback-comment{max-height:0;overflow:hidden;transition:max-height .3s ease-out,margin-top .3s;margin-top:0}.feedback-comment.open{max-height:200px;margin-top:1rem}.feedback-textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;font-family:var(--font);background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius);resize:vertical;min-height:56px;max-height:150px;transition:border-color .15s,box-shadow .15s;margin-bottom:.5rem;box-sizing:border-box;box-shadow:var(--input-shadow)}.feedback-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #10b98126}@keyframes feedback-pop-in{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.feedback-thankyou,.feedback-request-thankyou{text-align:center;font-weight:600;color:var(--success, #16a34a);padding:1rem;font-size:.9375rem}@media(prefers-reduced-motion:no-preference){.feedback-thankyou,.feedback-request-thankyou{animation:feedback-pop-in .4s ease-out}}.feedback-thankyou .thankyou-check,.feedback-request-thankyou .thankyou-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--success, #16a34a);color:#fff;border-radius:50%;font-size:.75rem;margin-right:.5rem;vertical-align:middle}.feedback-cooldown-msg{text-align:center;color:var(--text-secondary);font-size:.8125rem;padding:.5rem}.feedback-divider{border:none;border-top:1px solid var(--border);margin:.75rem 0}.feedback-request-toggle{text-align:center}.feedback-request-btn{background:none;border:1px solid var(--accent);color:var(--accent);font-size:.8125rem;font-family:var(--font);cursor:pointer;padding:.375rem .75rem;border-radius:var(--radius);transition:background .15s,color .15s}.feedback-request-btn:hover{background:var(--bg-secondary);color:var(--accent)}.feedback-request{margin-top:.75rem}@media(max-width:480px){.feedback-reactions{gap:.75rem}.reaction-btn{padding:.5rem .625rem;min-width:70px}.reaction-emoji{font-size:1.75rem}}@media print{.site-header,.site-footer,.ad-slot,.theme-toggle,.feedback-widget{display:none!important}body{background:#fff;color:#000}.tool-card-page{border:1px solid #ccc;box-shadow:none}}@media(max-width:480px){.input-row{flex-direction:column;gap:0}.option-chip{padding:.625rem 1rem;min-height:44px;display:inline-flex;align-items:center}}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -4px 12px #00000026;padding:1rem;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.consent-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.consent-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;flex:1;min-width:200px;margin:0}.consent-buttons{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.consent-link{font-size:.75rem;color:var(--text-secondary);text-decoration:underline}@media(max-width:480px){.consent-inner{flex-direction:column;text-align:center}.consent-buttons{justify-content:center;width:100%}}body{overflow-x:hidden}h1{font-size:clamp(1.25rem,4vw,1.75rem)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-weight:600;color:var(--text);background:var(--bg-secondary);position:sticky;top:0;z-index:1}.data-table tr:hover td{background:var(--bg-secondary)}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1rem;overflow-x:auto}.tab{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;font-family:var(--font);transition:color .15s,border-color .15s;min-height:44px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{display:none}.tab-content.active{display:block}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:500;display:none;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;max-width:560px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h2{font-size:1.125rem;font-weight:700}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;line-height:1}#toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:#fff;pointer-events:auto;opacity:0;transform:translate(100%);transition:opacity .3s,transform .3s;max-width:360px;box-shadow:var(--shadow-lg)}.toast.toast-show{opacity:1;transform:translate(0)}.toast-success{background:var(--success)}.toast-error{background:var(--error)}.toast-info{background:var(--accent-secondary)}.canvas-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px}.canvas-container canvas,.canvas-container svg,.canvas-container img{max-width:100%;height:auto}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,background .2s;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.drop-zone:hover,.drop-zone.drag-active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.drop-zone-icon{font-size:2rem}.drop-zone-text{font-size:.875rem;font-weight:500}.drop-zone-hint{font-size:.75rem;color:var(--text-secondary)}.slider-group{display:flex;align-items:center;gap:.75rem}.slider-input{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.slider-value{min-width:3rem;text-align:center;font-size:.875rem;font-weight:600;font-family:var(--font-mono)}.color-swatch{width:48px;height:48px;border-radius:var(--radius);border:1px solid var(--border);display:inline-block;vertical-align:middle}.color-swatch-sm{width:24px;height:24px;border-radius:4px}.color-swatch-lg{width:80px;height:80px}.code-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.code-block pre{margin:0;padding:.75rem;counter-reset:line}.code-block.line-numbers pre{padding-left:3.5rem;position:relative}.code-block.line-numbers .code-line:before{counter-increment:line;content:counter(line);position:absolute;left:0;width:2.5rem;text-align:right;padding-right:.75rem;color:var(--text-secondary);opacity:.5;user-select:none}.code-line{display:block;min-height:1.6em}.badge{display:inline-flex;align-items:center;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.125rem .5rem;border-radius:9999px;line-height:1.6}.badge-new{background:var(--accent-light);color:var(--accent-hover);border:1px solid var(--accent)}[data-theme=dark] .badge-new{background:var(--accent-light);color:var(--accent);border-color:var(--accent-hover)}.badge-popular{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}[data-theme=dark] .badge-popular{background:#451a03;color:#fbbf24;border-color:#92400e}.tool-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.tool-grid-compact .tool-card{padding:1rem}.tool-grid-compact .tool-icon{font-size:1.5rem}.tool-grid-compact .tool-name{font-size:.875rem}.tool-grid-compact .tool-desc{font-size:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subcategory-nav{display:flex;gap:.375rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subcategory-nav::-webkit-scrollbar{display:none}.subcategory-pill{padding:4px 10px;font-size:.8rem;font-weight:500;border:1px solid var(--text-secondary);border-radius:9999px;background:var(--bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s;font-family:var(--font);min-height:32px;display:inline-flex;align-items:center}.subcategory-pill:hover,.subcategory-pill.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.sort-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem}.sort-controls label{color:var(--text-secondary);font-weight:500}.sort-controls select{padding:.375rem .5rem;font-size:.8125rem;min-width:auto;width:auto}.tool-count{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem}.main-content,.tool-card-page,.split-pane>*{min-width:0}textarea,.code-output,pre,code{max-width:100%;overflow-x:auto}table{display:block;overflow-x:auto;max-width:100%}.page-wrapper{overflow-x:hidden}@media(max-width:640px){.split-pane{grid-template-columns:1fr}.tool-grid-compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.modal{margin:.5rem;max-height:90vh}.tabs{gap:0}.tab{padding:.5rem .75rem;font-size:.8125rem}}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(min-width:1440px){:root{--max-width: 1400px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tool-grid-compact{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(orientation:landscape)and (max-height:500px){.site-header{padding:.375rem 1rem}.site-header .site-logo{font-size:1rem}textarea,.code-output{min-height:80px;max-height:40vh}.page-wrapper{padding:.75rem 1rem}}@media(pointer:coarse){.btn{min-height:44px;min-width:44px}.tab{min-height:44px}.category-btn,.subcategory-pill,.option-chip{min-height:44px;padding:.5rem 1rem}.faq-question{min-height:44px}.theme-toggle{min-height:44px;min-width:44px}}[data-theme=dark] .data-table th{background:var(--bg-tertiary)}[data-theme=dark] .drop-zone:hover,[data-theme=dark] .drop-zone.drag-active{background:var(--accent-light)}[data-theme=dark] .modal{border-color:var(--border)}[data-theme=dark] .slider-input{background:var(--border)}[data-theme=dark] .slider-input::-webkit-slider-thumb{border-color:var(--bg)}[data-theme=dark] .toast{box-shadow:0 4px 12px #00000080}.support-banner{background:linear-gradient(135deg,var(--accent-light),var(--bg-secondary));border-bottom:1px solid var(--border);padding:.5rem 1rem;text-align:center;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.support-banner strong{color:var(--text)}.support-banner .close-banner{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:0 .25rem;margin-left:.5rem}.support-banner .close-banner:hover{color:var(--text)}[data-theme=dark] .support-banner{background:linear-gradient(135deg,var(--accent-light),var(--bg-secondary))}.related-tools{margin-top:2rem}.related-tools h2{margin-bottom:1rem}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.related-tool-card{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.related-tool-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #10b98126}.related-tool-icon{font-size:1.25rem;flex-shrink:0}.related-tool-name{font-size:.85rem;font-weight:500;line-height:1.2}@media(max-width:600px){.related-tools-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.site-logo img{height:24px;max-width:130px}.site-logo{flex-shrink:0}.header-nav{overflow-x:auto;white-space:nowrap;flex-shrink:1;min-width:0}.header-nav a{flex-shrink:0}}.btn-secondary,.btn-sm{min-height:36px;padding:6px 12px;background:transparent;border:1px solid var(--input-border);color:var(--text)}.btn-secondary:hover,.btn-sm:hover{background:var(--input-bg)}:focus-visible{outline:2px solid var(--accent-bg);outline-offset:2px}#CybotCookiebotDialog{max-height:40vh!important;padding:12px 16px!important;font-size:13px!important}#CybotCookiebotDialogBodyContent{padding:0!important}#CybotCookiebotDialogBodyContentTitle{font-size:15px!important;margin:0 0 4px!important}#CybotCookiebotDialogBodyContentText{font-size:12px!important;line-height:1.3!important;margin:0 0 8px!important;max-height:3em!important;overflow:hidden!important}#CybotCookiebotDialogBodyLevelButtonsTable{margin:0!important;padding:0!important}#CybotCookiebotDialogBodyLevelButtonsSelectPane{padding:4px 0!important}#CybotCookiebotDialogBodyButtons{padding:4px 0 0!important;gap:6px!important}#CybotCookiebotDialogBodyButtons a,#CybotCookiebotDialogBodyButtons button{padding:8px 16px!important;font-size:13px!important;min-height:unset!important}#CybotCookiebotDialogBodyLevelDetailsWrapper{padding:0!important}@media(max-width:600px){#CybotCookiebotDialogBodyButtons{flex-direction:row!important;flex-wrap:wrap!important}#CybotCookiebotDialogBodyButtons a,#CybotCookiebotDialogBodyButtons button{flex:1 1 auto!important;min-width:80px!important}}.instructions-hint{font-size:.8125rem;color:var(--text-secondary);margin:-.25rem 0 1rem}.instructions-hint a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;font-weight:500}.instructions-hint a:hover{color:var(--accent-hover)}#how-to-use{scroll-margin-top:5rem}@media(prefers-contrast:more){:root{--text-secondary: #334155;--border: #94a3b8;--input-border: #64748b}[data-theme=dark]{--text-secondary: #cbd5e1;--border: #64748b;--input-border: #94a3b8}.tool-card-page,.content-section,.site-header,.option-chip,.category-btn,.status-bar,.related-tool-card,.faq-item,.drop-zone,.comparison-card,.tool-card,input,textarea,select{border-width:2px}:focus-visible{outline-width:3px;outline-offset:2px}.btn-primary{border:2px solid var(--accent-hover)}.skip-link:focus{outline:3px solid #fff}}