:root{--bg:#f7f8fb;--surface:#fff;--surface-2:#f0f2f7;--text:#161a23;--muted:#5b6475;--border:#e2e6ee;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef0ff;--on-primary:#fff;--success:#0f9d68;--success-soft:#e6f7f0;--danger:#d93a3a;--danger-soft:#fdecec;--shadow:0 1px 2px #1018280f, 0 4px 16px #1018280f;--radius:14px;--radius-sm:9px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1218;--surface:#171b24;--surface-2:#1f2430;--text:#e8ebf2;--muted:#9aa3b5;--border:#2a3040;--primary:#8b85ff;--primary-hover:#a19cff;--primary-soft:#232448;--on-primary:#0f1218;--success:#34c88f;--success-soft:#12302a;--danger:#f06b6b;--danger-soft:#3a1c1f;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1218;--surface:#171b24;--surface-2:#1f2430;--text:#e8ebf2;--muted:#9aa3b5;--border:#2a3040;--primary:#8b85ff;--primary-hover:#a19cff;--primary-soft:#232448;--on-primary:#0f1218;--success:#34c88f;--success-soft:#12302a;--danger:#f06b6b;--danger-soft:#3a1c1f;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:16px;line-height:1.55}img,svg,canvas,video{max-width:100%}a{color:var(--primary)}a:hover{color:var(--primary-hover)}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}code{font-family:var(--mono);font-size:.92em}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.narrow{max-width:820px}.site-header{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{align-items:center;gap:12px;height:60px;display:flex}.logo{color:var(--text);align-items:center;gap:9px;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.logo:hover{color:var(--text)}.logo-mark{flex:none;width:30px;height:30px}.logo span b{color:var(--primary)}.header-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.header-nav a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:.95rem;font-weight:600;text-decoration:none}.header-nav a:hover{color:var(--text);background:var(--surface-2)}.icon-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}@media (max-width:560px){.header-nav a.hide-sm{display:none}}.hero{text-align:center;padding:48px 0 24px}.hero h1{margin:0 0 12px;font-size:clamp(1.9rem,5vw,2.9rem)}.hero h1 em{color:var(--primary);font-style:normal}.hero p{color:var(--muted);max-width:640px;margin:0 auto 22px;font-size:1.1rem}.search{background:var(--surface);border:1px solid var(--border);max-width:520px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:4px 6px 4px 16px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 0;font-size:1rem}.trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;font-size:.92rem;display:flex}.trust span:before{content:"✓ ";color:var(--success);font-weight:700}.category{margin:34px 0}.category h2{align-items:center;gap:8px;margin:0 0 14px;font-size:1.25rem;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.tool-card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.tool-card:hover{border-color:var(--primary);color:var(--text);box-shadow:var(--shadow);transform:translateY(-1px)}.tool-card .ico{background:var(--primary-soft);border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:1.5rem;line-height:1;display:grid}.tool-card strong{font-size:1rem;display:block}.tool-card small{color:var(--muted);margin-top:2px;font-size:.86rem;line-height:1.4;display:block}.empty-search{text-align:center;color:var(--muted);padding:30px 0}.breadcrumb{color:var(--muted);margin:18px 0 6px;font-size:.88rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--primary)}.tool-head h1{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.2rem)}.tool-head .lead{color:var(--muted);margin:0 0 12px;font-size:1.05rem}.badge{background:var(--success-soft);color:var(--success);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.85rem;font-weight:600;display:inline-flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:18px 0;padding:20px}@media (max-width:560px){.panel{padding:14px}}.content{margin:34px 0}.content h2{margin:30px 0 12px;font-size:1.35rem}.content p,.content li{color:var(--text)}.content ol,.content ul{padding-left:1.3em}.content li{margin:6px 0}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:8px 0;padding:0 16px}.faq summary{cursor:pointer;padding:13px 0;font-weight:600}.faq details p{color:var(--muted);margin:0 0 14px}.ad-slot{text-align:center;min-height:0;margin:18px 0}.ad-slot:empty{display:none}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:180px;min-width:0}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field>span,.label{color:var(--muted);font-size:.88rem;font-weight:600}input[type=text],input[type=url],input[type=number],input[type=email],input[type=tel],input[type=password],input[type=date],input[type=search],select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea{resize:vertical;min-height:120px;line-height:1.5}input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:100%;height:44px;padding:4px}input[type=range]{width:100%;accent-color:var(--primary)}input[type=file]{font:inherit;color:var(--muted);max-width:100%;font-size:.9rem}input[type=file]::file-selector-button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);margin-right:10px;padding:8px 12px;font-size:.88rem;font-weight:600}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:17px;height:17px}.check{cursor:pointer;align-items:center;gap:8px;margin:4px 14px 4px 0;font-size:.95rem;display:inline-flex}.btn{font:inherit;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:.98rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--primary-hover);color:var(--on-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:var(--surface-2)}.btn.small{padding:7px 12px;font-size:.88rem}.btn.danger{background:var(--danger-soft);color:var(--danger)}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.seg{background:var(--surface-2);border-radius:11px;flex-wrap:wrap;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 13px;font-size:.92rem;font-weight:600}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.drop{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--surface-2);padding:32px 16px;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--primary);background:var(--primary-soft)}.drop .big{margin-bottom:6px;font-size:2rem;display:block}.drop strong{font-size:1.05rem;display:block}.drop small{color:var(--muted)}.drop input{display:none}.result{margin-top:16px}.file-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.file-item{background:var(--surface-2);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:9px 12px;display:flex}.file-item img.thumb{object-fit:cover;background:var(--surface);border-radius:7px;width:46px;height:46px}.file-item .name{text-overflow:ellipsis;white-space:nowrap;flex:140px;min-width:0;font-size:.94rem;font-weight:600;overflow:hidden}.file-item .meta{color:var(--muted);font-size:.86rem}.file-item .good{color:var(--success);font-weight:700}.file-item .ctrls{gap:6px;display:flex}.progress{background:var(--surface-2);border-radius:99px;height:10px;margin:12px 0 6px;overflow:hidden}.progress>div{background:var(--primary);width:0;height:100%;transition:width .2s}.status{color:var(--muted);min-height:1.4em;font-size:.92rem}.status.error{color:var(--danger)}.notice{background:var(--primary-soft);border-radius:var(--radius-sm);margin:12px 0;padding:11px 14px;font-size:.92rem}.notice.warn{background:var(--danger-soft);color:var(--danger)}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:14px;display:grid}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px}.stat small{color:var(--muted);font-size:.82rem;font-weight:600;display:block}.stat b{word-break:break-word;margin-top:2px;font-size:1.35rem;display:block}.stat.hl{background:var(--primary-soft)}.stat.pos b{color:var(--success)}.stat.neg b{color:var(--danger)}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}@media (max-width:760px){.two-col{grid-template-columns:1fr}}.preview-box{background:var(--surface-2);border-radius:var(--radius);place-items:center;min-height:260px;padding:16px;display:grid}.checker{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.swatches{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:14px;display:grid}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:var(--text);padding:0;overflow:hidden}.swatch .chip{height:70px}.swatch div.t{font-family:var(--mono);padding:8px 10px;font-size:.85rem}.output{font-family:var(--mono);background:var(--surface-2);border-radius:var(--radius-sm);word-break:break-all;padding:12px 14px;font-size:1rem}.table-wrap{overflow-x:auto}table.lines{border-collapse:collapse;width:100%;font-size:.95rem}table.lines th{text-align:left;color:var(--muted);padding:6px 4px;font-size:.82rem}table.lines td{vertical-align:top;padding:4px}table.lines input{padding:8px 9px}.toast{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;z-index:50;border-radius:10px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:60px;padding:36px 0 28px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;display:grid}.footer-grid h3{margin:0 0 8px;font-size:.9rem}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin:4px 0}.footer-grid a{color:var(--muted);font-size:.9rem;text-decoration:none}.footer-grid a:hover{color:var(--primary)}.footer-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:26px;font-size:.86rem;display:flex}.footer-bottom a{color:var(--muted)}.legal h1{margin-top:26px}.legal h2{margin-top:28px;font-size:1.2rem}.hidden{display:none!important}.mt{margin-top:14px}.muted{color:var(--muted)}.center{text-align:center}