@font-face{font-family:blueprint-icons-16;src:url(../media/blueprint-icons-16.06vov~63v2fkn.ttf)format("truetype"),url(../media/blueprint-icons-16.0ojjf3if4t2ih.eot)format("embedded-opentype"),url(../media/blueprint-icons-16.0uh-byoch.8s~.woff2)format("woff2"),url(../media/blueprint-icons-16.0_u6-ku0tduj3.woff)format("woff"),url(../media/blueprint-icons-16.0okn1shbbpy~8.svg)format("svg")}@font-face{font-family:blueprint-icons-20;src:url(../media/blueprint-icons-20.0ya4n_k3pkrdl.ttf)format("truetype"),url(../media/blueprint-icons-20.12fizprhc4d10.eot)format("embedded-opentype"),url(../media/blueprint-icons-20.01llx4bsu2c6d.woff2)format("woff2"),url(../media/blueprint-icons-20.0iih699kewe_x.woff)format("woff"),url(../media/blueprint-icons-20.0z~8a-f9-ykhn.svg)format("svg")}
:root{--color-bg-base:#f6f8fa;--color-bg-surface:#fff;--color-bg-elevated:#fff;--color-bg-hover:#eef2f5;--color-bg-input:#fff;--color-text-primary:#1c2127;--color-text-secondary:#5c7080;--color-text-muted:#8a9ba8;--color-text-inverse:#fff;--color-accent:#10b981;--color-accent-hover:#34d399;--color-accent-muted:#10b9811f;--color-accent-glow:#10b98140;--color-video:#8b5cf6;--color-video-glow:#8b5cf640;--color-video-muted:#8b5cf61f;--color-audio:#10b981;--color-audio-glow:#10b98140;--color-audio-muted:#10b9811f;--color-pdf:#3b82f6;--color-pdf-glow:#3b82f640;--color-pdf-muted:#3b82f61f;--color-image:#ec4899;--color-image-glow:#ec489940;--color-image-muted:#ec48991f;--color-destructive:#f85149;--color-destructive-muted:#f851491f;--color-warning:#f59e0b;--color-info:#3b82f6;--border-subtle:1px solid #10161a1a;--border-default:1px solid #10161a26;--border-accent:1px solid var(--color-accent);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-full:999px}.bp5-dark{--color-bg-base:#050505;--color-bg-surface:#0f0f0f99;--color-bg-elevated:#191919b3;--color-bg-hover:#232323cc;--color-bg-input:#0a0a0a80;--glass-border:1px solid #ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--backdrop-blur:blur(16px);--color-text-primary:#f0f0f3;--color-text-secondary:#a1a1aa;--color-text-muted:#63636e;--color-text-inverse:#0a0a0b;--border-subtle:1px solid #ffffff0f;--border-default:1px solid #ffffff1a}:root{--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-code:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--color-accent-glow);--transition-fast:.12s ease;--transition-default:.2s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--max-content:1200px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);background-color:var(--color-bg-base);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-bg-surface);-webkit-backdrop-filter:var(--backdrop-blur);border-right:var(--glass-border,var(--border-subtle));z-index:100;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-5) var(--space-6);border-bottom:var(--border-subtle);align-items:center;gap:var(--space-3);min-height:var(--nav-height);display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--color-accent), #059669);border-radius:var(--border-radius-sm);width:32px;height:32px;color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sidebar-logo-text{font-family:var(--font-mono);letter-spacing:-.02em;font-size:15px;font-weight:600}.sidebar-logo-text span{color:var(--color-accent)}.sidebar-section{padding:var(--space-3) var(--space-3)}.sidebar-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:14px;font-weight:450;display:flex;position:relative}.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-accent-muted);color:var(--color-accent)}.sidebar-link.active:before{content:"";background:var(--color-accent);border-radius:0 4px 4px 0;width:3px;height:16px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-link-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.sidebar-link-badge{font-family:var(--font-mono);border-radius:var(--border-radius-full);background:var(--color-accent-muted);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.sidebar-footer{padding:var(--space-4) var(--space-4);border-top:var(--border-subtle);margin-top:auto}.sidebar-footer-card{background:var(--color-bg-elevated);border:var(--border-subtle);border-radius:var(--border-radius-md);padding:var(--space-4)}.sidebar-footer-card p{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:12px;line-height:1.5}.sidebar-footer-card .emoji{margin-right:var(--space-1);font-size:14px}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;position:relative}.mobile-nav-toggle{top:var(--space-4);left:var(--space-4);z-index:200;background:var(--color-bg-elevated);border:var(--border-default);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:none;position:fixed}.mobile-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}.page-container{max-width:var(--max-content);padding:var(--space-10) var(--space-8);margin:0 auto}.page-header{margin-bottom:var(--space-10)}.page-header h1{letter-spacing:-.03em;margin-bottom:var(--space-3);font-size:32px;font-weight:700;line-height:1.2}.page-header p{color:var(--color-text-secondary);max-width:600px;font-size:16px;line-height:1.6}.tools-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.tool-card{background:var(--color-bg-surface);-webkit-backdrop-filter:var(--backdrop-blur);border:var(--glass-border,var(--border-subtle));border-radius:var(--border-radius-lg);padding:var(--space-6);transition:all var(--transition-default);cursor:pointer;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tool-card:before{content:"";border-radius:var(--border-radius-lg);transition:border-color var(--transition-default);pointer-events:none;border:1px solid #0000;position:absolute;inset:0}.tool-card:hover{background:var(--color-bg-elevated);box-shadow:var(--glass-shadow,var(--shadow-lg));transform:translateY(-4px)}.tool-card:hover:before{border-color:var(--color-accent-muted)}.tool-card.primary{gap:var(--space-8);background:linear-gradient(135deg, var(--color-bg-surface), var(--color-bg-elevated));border-color:#10b98126;grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.tool-card.primary:hover{border-color:#10b9814d}.tool-card-icon{border-radius:var(--border-radius-md);width:48px;height:48px;margin-bottom:var(--space-4);background:var(--color-bg-hover);border:var(--border-subtle);justify-content:center;align-items:center;font-size:24px;display:flex}.tool-card.primary .tool-card-icon{background:var(--color-accent-muted);border-color:#10b98133}.tool-card h3{margin-bottom:var(--space-2);letter-spacing:-.01em;font-size:18px;font-weight:600}.tool-card p{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-size:14px;line-height:1.6}.tool-card-features{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool-card-feature{font-family:var(--font-mono);border-radius:var(--border-radius-full);background:var(--color-bg-base);border:var(--border-subtle);color:var(--color-text-secondary);padding:3px 10px;font-size:11px;font-weight:500}.tool-card-arrow{bottom:var(--space-5);right:var(--space-5);color:var(--color-text-muted);transition:all var(--transition-default);font-size:20px;position:absolute}.tool-card:hover .tool-card-arrow{color:var(--color-accent);transform:translate(4px)}.hero{padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative}.hero-badge{align-items:center;gap:var(--space-2);font-family:var(--font-mono);border-radius:var(--border-radius-full);background:var(--color-accent-muted);color:var(--color-accent);margin-bottom:var(--space-6);border:1px solid #10b98126;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-.04em;margin-bottom:var(--space-5);max-width:700px;margin-left:auto;margin-right:auto;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.hero h1 .accent{background:linear-gradient(135deg, var(--color-accent), #34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-8);font-size:17px;line-height:1.7}.hero-stats{justify-content:center;gap:var(--space-10);margin-top:var(--space-8);padding-top:var(--space-8);border-top:var(--border-subtle);display:flex}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-mono);color:var(--color-accent);margin-bottom:var(--space-1);font-size:24px;font-weight:600}.hero-stat-label{color:var(--color-text-muted);font-size:13px}.home-page{gap:var(--space-12);flex-direction:column;display:flex}.home-hero{padding-bottom:var(--space-10)}.hero-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.trust-strip{gap:var(--space-4);padding:var(--space-5);border-block:var(--border-subtle);grid-template-columns:repeat(3,1fr);display:grid}.trust-strip div{gap:var(--space-1);flex-direction:column;display:flex}.trust-strip strong{font-size:14px}.trust-strip span{color:var(--color-text-secondary);font-size:13px}.section-stack{gap:var(--space-6);flex-direction:column;display:flex}.section-heading{max-width:700px}.section-heading span,.section-kicker{margin-bottom:var(--space-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-size:11px;font-weight:600;display:inline-block}.section-heading h2,.proof-section h2{letter-spacing:0;margin-bottom:var(--space-3);font-size:clamp(24px,3vw,34px);line-height:1.16}.section-heading.compact h2{margin-bottom:0}.section-heading p,.proof-section p{color:var(--color-text-secondary);line-height:1.7}.tool-card-link{text-decoration:none;display:block}.tool-card[data-category=video] .tool-card-icon{background:var(--color-video-muted);color:var(--color-video)}.tool-card[data-category=audio] .tool-card-icon{background:var(--color-audio-muted);color:var(--color-audio)}.tool-card[data-category=pdf] .tool-card-icon{background:var(--color-pdf-muted);color:var(--color-pdf)}.tool-card[data-category=image] .tool-card-icon{background:var(--color-image-muted);color:var(--color-image)}.tool-card[data-category=convert] .tool-card-icon{background:var(--color-accent-muted);color:var(--color-accent)}.tool-directory{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.tool-directory-group h3{margin-bottom:var(--space-3);font-size:15px}.tool-directory-links{gap:var(--space-2);display:grid}.tool-directory-links a{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-text-secondary);border-bottom:var(--border-subtle);font-size:14px;display:flex}.tool-directory-links a:hover{color:var(--color-accent)}.conversion-link-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));display:grid}.conversion-link-grid a{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-family:var(--font-mono);text-align:center;grid-template-columns:1fr auto 1fr;font-size:13px;font-weight:700;display:grid}.conversion-link-grid a:hover{border-color:var(--color-accent);background:var(--color-accent-muted);color:var(--color-accent)}.benchmark-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.benchmark-card{background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);padding:var(--space-5)}.benchmark-card h3{margin-bottom:var(--space-2);font-size:16px}.benchmark-card p{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:14px;line-height:1.6}.benchmark-card strong{color:var(--color-accent);font-size:13px;line-height:1.5;display:block}.traffic-playbook{gap:var(--space-2);flex-wrap:wrap;display:flex}.traffic-playbook span{border-radius:var(--border-radius-full);background:var(--color-bg-surface);border:var(--border-subtle);color:var(--color-text-secondary);padding:7px 12px;font-size:13px}.proof-section{gap:var(--space-10);padding-block:var(--space-10);border-block:var(--border-subtle);grid-template-columns:minmax(240px,.8fr) 1.2fr;align-items:start;display:grid}.proof-section p+p{margin-top:var(--space-4)}.faq-section{gap:var(--space-5);flex-direction:column;display:flex}.faq-list{gap:var(--space-3);display:grid}.faq-list details{background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);padding:var(--space-4) var(--space-5)}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{margin-top:var(--space-3);color:var(--color-text-secondary)}.tool-content-section{margin-top:var(--space-12);gap:var(--space-5);flex-direction:column;display:flex}.tool-content-section.two-column{gap:var(--space-8);padding-block:var(--space-8);border-block:var(--border-subtle);grid-template-columns:minmax(220px,.8fr) 1.2fr;display:grid}.tool-content-section p{color:var(--color-text-secondary);line-height:1.7}.tool-content-section p+p{margin-top:var(--space-4)}.how-to-list{gap:var(--space-3);counter-reset:how-to;list-style:none;display:grid}.how-to-list li{counter-increment:how-to;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);grid-template-columns:36px 1fr;display:grid}.how-to-list li:before{content:counter(how-to);border-radius:var(--border-radius-full);background:var(--color-accent-muted);width:32px;height:32px;color:var(--color-accent);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.related-tool-list{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.related-tool-button{min-height:72px;padding:var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--color-text-primary);white-space:normal;font-weight:600;display:flex}.related-tool-button:hover{background:var(--color-bg-hover);color:var(--color-accent)}.dropzone{border:2px dashed var(--color-text-muted);border-radius:var(--border-radius-lg);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-default);background:var(--color-bg-surface);position:relative}.dropzone:hover,.dropzone.drag-over{border-color:var(--color-accent);background:var(--color-accent-muted)}.dropzone.drag-over{box-shadow:var(--shadow-glow)}.dropzone-icon{margin-bottom:var(--space-4);opacity:.6;font-size:40px}.dropzone h3{margin-bottom:var(--space-2);font-size:16px;font-weight:600}.dropzone p{color:var(--color-text-muted);font-size:13px}.dropzone-formats{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.dropzone-format{font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--border-radius-full);background:var(--color-bg-hover);color:var(--color-text-muted);padding:2px 8px;font-size:10px;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);white-space:nowrap;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);font-weight:600}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-bg-elevated);border:var(--border-default);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-hover)}.btn-danger{background:var(--color-destructive-muted);color:var(--color-destructive)}.btn-danger:hover{background:#f8514933}.btn-sm{border-radius:6px;padding:6px 14px;font-size:13px}.btn-lg{border-radius:var(--border-radius-md);padding:14px 28px;font-size:15px}.btn-icon{border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;display:inline-flex}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.input-field{background:var(--color-bg-input);border:var(--border-default);border-radius:var(--border-radius-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast);width:100%;padding:10px 14px;font-size:14px}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.input-field::placeholder{color:var(--color-text-muted)}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2363636e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea.input-field{resize:vertical;min-height:100px;font-family:var(--font-code);font-size:13px;line-height:1.6}.tabs{background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-md);gap:2px;padding:4px;display:flex;overflow-x:auto}.tab{border-radius:var(--border-radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:500}.tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tab.active{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.progress-bar-container{background:var(--color-bg-hover);border-radius:var(--border-radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-accent), #34d399);border-radius:var(--border-radius-full);height:100%;transition:width var(--transition-default);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:1.5s infinite progress-shimmer;position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.console{background:var(--color-bg-base);border:var(--border-subtle);border-radius:var(--border-radius-md);font-family:var(--font-code);max-height:200px;padding:var(--space-4);font-size:12px;overflow-y:auto}.console-line{color:var(--color-text-muted);word-break:break-all;padding:2px 0;line-height:1.5}.console-line.info{color:var(--color-text-secondary)}.console-line.success{color:var(--color-accent)}.console-line.error{color:var(--color-destructive)}.console-line .timestamp{color:var(--color-text-muted);margin-right:var(--space-2)}.toast{background:var(--color-bg-elevated);border:var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);pointer-events:all;max-width:380px;font-size:14px;animation:.3s toast-in;display:flex}.toast.success{border-color:#10b9814d}.toast-icon{flex-shrink:0;font-size:18px}.toast-dismiss{opacity:.5;cursor:pointer;transition:opacity var(--transition-fast);margin-left:auto;font-size:16px}.toast-dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.file-list{gap:var(--space-2);flex-direction:column;display:flex}.file-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);font-size:14px;display:flex}.file-item:hover{background:var(--color-bg-elevated)}.file-item-icon{flex-shrink:0;font-size:18px}.file-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.file-item-size{font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;font-size:12px}.file-item-remove{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);font-size:16px}.file-item-remove:hover{color:var(--color-destructive)}.tool-layout{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.tool-main{gap:var(--space-5);flex-direction:column;display:flex}.tool-sidebar{gap:var(--space-5);top:var(--space-8);flex-direction:column;display:flex;position:sticky}.tool-panel{background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-5)}.tool-panel-header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-subtle);font-size:12px;font-weight:600}.regex-input{font-family:var(--font-code);letter-spacing:.02em;padding:14px 18px;font-size:16px}.regex-flags{gap:var(--space-2);display:flex}.regex-flag{font-family:var(--font-mono);border-radius:var(--border-radius-sm);background:var(--color-bg-surface);border:var(--border-default);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.regex-flag.active{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.match-highlight{background:var(--color-accent-muted);border-bottom:2px solid var(--color-accent);border-radius:2px;padding:0 1px}.match-info{font-family:var(--font-mono);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);font-size:13px}.comparison-container{border-radius:var(--border-radius-lg);border:var(--border-subtle);aspect-ratio:16/10;background:repeating-conic-gradient(#18181b 0% 25%,#111113 0% 50%) 50%/20px 20px;position:relative;overflow:hidden}.comparison-container img{object-fit:contain;width:100%;height:100%;display:block}.image-workbench{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.image-preview-panel{gap:var(--space-3);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);min-height:280px;padding:var(--space-4);flex-direction:column;display:flex}.image-preview-panel span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.image-preview-panel img{object-fit:contain;border-radius:var(--border-radius-sm);background:repeating-conic-gradient(#78788229 0% 25%,#0000 0% 50%) 50%/20px 20px;width:100%;min-height:220px;max-height:420px}.image-settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.image-checkbox{align-items:center;gap:var(--space-2);min-height:42px;color:var(--color-text-secondary);font-size:14px;display:flex}.image-checkbox input{width:16px;height:16px;accent-color:var(--color-accent)}.utility-grid{gap:var(--space-4);display:grid}.utility-textarea{min-height:260px}.utility-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.utility-select{max-width:160px}.utility-full-button{width:100%;margin-top:var(--space-5)}.utility-metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.utility-metrics div{justify-content:center;gap:var(--space-1);background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-sm);min-height:92px;padding:var(--space-4);flex-direction:column;display:flex}.utility-metrics strong{color:var(--color-accent);font-family:var(--font-mono);font-size:22px}.utility-metrics span{color:var(--color-text-secondary);font-size:13px}.utility-output{white-space:pre-wrap;word-break:break-word;background:var(--color-bg-base);border:var(--border-subtle);border-radius:var(--border-radius-sm);max-height:460px;padding:var(--space-4);color:var(--color-text-primary);font-family:var(--font-code);font-size:13px;line-height:1.6;overflow:auto}.utility-error{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-destructive-muted);border-radius:var(--border-radius-sm);color:var(--color-destructive);border:1px solid #f8514947}.utility-output-list{gap:var(--space-3);margin-top:var(--space-4);display:grid}.utility-output-list button{padding:var(--space-3) var(--space-4);background:var(--color-bg-base);border:var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-family:var(--font-code);text-align:left}.utility-output-list button:hover{border-color:var(--color-accent);color:var(--color-accent)}.color-swatch{border:var(--border-default);border-radius:var(--border-radius-sm);min-height:72px}.media-preview{background:var(--color-bg-base);border:var(--border-subtle);border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.media-preview video,.media-preview audio{width:100%;display:block}.media-preview audio{padding:var(--space-8) var(--space-4)}.media-preview-placeholder{aspect-ratio:16/9;justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);flex-direction:column;display:flex}.media-preview-placeholder .icon{opacity:.3;font-size:48px}.range-slider{appearance:none;background:var(--color-bg-hover);border-radius:var(--border-radius-full);outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg-base);width:18px;height:18px;box-shadow:0 0 0 3px var(--color-accent-muted);transition:box-shadow var(--transition-fast);border-radius:50%}.range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--color-accent-muted)}.status-badge{align-items:center;gap:var(--space-1);font-family:var(--font-mono);border-radius:var(--border-radius-full);padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.status-badge.ready{background:var(--color-accent-muted);color:var(--color-accent)}.status-badge.loading{color:var(--color-warning);background:#f59e0b1f}.status-badge.error{background:var(--color-destructive-muted);color:var(--color-destructive)}.spinner{border:2px solid var(--color-bg-hover);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.privacy-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent-muted);border-radius:var(--border-radius-sm);color:var(--color-accent);border:1px solid #10b9811a;font-size:13px;display:flex}.privacy-banner-icon{flex-shrink:0;font-size:16px}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-bg-elevated);border:var(--border-default);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-sm);pointer-events:auto;min-width:300px;max-width:400px;animation:toast-slide-up var(--transition-default) forwards;align-items:center;gap:12px;padding:12px 16px;display:flex}.toast-success{border-left:4px solid var(--color-accent)}.toast-error{border-left:4px solid var(--color-destructive)}.toast-info{border-left:4px solid var(--color-info)}.toast-icon{font-size:18px}.toast-message{color:var(--color-text-primary);flex:1;font-size:14px}.toast-close{opacity:.5;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:1}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.command-palette-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.command-palette{background:var(--color-bg-surface);border:var(--border-subtle);border-radius:var(--border-radius-md);width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:.15s cubic-bezier(.16,1,.3,1) palette-scale-in;overflow:hidden}.command-input-wrapper{border-bottom:var(--border-subtle);align-items:center;gap:12px;padding:16px;display:flex}.command-icon{color:var(--color-text-muted);font-size:18px}.command-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.command-shortcut{font-family:var(--font-mono);background:var(--color-bg-hover);border:var(--border-subtle);color:var(--color-text-muted);border-radius:4px;padding:2px 6px;font-size:10px}.command-list{max-height:320px;padding:8px;overflow-y:auto}.command-item{border-radius:var(--border-radius-sm);width:100%;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.command-item.active,.command-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.command-item.active{background:var(--color-accent-muted);color:var(--color-accent)}.command-empty{text-align:center;color:var(--color-text-muted);padding:32px;font-size:14px}@keyframes palette-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.tool-layout{grid-template-columns:1fr}.tool-sidebar{position:static}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-nav-toggle{display:flex}.mobile-overlay.visible{display:block}.main-content{margin-left:0}.page-container{padding:var(--space-6) var(--space-4)}.hero h1{font-size:28px}.hero-stats{gap:var(--space-6);flex-wrap:wrap}.trust-strip,.tool-directory,.image-settings-grid,.tool-content-section.two-column,.proof-section{grid-template-columns:1fr}.trust-strip,.proof-section{gap:var(--space-5)}.hero-actions .btn{width:100%}.tools-grid{grid-template-columns:1fr}.related-tool-list{grid-template-columns:1fr 1fr}.tool-card.primary{grid-template-columns:1fr}.toast-container{left:var(--space-4);right:var(--space-4)}.toast{max-width:100%}}@media (max-width:480px){.related-tool-list{grid-template-columns:1fr}}