@charset "UTF-8";:root{--bg: #060b14;--bg2: #0d1524;--bg3: #142036;--border: #20314a;--border2: #2b4060;--text: #edf3ff;--text2: #b4c2d8;--text3: #7f95b3;--accent: #2ef2b5;--accent2: #1fb6ff;--accent3: #ff8f3d;--warn: #f59e0b;--danger: #ef4444;--success: #22c55e;--card: rgba(16, 27, 45, .88);--card2: rgba(18, 31, 53, .9);--shadow: 0 16px 42px rgba(3, 8, 20, .5);--radius: 14px;--radius2: 9px;--font-head: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Manrope", sans-serif;--nav-h: 60px;--ad-bg: rgba(20, 33, 54, .45)}[data-theme=light]{--bg: #f4f7fb;--bg2: #ffffff;--bg3: #eaf0f7;--border: #d7e1ee;--border2: #c2d1e3;--text: #0f1d31;--text2: #445a79;--text3: #7890af;--accent: #00b386;--accent2: #0c97e2;--accent3: #ef7c22;--card: rgba(255, 255, 255, .92);--card2: rgba(248, 251, 255, .95);--shadow: 0 14px 36px rgba(11, 32, 64, .12);--ad-bg: rgba(223, 233, 247, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;transition:background .25s,color .25s;background-image:radial-gradient(1000px 520px at 8% -12%,rgba(46,242,181,.18),transparent 70%),radial-gradient(900px 500px at 92% -6%,rgba(31,182,255,.16),transparent 68%),linear-gradient(180deg,rgba(255,143,61,.06),transparent 35%);background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.25;letter-spacing:-.02em}code,pre,.mono{font-family:var(--font-mono)}button{cursor:pointer;font-family:var(--font-body)}textarea,input,select{background:var(--bg);color:var(--text);border:1px solid var(--border2);border-radius:var(--radius2);font-family:var(--font-mono);font-size:13px;padding:10px 12px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 84%)}textarea{resize:vertical;min-height:140px}input[type=checkbox],input[type=range]{width:auto}input[type=number]{width:80px}.shell{max-width:1240px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--radius2);font-size:13px;font-weight:500;border:none;transition:transform .15s,box-shadow .2s,opacity .15s,border-color .15s,background .2s;font-family:var(--font-body)}.btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent2),white 8%));color:#041019;font-weight:800;box-shadow:0 10px 20px color-mix(in oklab,var(--accent),transparent 78%)}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-ghost{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border2);background:var(--bg2)}.btn-danger{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn-icon{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:var(--radius2);padding:6px 10px;font-size:16px;transition:all .15s}.btn-icon:hover{color:var(--text);background:var(--bg2)}.tool-page-wrap{display:grid;grid-template-columns:1fr 300px;gap:28px;padding:32px 0;align-items:start}@media(max-width:860px){.tool-page-wrap{grid-template-columns:1fr}}.tool-header{margin-bottom:24px}.tool-header h1{font-size:1.8rem;font-weight:800;margin-bottom:6px}.tool-header p{color:var(--text2);font-size:.95rem}.tool-ui{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.io-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.io-cols{grid-template-columns:1fr}}.io-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.io-label span{font-family:var(--font-mono);font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.result-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius2);padding:12px;font-family:var(--font-mono);font-size:13px;min-height:140px;white-space:pre-wrap;word-break:break-all;overflow:auto;box-shadow:inset 0 1px #ffffff08}.result-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-family:var(--font-mono);margin-bottom:10px}.badge-success{background:#22c55e1f;color:var(--success)}.badge-error{background:#ef44441f;color:var(--danger)}.badge-info{background:#00b8d41f;color:var(--accent2)}.copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;background:var(--bg3);border:1px solid var(--border);color:var(--text3);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.seo-section{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px;box-shadow:var(--shadow)}.seo-section h2{font-size:1.2rem;font-weight:700;margin-bottom:12px}.seo-section h3{font-size:1rem;font-weight:600;margin:18px 0 8px}.seo-section p{color:var(--text2);font-size:.9rem;margin-bottom:10px}.seo-section ul{list-style:none;padding:0}.seo-section ul li{color:var(--text2);font-size:.9rem;padding:4px 0;display:flex;gap:8px}.seo-section ul li:before{content:"\2192";color:var(--accent)}.faq-item{margin-bottom:16px}.faq-q{font-weight:600;font-size:.9rem;color:var(--text);margin-bottom:4px}.faq-a{color:var(--text2);font-size:.88rem}.divider{height:1px;background:var(--border);margin:28px 0}.breadcrumb{display:flex;gap:6px;align-items:center;padding:14px 0;font-size:13px;color:var(--text3);font-family:var(--font-mono)}.breadcrumb a{color:var(--text3)}.breadcrumb a:hover{color:var(--accent);text-decoration:none}.breadcrumb .sep{opacity:.4}.sidebar-widget{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.sidebar-widget h3{font-family:var(--font-head);font-size:.95rem;font-weight:700;margin-bottom:12px}.sidebar-tool{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:color .15s}.sidebar-tool:last-child{border:none}.sidebar-tool:hover{color:var(--accent)}.sidebar-tool-icon{width:30px;height:30px;background:var(--bg3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.sidebar-tool-name{font-size:13px;font-weight:500}.tag{display:inline-flex;align-items:center;background:var(--bg3);border-radius:4px;padding:2px 8px;font-size:12px;font-family:var(--font-mono);color:var(--text2)}.two-col-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}label.opt-label{font-size:13px;color:var(--text2);display:flex;align-items:center;gap:7px;cursor:pointer}