:root{color-scheme:light;--ink:#0c1929;--ink-soft:#5a6b7d;--ink-muted:#8b9aab;--surface:#eef2f7;--surface-2:#e4eaf2;--card:#ffffff;--header-bg:rgba(255, 255, 255, 0.82);--panel-bg:#fafbfc;--panel-head-bg:#f1f5f9;--tool-head-bg:linear-gradient(180deg, #fafbfc 0%, #fff 100%);--result-header-bg:rgba(255, 255, 255, 0.6);--brand:#0d9488;--brand-hover:#0f766e;--brand-glow:rgba(13, 148, 136, 0.22);--accent:#6366f1;--ok:#059669;--ok-bg:#ecfdf5;--ok-border:#6ee7b7;--ok-badge-bg:#d1fae5;--warn:#d97706;--warn-bg:#fffbeb;--warn-border:#fcd34d;--warn-badge-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fca5a5;--danger-badge-bg:#fee2e2;--line:#e2e8f0;--line-strong:#cbd5e1;--shadow-sm:0 1px 2px rgba(12, 25, 41, 0.06);--shadow:0 4px 24px rgba(12, 25, 41, 0.08);--shadow-lg:0 20px 50px rgba(12, 25, 41, 0.12);--bg-gradient-a:rgba(13, 148, 136, 0.12);--bg-gradient-b:rgba(99, 102, 241, 0.08);--radius:16px;--radius-sm:10px;--font:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono","Cascadia Code","Consolas",monospace;--rail-w:160px;--header-h:4.5rem}[data-theme=dark]{color-scheme:dark;--ink:#e8eef4;--ink-soft:#94a3b8;--ink-muted:#64748b;--surface:#0b1220;--surface-2:#1e293b;--card:#1e293b;--header-bg:rgba(11, 18, 32, 0.92);--panel-bg:#151f2e;--panel-head-bg:#0f172a;--tool-head-bg:linear-gradient(180deg, #1a2535 0%, #1e293b 100%);--result-header-bg:rgba(15, 23, 42, 0.65);--brand:#2dd4bf;--brand-hover:#14b8a6;--brand-glow:rgba(45, 212, 191, 0.25);--accent:#818cf8;--ok:#34d399;--ok-bg:#064e3b;--ok-border:#059669;--ok-badge-bg:#065f46;--warn:#fbbf24;--warn-bg:#422006;--warn-border:#b45309;--warn-badge-bg:#78350f;--danger:#f87171;--danger-bg:#450a0a;--danger-border:#b91c1c;--danger-badge-bg:#7f1d1d;--line:#334155;--line-strong:#475569;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.35);--shadow:0 4px 24px rgba(0, 0, 0, 0.45);--shadow-lg:0 20px 50px rgba(0, 0, 0, 0.5);--bg-gradient-a:rgba(45, 212, 191, 0.1);--bg-gradient-b:rgba(129, 140, 248, 0.08)}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:15px;color:var(--ink);background:radial-gradient(ellipse 80% 50% at 0 0,var(--bg-gradient-a),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0,var(--bg-gradient-b),transparent 50%),var(--surface);transition:background .25s,color .2s;-webkit-font-smoothing:antialiased}.container{width:min(1080px,92vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.site-header-inner{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;max-width:1600px;margin:0 auto}.brand-mark{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#14b8a6);display:grid;place-items:center;box-shadow:0 4px 14px var(--brand-glow)}.brand-mark svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-copy{flex:1;min-width:0}.eyebrow{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}h1{margin:.1rem 0 0;font-size:clamp(1.15rem, 2.5vw, 1.45rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}.subhead{margin:.2rem 0 0;font-size:.82rem;color:var(--ink-soft);line-height:1.4}.app-shell{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--rail-w);gap:1rem;align-items:stretch;margin:0 auto;padding:1.25rem 1rem 1.5rem}.tool-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:0}.tool-panel-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line);background:var(--tool-head-bg)}.tool-panel-head .toolbar{margin:0;flex-shrink:0}.toolbar.is-hidden{display:none}.tabs{display:inline-flex;padding:5px;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.tool{display:none;padding:1.15rem}.tool.active{display:block}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tool>.editor-grid{margin-top:0}button{border:none;border-radius:var(--radius-sm);padding:.55rem 1.1rem;font-family:inherit;font-size:.86rem;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--brand),var(--brand-hover));transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px var(--brand-glow)}button:hover{background:var(--brand-hover)}button:active{transform:scale(.98)}button.ghost{color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:none}button.ghost:hover{background:var(--surface-2);border-color:var(--line-strong)}button.tab{border:1px solid transparent;border-radius:9px;padding:.52rem 1.15rem;font-size:.84rem;font-weight:600;color:var(--ink-muted);background:0 0;box-shadow:none}button.tab:hover:not(.active){color:var(--ink);background:var(--surface-2);border-color:var(--line)}button.tab.active{color:#fff;font-weight:700;background:linear-gradient(180deg,var(--brand),var(--brand-hover));border-color:transparent;box-shadow:0 2px 8px var(--brand-glow)}button.tab.active:hover{background:var(--brand-hover)}button.theme-toggle{margin-left:auto;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:none}button.theme-toggle:hover{background:var(--surface-2);border-color:var(--line-strong)}button.theme-toggle:active{transform:scale(.96)}button.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}button.theme-toggle .icon-moon{display:none}[data-theme=dark] button.theme-toggle .icon-sun{display:none}[data-theme=dark] button.theme-toggle .icon-moon{display:block}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editor-panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel-bg);transition:border-color .15s,box-shadow .15s,background .2s}.editor-panel:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.editor-panel label{display:flex;align-items:center;gap:.45rem;margin:0;padding:.55rem .85rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);background:var(--panel-head-bg);border-bottom:1px solid var(--line)}.panel-dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.panel-dot.alt{background:var(--accent)}textarea{width:100%;border:none;border-radius:0;padding:.9rem 1rem;font-family:var(--mono);font-size:.84rem;line-height:1.55;color:var(--ink);background:var(--card);resize:vertical;min-height:32vh;max-height:42vh;outline:0}textarea::placeholder{color:var(--ink-muted)}.result-panel{margin-top:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel-bg)}.result-panel.ok{border-color:var(--ok-border);background:var(--ok-bg)}.result-panel.warn{border-color:var(--warn-border);background:var(--warn-bg)}.result-panel.error{border-color:var(--danger-border);background:var(--danger-bg)}.result-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .9rem;border-bottom:1px solid var(--line);background:var(--result-header-bg)}.result-panel.ok .result-header{border-bottom-color:var(--ok-border)}.result-panel.warn .result-header{border-bottom-color:var(--warn-border)}.result-panel.error .result-header{border-bottom-color:var(--danger-border)}.result-title{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.result-badge{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;background:var(--surface-2);color:var(--ink-soft)}.result-panel.ok .result-badge{background:var(--ok-badge-bg);color:var(--ok)}.result-panel.warn .result-badge{background:var(--warn-badge-bg);color:var(--warn)}.result-panel.error .result-badge{background:var(--danger-badge-bg);color:var(--danger)}.result-body{margin:0;padding:.85rem 1rem;min-height:5.5rem;max-height:28vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:.82rem;line-height:1.55;color:var(--ink)}.ads-rail{display:grid;grid-template-rows:1fr 1fr;gap:.65rem;min-height:100%;height:100%}.ad-card{display:flex;flex-direction:column;min-height:0;height:100%;padding:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.ad-card.ad-loaded{border-color:var(--line);background:var(--card)}.ad-slot{flex:1 1 auto;min-height:0;width:100%;overflow:hidden;border-radius:var(--radius-sm);background:0 0}.ad-card:not(.ad-loaded) .ad-slot{background:var(--surface);border:1px dashed var(--line-strong);margin:.35rem;width:calc(100% - .7rem);flex:1 1 auto}.ad-card .ad-slot iframe,.ad-card ins.adsbygoogle{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important}.info-section{margin-top:.5rem;padding:2.5rem 1rem 2rem;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent 0,rgba(13,148,136,.04) 100%)}[data-theme=dark] .info-section{background:linear-gradient(180deg,transparent 0,rgba(45,212,191,.06) 100%)}.footer-wrap,.info-wrap{max-width:1600px;margin:0 auto;padding:0 1rem}.info-wrap{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:1.5rem 2rem;align-items:start}.info-header{margin:0;max-width:none;text-align:left}.info-eyebrow{margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.info-header h2{margin:0 0 .75rem;font-size:clamp(1.35rem, 2.8vw, 1.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--ink)}.info-lead{margin:0;font-size:1rem;line-height:1.65;color:var(--ink-soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{padding:1.15rem 1.2rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,transform .2s;height:100%}.feature-card:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{width:40px;height:40px;margin-bottom:.75rem;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(13,148,136,.15),rgba(13,148,136,.05));color:var(--brand)}[data-theme=dark] .feature-icon{background:linear-gradient(135deg,rgba(45,212,191,.2),rgba(45,212,191,.06))}.feature-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.feature-card p{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink-soft)}.site-footer{margin-top:0;padding:0 1rem 2rem;background:var(--card);border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding:1.75rem 0 1.25rem;border-bottom:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:.85rem}.footer-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-hover));box-shadow:0 4px 12px var(--brand-glow)}.footer-logo svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.footer-name{margin:0;font-size:1rem;font-weight:700;color:var(--ink)}.footer-tagline{margin:.15rem 0 0;font-size:.82rem;color:var(--ink-muted)}.footer-nav{display:flex;gap:1.75rem}.footer-nav a{font-size:.9rem;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:color .15s}.footer-nav a:hover{color:var(--brand)}.footer-bottom{padding:1rem 0 .25rem}.footer-bottom p{margin:0;font-size:.8rem;color:var(--ink-muted)}.tool-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit;text-align:center}.tool-link h3{margin:0 0 8px}.tool-link p{margin:0;opacity:.8;font-size:14px}@media (max-width:768px){.info-wrap{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}}@media (max-width:1100px){.app-shell{grid-template-columns:1fr;padding:1rem}.ads-rail{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto;min-height:0}.ad-card{min-height:130px;height:130px}.right-rail{display:none}.left-rail{grid-template-columns:1fr 1fr;grid-template-rows:auto}.left-rail .ad-card{min-height:120px;height:120px}}@media (max-width:720px){.site-header-inner{padding:.75rem 1rem}.subhead{display:none}.editor-grid{grid-template-columns:1fr}textarea{min-height:34vh;max-height:48vh}.tool-panel-head{flex-wrap:wrap}.tool-panel-head .toolbar{width:100%;justify-content:flex-start}.tabs{width:100%}.tab{flex:1;text-align:center;padding:.55rem .5rem;font-size:.78rem}.footer-top{flex-direction:column;align-items:flex-start}}