:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f8faff;--surface-muted: #f1f4f9;--text: #142033;--text-2: #526075;--text-3: #8994a7;--primary: #2f6feb;--primary-dark: #245cc7;--primary-soft: #eaf2ff;--line: #e5eaf2;--line-strong: #d7deea;--success: #0e9f83;--success-soft: #e6f8f3;--danger: #d34b68;--danger-soft: #fff0f3;--warning: #ce7c0b;--warning-soft: #fff6e7;--shadow: 0 10px 34px rgba(28, 45, 77, .06), 0 1px 2px rgba(28, 45, 77, .04);--shadow-hover: 0 20px 48px rgba(28, 45, 77, .11), 0 2px 8px rgba(28, 45, 77, .05)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 50% -18%,#ffffff 0,rgba(255,255,255,.84) 28%,transparent 58%),linear-gradient(135deg,#f9fafd,#f4f7fc,#f7f8fb)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#fff;background:var(--primary)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.page-shell{min-height:100vh}.page-container{width:min(100% - 56px,1360px);margin-inline:auto}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(219,226,237,.86);background:#f9fbfedb;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}.site-header__main{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:14px;min-width:max-content;border-radius:12px}.brand:focus-visible,.back-link:focus-visible,.tool-card:focus-visible{outline:3px solid rgba(47,111,235,.25);outline-offset:4px}.brand-mark{position:relative;display:grid;width:47px;height:50px;place-items:center}.brand-mark:before{position:absolute;top:4px;right:2px;bottom:2px;left:7px;border:1px solid #d6deeb;border-radius:10px 5px 5px 10px;background:#fff;box-shadow:0 4px 10px #29416817;content:""}.brand-mark__page{position:relative;z-index:1;display:grid;color:#234d8d;place-items:center}.brand-mark__page:after{position:absolute;top:6px;right:2px;width:12px;height:4px;border-radius:99px;background:#8dc6ff;content:""}.brand-mark__dot{position:absolute;z-index:2;left:3px;width:7px;height:7px;border:2px solid #234d8d;border-radius:50%;background:#ffc949}.brand-mark__dot--one{top:13px}.brand-mark__dot--two{top:23px}.brand-mark__dot--three{top:33px}.brand__copy{display:grid;gap:2px}.brand__copy strong{font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:23px;font-weight:700;letter-spacing:.02em}.brand__copy small{color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.header-search{display:flex;width:min(340px,38vw);height:44px;align-items:center;gap:10px;padding:0 12px 0 15px;color:var(--text-3);border:1px solid var(--line);border-radius:14px;background:#fffc;transition:.18s ease}.header-search:focus-within{color:var(--primary);border-color:#2f6feb6b;background:#fff;box-shadow:0 0 0 4px #2f6feb17}.header-search input{width:100%;min-width:0;padding:0;color:var(--text);border:0;outline:0;background:transparent}.header-search input::placeholder{color:#9ba5b6}.header-search__clear{display:grid;width:28px;height:28px;flex:0 0 auto;padding:0;color:var(--text-3);border:0;border-radius:8px;background:transparent;cursor:pointer;place-items:center}.header-search__clear:hover{color:var(--text);background:var(--surface-muted)}.category-nav{border-top:1px solid rgba(229,234,242,.75)}.category-nav__inner{display:flex;min-height:58px;align-items:stretch;gap:52px}.category-tab{position:relative;min-width:78px;padding:0 6px;color:#657086;border:0;background:transparent;font-size:15px;font-weight:600;cursor:pointer;transition:color .18s ease}.category-tab:after{position:absolute;right:8px;bottom:-1px;left:8px;height:3px;border-radius:999px 999px 0 0;background:var(--primary);content:"";opacity:0;transform:scaleX(.35);transition:.18s ease}.category-tab:hover,.category-tab--active{color:var(--primary)}.category-tab--active:after{opacity:1;transform:scaleX(1)}.category-tab:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #2f6feb33}.tool-page{max-width:1180px;padding-top:34px;padding-bottom:76px}.back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:26px;color:var(--text-2);border-radius:8px;font-size:14px;font-weight:650;transition:color .16s ease,transform .16s ease}.back-link:hover{color:var(--primary);transform:translate(-2px)}.tool-hero{position:relative;display:grid;grid-template-columns:auto minmax(220px,.7fr) minmax(340px,1.3fr);grid-template-areas:"icon title description";align-items:center;gap:24px;margin-bottom:30px}.tool-hero>.tool-icon{grid-area:icon}.tool-hero__title{display:flex;min-height:68px;flex-direction:column;grid-area:title;justify-content:center}.tool-hero__description{min-height:48px;padding-left:28px;border-left:1px solid var(--line-strong);grid-area:description;align-content:center}.tool-hero h1{margin:4px 0 0;font-size:clamp(28px,4vw,38px);line-height:1.18;letter-spacing:-.035em}.tool-hero p{max-width:700px;margin:0;color:var(--text-2);line-height:1.7}.eyebrow{color:var(--primary);font-size:12px;font-weight:750;letter-spacing:.11em}.tool-icon{display:grid;width:68px;height:68px;border-radius:20px;place-items:center}.tool-icon--blue{color:#2d65b0;background:#e6efff}.tool-icon--teal{color:#078d80;background:#e0f6f1}.tool-icon--amber{color:#cc7c08;background:#fff0d8}.tool-icon--violet{color:#714eb4;background:#eee7ff}.tool-icon--rose{color:#ca4162;background:#ffe6ed}.tool-icon--slate{color:#7d8592;background:#eef0f4}.workbench-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:22px}.workbench-grid--equal{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-stack{display:grid;gap:22px}.panel{min-width:0;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fffffff0;box-shadow:var(--shadow)}.panel--soft{background:#f8fafff5}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.panel-header h2,.panel-header h3{margin:0;font-size:18px;letter-spacing:-.015em}.panel-header p{margin:5px 0 0;color:var(--text-3);font-size:13px;line-height:1.55}.panel-actions,.button-row,.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.form-stack{display:grid;gap:20px}.field{display:grid;gap:8px}.field-label,.field>label:first-child{color:var(--text);font-size:14px;font-weight:700}.field-hint{color:var(--text-3);font-size:12px;line-height:1.5}.input,.textarea,.select{width:100%;color:var(--text);border:1px solid var(--line-strong);border-radius:12px;outline:none;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input,.select{min-height:44px;padding:0 13px}.textarea{min-height:170px;resize:vertical;padding:13px 14px;line-height:1.65}.input:focus,.textarea:focus,.select:focus{border-color:#2f6feb8c;box-shadow:0 0 0 4px #2f6feb17}.input:disabled,.textarea:disabled,.select:disabled{color:var(--text-3);background:var(--surface-muted);cursor:not-allowed}.input--mono,.textarea--mono,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-variant-ligatures:none}.textarea--code{min-height:330px;font-size:13px;-moz-tab-size:2;tab-size:2}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;transition:.16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:3px solid rgba(47,111,235,.22);outline-offset:2px}.btn:disabled{opacity:.46;cursor:not-allowed}.btn--primary{color:#fff;background:var(--primary);box-shadow:0 6px 16px #2f6feb2e}.btn--primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 9px 22px #2f6feb3b}.btn--secondary{color:var(--text-2);border-color:var(--line-strong);background:#fff}.btn--secondary:hover:not(:disabled){color:var(--primary);border-color:#2f6feb59;background:var(--primary-soft)}.btn--ghost{color:var(--text-2);background:transparent}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--surface-muted)}.btn--danger{color:var(--danger);border-color:#f4cdd6;background:var(--danger-soft)}.btn--wide{width:100%}.btn--icon{width:42px;padding:0}.btn--sm{min-height:34px;padding:0 11px;font-size:12px;border-radius:9px}.segmented{display:inline-flex;max-width:100%;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.segmented button{min-height:34px;padding:0 13px;color:var(--text-2);border:0;border-radius:8px;background:transparent;font-size:13px;font-weight:700;cursor:pointer}.segmented button[aria-pressed=true],.segmented button.active{color:var(--text);background:#fff;box-shadow:0 1px 5px #1f2d431a}.notice{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;color:var(--text-2);border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);font-size:13px;line-height:1.55}.notice svg{flex:0 0 auto;margin-top:2px}.notice--error{color:#a52f4a;border-color:#f3ccd5;background:var(--danger-soft)}.notice--success{color:#26735f;border-color:#c9e9df;background:var(--success-soft)}.notice--warning{color:#906014;border-color:#f0d9ad;background:var(--warning-soft)}.empty-state{display:grid;min-height:270px;align-content:center;justify-items:center;gap:10px;padding:28px;color:var(--text-3);text-align:center}.empty-state__icon{display:grid;width:58px;height:58px;margin-bottom:3px;color:#7f93b2;border-radius:18px;background:#edf2fb;place-items:center}.empty-state strong{color:var(--text-2);font-size:15px}.empty-state p{max-width:330px;margin:0;font-size:13px;line-height:1.6}.result-box{min-height:112px;padding:15px;overflow:auto;color:#223049;border:1px solid var(--line);border-radius:13px;background:#f8faff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.result-list{display:grid;gap:9px}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:8px 9px 8px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.result-row code{min-width:0;overflow:hidden;color:#25334c;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.stat-card small{color:var(--text-3);font-size:11px}.stat-card strong{font-size:14px;overflow-wrap:anywhere}.drop-zone{display:grid;min-height:180px;align-content:center;justify-items:center;gap:9px;padding:24px;color:var(--text-2);border:1.5px dashed #cbd5e4;border-radius:15px;background:var(--surface-soft);text-align:center;cursor:pointer;transition:.17s ease}.drop-zone:hover,.drop-zone:focus-within,.drop-zone--active{color:var(--primary);border-color:#2f6feb8c;background:var(--primary-soft)}.drop-zone:focus-within{outline:3px solid rgba(47,111,235,.2);outline-offset:3px}.drop-zone small{color:var(--text-3);line-height:1.5}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-tile{position:relative;display:flex;min-height:48px;align-items:center;gap:10px;padding:10px 12px;color:var(--text-2);border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:.16s ease}.check-tile:has(input:checked){color:#275cae;border-color:#9ebff8;background:var(--primary-soft);box-shadow:inset 0 0 0 1px #2f6feb14}.check-tile input{width:16px;height:16px;margin:0;accent-color:var(--primary)}.check-tile span{font-size:13px;font-weight:700}.switch-row{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.switch-copy{display:grid;gap:3px}.switch-copy strong{font-size:13px}.switch-copy small{color:var(--text-3);font-size:11px;line-height:1.4}.switch{position:relative;width:40px;height:23px;flex:0 0 auto}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ccd3df;cursor:pointer;transition:.16s ease}.switch span:after{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #15243d33;content:"";transition:.16s ease}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(17px)}.switch input:focus-visible+span{outline:3px solid rgba(47,111,235,.22);outline-offset:2px}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tag{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0 9px;color:var(--text-2);border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;font-weight:700}.error-text{color:var(--danger);font-size:12px;line-height:1.5}.success-text{color:var(--success);font-size:12px}.site-footer{display:flex;min-height:70px;align-items:center;justify-content:space-between;color:var(--text-3);border-top:1px solid var(--line);font-size:12px}@media(max-width:900px){.workbench-grid,.workbench-grid--equal{grid-template-columns:minmax(0,1fr)}.tool-hero{grid-template-columns:auto 1fr;grid-template-areas:"icon title" "description description"}.tool-hero__description{min-height:0;padding-left:0;border-left:0}}@media(max-width:720px){.page-container{width:min(100% - 32px,1360px)}.site-header__main{min-height:68px}.brand{gap:9px}.brand-mark{width:40px;height:43px;transform:scale(.9);transform-origin:left center}.brand__copy strong{font-size:18px}.brand__copy small{display:none}.header-search{width:min(230px,48vw);height:40px}.category-nav__inner{width:100%;min-height:51px;gap:6px;padding-inline:16px;overflow-x:auto;scrollbar-width:none}.category-nav__inner::-webkit-scrollbar{display:none}.category-tab{min-width:max-content;padding:0 16px;font-size:13px}.tool-page{padding-top:24px;padding-bottom:52px}.back-link{margin-bottom:21px}.tool-hero{align-items:start;gap:14px;margin-bottom:24px}.tool-icon{width:54px;height:54px;border-radius:16px}.tool-icon svg{width:26px}.tool-hero h1{margin-top:3px;font-size:27px}.tool-hero p{font-size:14px}.panel{padding:20px;border-radius:17px}.panel-header{align-items:flex-start;flex-direction:column;margin-bottom:18px}.panel-actions{width:100%}.check-grid,.two-fields{grid-template-columns:minmax(0,1fr)}.stat-grid{grid-template-columns:1fr 1fr}.textarea--code{min-height:250px}.site-footer{min-height:62px}}@media(max-width:460px){.page-container{width:min(100% - 24px,1360px)}.header-search{width:43vw;padding-left:11px}.header-search svg{display:none}.panel-actions .btn:not(.btn--icon),.button-row .btn:not(.btn--icon){flex:1 1 auto}.stat-grid{grid-template-columns:1fr}.site-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}