:root{color-scheme:light dark;--bg:#f5f7fb;--surface:#fff;--surface-2:#eef2f8;--text:#172033;--muted:#5d687b;--line:#d8dfeb;--accent:#215ee7;--accent-hover:#184bc0;--danger:#b42318;--success:#087443;--focus:#f5a623;--shadow:0 10px 35px #14234614}:root[data-theme=dark]{--bg:#0e1420;--surface:#151e2d;--surface-2:#1d293b;--text:#edf2fb;--muted:#aab5c8;--line:#334158;--accent:#73a2ff;--accent-hover:#9bbbff;--danger:#ff8b82;--success:#69db9f;--focus:#ffd166;--shadow:0 14px 42px #00000040}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{color:var(--text);background:var(--bg);overflow-wrap:anywhere;margin:0;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--accent);text-underline-offset:3px}button,input,textarea,select{font:inherit}button,select,input[type=checkbox]{cursor:pointer}button{border:1px solid var(--line);min-height:44px;color:var(--text);background:var(--surface);border-radius:10px;padding:.65rem .95rem;font-weight:650}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}:root[data-theme=dark] button.primary{color:#07101f}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.container{width:min(1180px,100% - 32px);margin-inline:auto}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 90%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav{align-items:center;gap:20px;min-height:68px;display:flex}.logo{color:var(--text);letter-spacing:-.04em;font-size:1.25rem;font-weight:850;text-decoration:none}.logo span{color:var(--accent)}.nav-links{align-items:center;gap:18px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);text-decoration:none}.theme-toggle{width:44px;padding:0}main{min-height:calc(100vh - 180px)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;padding:72px 0 46px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:800}h1,h2,h3{letter-spacing:-.035em;line-height:1.12}h1{margin:.15em 0;font-size:clamp(2.25rem,6vw,4.6rem)}h2{margin-top:2em;font-size:clamp(1.55rem,3vw,2.35rem)}.lead{color:var(--muted);max-width:700px;font-size:clamp(1.08rem,2vw,1.3rem)}.privacy-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:28px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;text-decoration:none;transition:all .18s;display:block}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.card h3{margin:.2rem 0 .45rem}.card p{color:var(--muted);margin:0}.chip{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:99px;padding:.25rem .55rem;font-size:.78rem;display:inline-flex}.section{padding:20px 0 60px}.search{width:100%;min-height:52px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 16px}.breadcrumbs{color:var(--muted);padding-top:24px;font-size:.9rem}.breadcrumbs ol{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";margin-right:8px}.tool-head{padding:20px 0 18px}.tool-head h1{font-size:clamp(2rem,5vw,3.6rem)}.local-note{background:color-mix(in srgb, var(--success) 10%, transparent);color:var(--success);border-radius:12px;align-items:center;gap:10px;padding:12px 15px;font-weight:650;display:flex}.tool-shell{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin-top:24px;padding:20px}.editors{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editor-wrap{min-width:0}.label-row,.toolbar,.stats,.option-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.label-row{justify-content:space-between;margin-bottom:8px}.toolbar{margin:14px 0}label{font-weight:650}textarea,.text-input,select{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px}textarea{resize:vertical;tab-size:2;min-height:280px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}select{width:auto;min-height:44px}.option-row label{align-items:center;gap:7px;font-weight:500;display:flex}.stats{color:var(--muted);font-size:.88rem}.stats span{background:var(--surface-2);border-radius:8px;padding:5px 8px}.error{color:var(--danger);margin:8px 0;font-weight:650}.success{color:var(--success)}.muted{color:var(--muted)}.progress-box{background:var(--surface-2);border-radius:12px;padding:12px}progress{width:100%;accent-color:var(--accent)}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:16px}.faq summary{cursor:pointer;font-weight:750}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:30px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-row nav{gap:16px;display:flex}.diff-view{border:1px solid var(--line);border-radius:10px;max-height:520px;font:13px/1.5 ui-monospace,monospace;overflow:auto}.diff-line{white-space:pre-wrap;overflow-wrap:anywhere;grid-template-columns:42px 42px 1fr;padding:2px 8px;display:grid}.diff-add{background:#20a65a2b}.diff-remove{background:#e14a3b2b}.diff-same{color:var(--muted)}.param-table{border-collapse:collapse;width:100%}.param-table th,.param-table td{border-bottom:1px solid var(--line);text-align:left;padding:8px}.param-table input{width:100%;min-height:40px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px}@media (width<=800px){.hero,.editors{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.nav-links a{display:none}textarea{min-height:220px}}@media (width<=520px){.container{width:min(100% - 20px,1180px)}.grid{grid-template-columns:1fr}.hero{padding-top:42px}.tool-shell{border-radius:14px;padding:12px}.toolbar button{flex:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
