:root{--bg: #f5f8fc;--surface: #ffffff;--glass: rgba(255, 255, 255, .82);--soft: #f7faff;--ink: #07152e;--text: #213451;--muted: #74849a;--line: #e3ebf5;--blue: #2358e6;--blue-dark: #173fbc;--blue-soft: #edf4ff;--cyan: #10b6aa;--green: #07976f;--orange: #d88700;--purple: #981ff0;--red: #df2f3d;--shadow: 0 14px 38px rgba(24, 43, 75, .075);--shadow-strong: 0 22px 64px rgba(24, 43, 75, .13)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}main{width:100%}.app-shell{min-height:100vh;background:radial-gradient(circle at 52% 0,rgba(35,88,230,.055),transparent 28%),linear-gradient(180deg,#fbfdff 0,var(--bg) 46%,#f8fbff 100%)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;height:72px;border-bottom:1px solid var(--line);background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 max(28px,calc((100vw - 1500px)/2))}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(35,88,230,.22);border-radius:12px;background:radial-gradient(circle at 78% 22%,rgba(16,182,170,.18),transparent 28%),linear-gradient(180deg,#fff,#f3f7ff);box-shadow:0 6px 16px #2358e61f;overflow:hidden}.brand-mark span{position:relative;z-index:1;color:#07152e;font-size:13px;font-weight:950;letter-spacing:0}.brand-mark:before{content:"";position:absolute;right:8px;bottom:8px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #10b6aa1f}.brand-mark:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(35,88,230,.12);border-radius:11px}.brand strong,.brand small{display:block}.brand strong{color:var(--ink);font-size:20px;font-weight:900;line-height:1.05}.brand small{color:var(--muted);font-size:13px;margin-top:4px}.site-nav{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;background:#f7faffc7;box-shadow:0 8px 20px #182b4b0e;padding:4px}.site-nav a{min-width:64px;border-radius:999px;padding:9px 15px;color:#5f7088;text-align:center;font-size:15px;font-weight:700}.site-nav a:hover,.site-nav a.router-link-active{background:linear-gradient(180deg,#fff,#f8fbff);color:var(--blue);box-shadow:0 8px 20px #2358e61c}.home-hero{position:relative;min-height:420px;border-bottom:1px solid var(--line);overflow:hidden;padding:42px 24px 38px;text-align:center}.hero-main{position:relative;z-index:1;display:flex;width:min(1080px,100%);flex-direction:column;margin:0 auto;align-items:center}.hero-copy{min-width:0;width:100%}.hero-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(35,88,230,.16);border-radius:999px;background:#ffffffc7;box-shadow:0 6px 18px #2358e60f;color:var(--blue);font-size:13px;font-weight:850;padding:6px 13px}.hero-chip span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #10b6aa1f}h1,h2,h3,p{margin-top:0}h1{margin:18px 0 12px;color:#050b1f;font-size:clamp(34px,3.4vw,48px);font-weight:900;letter-spacing:0;line-height:1.12}h2{margin-bottom:0;color:#06122b;font-size:30px;font-weight:900;letter-spacing:0}h3{margin-bottom:10px;color:#111c31;font-size:20px;font-weight:900;letter-spacing:0}.hero-copy>p{max-width:760px;margin-right:auto;margin-left:auto;color:#5f7088;font-size:16px;line-height:1.68}.date-banner{width:min(820px,100%);margin:12px auto 18px;border:1px solid rgba(35,88,230,.11);border-radius:12px;background:#ffffffb8;box-shadow:0 6px 18px #182b4b09;color:#667790;font-size:13px;font-weight:700;padding:9px 16px}.hero-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(820px,100%);margin-right:auto;margin-left:auto;border:1px solid rgba(207,222,242,.95);border-radius:14px;background:#ffffffe0;box-shadow:0 12px 34px #182b4b12;padding:8px 10px}.search-icon{color:#98abc4;font-size:20px;padding-left:8px}.hero-search input,.search-input,.select-input,.text-input,.mini-input,.code-area{border:1px solid var(--line);border-radius:10px;background:#fbfdff;color:var(--text);outline:none}.hero-search input{min-height:46px;border-color:transparent;color:#20314c;font-size:16px;font-weight:650}.hero-search input::placeholder,.code-area::placeholder{color:#9badc3}.search-count{display:inline-flex;min-height:42px;align-items:center;border:1px solid #cfe1ff;border-radius:10px;background:linear-gradient(180deg,#edf4ff,#e6efff);color:var(--blue);font-size:15px;font-weight:900;padding:0 16px}.tool-card,.side-nav,.panel,.empty-state,.tool-shell{border:1px solid var(--line);border-radius:16px;background:var(--glass);box-shadow:var(--shadow)}.tool-card p{margin:0;color:#70819a;font-size:14px;font-weight:620;line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(620px,100%);margin:14px auto 0}.hero-metrics div{border:1px solid rgba(207,222,242,.92);border-radius:12px;background:#ffffffb8;box-shadow:0 6px 18px #182b4b09;padding:11px 14px}.hero-metrics span,.hero-metrics strong{display:block}.hero-metrics span{color:#7b8ca2;font-size:12px;font-weight:850}.hero-metrics strong{margin-top:5px;color:#0c1933;font-size:20px;font-weight:920;line-height:1}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(820px,100%);margin-right:auto;margin-left:auto;margin-top:12px}.hero-tags a{border:1px solid rgba(207,222,242,.9);border-radius:999px;background:#ffffffb8;color:#657790;font-size:13px;font-weight:750;padding:6px 13px}.tool-directory{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;width:min(1500px,calc(100% - 48px));margin:28px auto 0;align-items:start}.side-nav{position:sticky;top:92px;display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.side-nav span{color:#8ca1b8;font-size:12px;font-weight:900;letter-spacing:.08em;margin:0 12px 12px;text-transform:uppercase}.side-nav a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:40px;border-radius:10px;color:#667790;font-size:14px;font-weight:800;padding:0 14px 0 30px}.side-nav a:before{content:"";position:absolute;left:12px;width:4px;height:15px;border-radius:99px;background:#d4deeb}.side-nav a.active,.side-nav a:hover,.side-nav a.router-link-active{background:linear-gradient(90deg,#2358e61a,#ffffff4d);color:var(--blue);box-shadow:none}.side-nav a.active:before,.side-nav a:hover:before,.side-nav a.router-link-active:before{background:linear-gradient(180deg,var(--blue),var(--cyan))}.side-nav b{border-radius:999px;background:#e7f0ff;color:var(--blue);font-size:12px;padding:2px 8px}.directory-content{min-width:0}.tool-section{margin-bottom:40px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{position:relative;padding-left:18px}.section-head h2:before{content:"";position:absolute;left:0;top:5px;width:4px;height:28px;border-radius:99px;background:linear-gradient(180deg,var(--blue),var(--cyan))}.section-head span{border:1px solid var(--line);border-radius:999px;background:#ffffffc2;color:#6f7f96;font-weight:800;font-size:13px;padding:6px 13px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{position:relative;display:block;min-height:112px;overflow:hidden;padding:22px 44px 20px 22px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool-card:before{content:"";position:absolute;top:0;left:20px;width:28px;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.72}.tool-card:hover{border-color:#2358e638;box-shadow:var(--shadow-strong);transform:translateY(-2px)}.tool-card--skeleton{min-height:112px;background:linear-gradient(90deg,#fff0,#2358e614,#fff0),#ffffffc2;background-size:240% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.tool-card__star{position:absolute;top:19px;right:22px;color:#d2ddec;font-size:16px}.page-head{width:min(1500px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:end;padding:42px 0 18px}.page-head .eyebrow{display:inline-flex;width:fit-content;align-items:center;border:1px solid rgba(35,88,230,.16);border-radius:999px;background:#edf4ffb8;color:var(--blue);font-size:12px;font-weight:900;padding:5px 11px}.page-head h1{margin:0;color:#06122b;font-size:34px;font-weight:900;line-height:1.18}.page-head p{max-width:760px;margin:0;color:var(--muted);font-size:15px;line-height:1.68}.page-head__meta{display:flex;grid-column:2;grid-row:1 / 4;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-self:center}.page-head__meta b,.page-head__meta span{display:inline-flex;min-height:32px;align-items:center;border:1px solid rgba(207,222,242,.92);border-radius:999px;background:#ffffffc2;color:#657790;font-size:13px;font-weight:850;padding:6px 12px}.page-head__meta b{border-color:#cfe1ff;background:#edf4ff;color:var(--blue)}.toolbar-band,.content-band--tight{width:min(1500px,calc(100% - 48px));margin-right:auto;margin-left:auto}.toolbar-band{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#ffffffc7;box-shadow:0 10px 28px #182b4b0e;padding:10px}.toolbar-band--filters .search-input{flex:1 1 300px}.toolbar-band--filters .select-input{flex:0 1 170px}.result-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#6f7f96;font-size:13px;font-weight:800}.result-strip b{border:1px solid #cfe1ff;border-radius:999px;background:#edf4ff;color:var(--blue);font-size:12px;padding:5px 11px}.search-input,.select-input,.text-input{min-height:42px;padding:9px 12px}.search-input{flex:1;min-width:220px}.select-input{width:170px}.toolbar-band .button{min-height:42px;padding:9px 16px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:10px;color:#fff;cursor:pointer;font-weight:820;padding:10px 18px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{box-shadow:0 10px 22px #2358e629;transform:translateY(-1px)}.button--dark,.button--light{background:linear-gradient(180deg,var(--blue),var(--blue-dark))}.button--light{background:linear-gradient(180deg,#f2f7ff,#e7f0ff);color:var(--blue)}.button--ghost{background:#edf1f6;color:#536277}.text-link,.text-button{border:0;background:transparent;color:var(--blue);cursor:pointer;font-weight:900;padding:0}.tool-shell{width:min(1500px,calc(100% - 48px));margin:34px auto 64px;border-radius:18px;background:linear-gradient(180deg,#fffffff0,#ffffffdb),var(--surface);box-shadow:0 16px 46px #182b4b16;padding:26px}.tool-shell__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;border-bottom:1px solid rgba(227,235,245,.9);padding-bottom:18px}.tool-shell__title{min-width:0}.tool-shell h1{margin:0 0 8px;color:#132238;font-size:30px;font-weight:900;line-height:1.2}.tool-shell__summary{max-width:960px;margin:0;color:#64758d;font-size:16px;font-weight:620;line-height:1.68}.tool-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tool-meta span{border:1px solid rgba(207,222,242,.95);border-radius:999px;background:#f7faffcc;color:#60718a;font-size:12px;font-weight:800;padding:5px 10px}.shortcut-button{display:inline-flex;min-width:86px;min-height:38px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#f7faffeb;color:#526179;cursor:pointer;font-size:14px;font-weight:820;padding:8px 13px}.workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:18px}.workbench--single{grid-template-columns:minmax(0,1fr)}.workbench--code,.workbench--text{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workbench--form{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr)}.workbench--preview{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr)}.workbench--single.workbench--form{grid-template-columns:minmax(0,1fr)}.panel{border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#fbfdffbd;box-shadow:none;padding:16px}.panel__head{display:flex;align-items:center;justify-content:space-between;min-height:34px;color:#40536f;font-size:15px;font-weight:800;margin-bottom:10px}.panel-actions{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.action-row{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.action-row .button:nth-child(1){background:linear-gradient(180deg,var(--blue),var(--blue-dark));color:#fff}.action-row .button:nth-child(2){background:#174ee8;color:#fff}.action-row .button:nth-child(3){background:var(--green);color:#fff}.cron-expression-input{width:100%;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-weight:850}.cron-format-note{margin:10px 0 0;color:#687994;font-size:13px;font-weight:820;line-height:1.6}.cron-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 16px}.cron-preset{min-height:66px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#526179;cursor:pointer;padding:10px 12px;text-align:left}.cron-preset:hover{border-color:#2358e647;box-shadow:0 10px 22px #2358e61a}.cron-preset strong,.cron-preset span{display:block}.cron-preset strong{color:#17233c;font-size:14px;font-weight:900}.cron-preset span{margin-top:6px;color:var(--blue);font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:850}.cron-builder{display:grid;gap:10px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;padding:12px}.cron-field{display:grid;grid-template-columns:48px 112px repeat(3,auto) minmax(0,1fr);align-items:center;gap:8px;min-height:42px;color:#60718a;font-size:13px;font-weight:800}.cron-field label{color:#17233c;font-weight:900}.cron-field .select-input{width:112px;min-height:38px;padding:7px 10px}.cron-custom-input{width:100%;min-height:38px}.cron-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.cron-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.cron-summary span,.cron-summary strong{display:block}.cron-summary span{color:#687994;font-size:12px;font-weight:850}.cron-summary strong{margin-top:5px;color:#17233c;font-size:15px;font-weight:920;overflow-wrap:anywhere}.cron-summary .is-success{color:#087f5b}.cron-summary .is-danger{color:#b91c1c}.cron-field-table,.cron-next-list,.cron-error-list{display:grid;gap:8px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-top:12px;padding:12px}.cron-field-row{display:grid;grid-template-columns:52px 92px minmax(0,1fr);gap:10px;align-items:baseline;color:#526179;font-size:13px;font-weight:850}.cron-field-row span{color:#17233c;font-weight:920}.cron-field-row code{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.cron-field-row small{color:#687994;font-size:12px;font-weight:780;line-height:1.5}.cron-field-row.is-invalid span,.cron-field-row.is-invalid code,.cron-field-row.is-invalid small{color:#b91c1c}.cron-next-list strong,.cron-error-list strong{color:#17233c;font-size:13px;font-weight:920}.cron-next-list ol{display:grid;gap:6px;margin:0;padding-left:22px}.cron-next-list li{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6}.cron-error-list{border-color:#dc26262e;background:#fff7f7}.cron-error-list p{margin:0;color:#b91c1c;font-size:13px;font-weight:850;line-height:1.6}.regex-label{display:grid;gap:7px;margin-top:12px;color:#526179;font-size:13px;font-weight:850}.regex-label span{color:#17233c;font-weight:920}.regex-pattern-input{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-weight:850}.regex-flags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.regex-flag{width:36px;height:36px;border:1px solid rgba(215,225,238,.94);border-radius:10px;background:#fff;color:#526179;cursor:pointer;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:920}.regex-flag.is-active{border-color:#2358e65c;background:#edf4ff;color:var(--blue)}.regex-flags-input{flex:1 1 140px;min-width:140px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.regex-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.regex-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.regex-summary span,.regex-summary strong{display:block}.regex-summary span{color:#687994;font-size:12px;font-weight:850}.regex-summary strong{margin-top:5px;color:#17233c;font-size:15px;font-weight:920;overflow-wrap:anywhere}.regex-summary .is-success{color:#087f5b}.regex-summary .is-danger{color:#b91c1c}.regex-match-list{display:grid;gap:12px}.regex-match-card,.regex-replace-box,.regex-empty{border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.regex-match-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.regex-match-card__head strong{color:#17233c;font-size:13px;font-weight:920}.regex-match-card__head span{color:#687994;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:780}.regex-match-card>code{display:block;border-radius:10px;background:#fff;color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7;overflow-wrap:anywhere;padding:10px}.regex-match-card>small{display:block;margin-top:8px;color:#687994;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.regex-group-list{display:grid;gap:7px;margin-top:10px}.regex-group-list>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:baseline;border-top:1px solid rgba(227,235,245,.85);padding-top:7px}.regex-group-list span{color:#17233c;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:920}.regex-group-list code{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.regex-replace-box{margin-top:12px}.regex-replace-box .result-block{margin:0}.regex-empty{display:grid;gap:6px;color:#687994;font-size:13px;font-weight:820}.regex-empty strong{color:#17233c;font-size:14px;font-weight:920}.yaml-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#f7faffc7;padding:6px}.yaml-mode-switch button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#526179;cursor:pointer;font-weight:900}.yaml-mode-switch button.is-active{background:#fff;color:var(--blue);box-shadow:0 10px 24px #182b4b14}.yaml-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}.yaml-options>label:first-child{display:grid;gap:6px;color:#526179;font-size:13px;font-weight:850}.yaml-options>label:first-child span{color:#17233c;font-weight:920}.yaml-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.yaml-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.yaml-summary span,.yaml-summary strong{display:block}.yaml-summary span{color:#687994;font-size:12px;font-weight:850}.yaml-summary strong{margin-top:5px;color:#17233c;font-size:15px;font-weight:920;overflow-wrap:anywhere}.yaml-summary .is-success{color:#087f5b}.yaml-summary .is-danger{color:#b91c1c}.text-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:14px 0 0}.text-option-grid .inline-control{min-height:38px;border:1px solid rgba(215,225,238,.92);border-radius:12px;background:#fff;padding:8px 10px}.text-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.text-control-grid label,.text-filter-box label:first-child{display:grid;gap:6px;color:#526179;font-size:13px;font-weight:850}.text-control-grid span,.text-filter-box span{color:#17233c;font-weight:920}.text-filter-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-top:12px;padding:12px}.text-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.text-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.text-summary span,.text-summary strong{display:block}.text-summary span{color:#687994;font-size:12px;font-weight:850}.text-summary strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920}.markdown-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.markdown-toolbar button{min-width:42px;min-height:36px;border:1px solid rgba(215,225,238,.92);border-radius:10px;background:#fff;color:#526179;cursor:pointer;font-size:12px;font-weight:920}.markdown-toolbar button:hover{border-color:#2358e647;color:var(--blue)}.markdown-tabs{display:inline-grid;grid-template-columns:repeat(2,minmax(68px,1fr));gap:4px;border:1px solid rgba(215,225,238,.92);border-radius:12px;background:#f7faffc7;padding:4px}.markdown-tabs button{min-height:30px;border:0;border-radius:8px;background:transparent;color:#526179;cursor:pointer;font-size:12px;font-weight:900}.markdown-tabs button.is-active{background:#fff;color:var(--blue);box-shadow:0 8px 18px #182b4b14}.markdown-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.markdown-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.markdown-summary span,.markdown-summary strong{display:block}.markdown-summary span{color:#687994;font-size:12px;font-weight:850}.markdown-summary strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920}.markdown-toc{display:grid;gap:7px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-bottom:12px;padding:12px}.markdown-toc strong{color:#17233c;font-size:13px;font-weight:920}.markdown-toc a{color:#526179;font-size:13px;font-weight:820}.html-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#f7faffc7;margin-bottom:12px;padding:6px}.html-mode-switch button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#526179;cursor:pointer;font-weight:900}.html-mode-switch button.is-active{background:#fff;color:var(--blue);box-shadow:0 10px 24px #182b4b14}.html-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:12px}.html-option-grid .inline-control{min-height:38px;border:1px solid rgba(215,225,238,.92);border-radius:12px;background:#fff;padding:8px 10px}.html-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.html-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.html-summary span,.html-summary strong{display:block}.html-summary span{color:#687994;font-size:12px;font-weight:850}.html-summary strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920;overflow-wrap:anywhere}.html-preview-box{border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-top:12px;padding:12px}.html-preview-box__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.html-preview-box__head strong{color:#17233c;font-size:13px;font-weight:920}.html-preview-box__head span{color:#687994;font-size:12px;font-weight:820}.html-preview-box iframe{display:block;width:100%;min-height:180px;border:1px solid #d7e1ee;border-radius:12px;background:#fff}.base64-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#f7faffc7;margin-bottom:12px;padding:6px}.base64-mode-switch button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#526179;cursor:pointer;font-weight:900}.base64-mode-switch button.is-active{background:#fff;color:var(--blue);box-shadow:0 10px 24px #182b4b14}.base64-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:12px}.base64-option-grid .inline-control,.base64-option-grid label:not(.inline-control){min-height:38px;border:1px solid rgba(215,225,238,.92);border-radius:12px;background:#fff;padding:8px 10px}.base64-option-grid label:not(.inline-control){display:grid;gap:6px;color:#526179;font-size:13px;font-weight:850}.base64-option-grid label:not(.inline-control) span{color:#17233c;font-weight:920}.base64-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.base64-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.base64-summary span,.base64-summary strong{display:block}.base64-summary span{color:#687994;font-size:12px;font-weight:850}.base64-summary strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920;overflow-wrap:anywhere}.base64-summary .is-success{color:#087f5b}.base64-summary .is-danger{color:#b91c1c}.url-mode-switch,.timestamp-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#f7faffc7;margin-bottom:12px;padding:6px}.url-mode-switch button,.timestamp-mode-switch button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#526179;cursor:pointer;font-weight:900}.url-mode-switch button.is-active,.timestamp-mode-switch button.is-active{background:#fff;color:var(--blue);box-shadow:0 10px 24px #182b4b14}.url-option-grid,.timestamp-option-grid,.uuid-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.url-option-grid label:not(.inline-control),.timestamp-option-grid label,.uuid-control-grid label:not(.inline-control){display:grid;gap:6px;color:#526179;font-size:13px;font-weight:850}.url-option-grid span,.timestamp-option-grid span,.uuid-control-grid span{color:#17233c;font-weight:920}.url-option-grid .inline-control,.uuid-control-grid .inline-control{min-height:38px;align-self:end;border:1px solid rgba(215,225,238,.92);border-radius:12px;background:#fff;padding:8px 10px}.url-summary,.timestamp-summary,.uuid-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.url-summary>div,.timestamp-summary>div,.uuid-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.url-summary span,.url-summary strong,.timestamp-summary span,.timestamp-summary strong,.uuid-summary span,.uuid-summary strong{display:block}.url-summary span,.timestamp-summary span,.uuid-summary span{color:#687994;font-size:12px;font-weight:850}.url-summary strong,.timestamp-summary strong,.uuid-summary strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920;overflow-wrap:anywhere}.url-summary .is-success,.timestamp-summary .is-success{color:#087f5b}.url-summary .is-danger,.timestamp-summary .is-danger{color:#b91c1c}.url-query-table,.timestamp-result-list,.uuid-result-list,.uuid-history{display:grid;gap:10px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-top:12px;padding:12px}.url-query-table__head,.timestamp-result-card__head,.uuid-history__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.url-query-table__head strong,.timestamp-result-card__head strong,.uuid-history__head strong{color:#17233c;font-size:13px;font-weight:920}.url-query-row{display:grid;grid-template-columns:minmax(120px,.36fr) minmax(0,1fr);gap:10px;align-items:baseline;border-top:1px solid rgba(227,235,245,.86);padding-top:8px}.url-query-row code,.uuid-result-row code,.uuid-history code,.timestamp-result-card code{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.url-query-row span,.timestamp-result-card span{color:#526179;font-size:13px;font-weight:820;line-height:1.6;overflow-wrap:anywhere}.timestamp-result-card{display:grid;gap:8px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.uuid-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.hash-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0}.hash-options label{display:grid;gap:6px;color:#526179;font-size:13px;font-weight:850}.hash-options .select-input{width:100%}.hash-result-list{display:grid;gap:10px}.hash-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px 14px}.hash-result-row strong,.hash-result-row code{display:block}.hash-result-row strong{color:#17233c;font-size:13px;font-weight:900}.hash-result-row code{margin-top:6px;color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.json-error-card{display:grid;gap:8px;border:1px solid rgba(220,38,38,.18);border-radius:14px;background:#fff7f7;color:#7f1d1d;margin-top:12px;padding:12px 14px}.json-error-card strong,.json-error-card span{display:block}.json-error-card strong{font-size:14px;font-weight:900}.json-error-card span{color:#b91c1c;font-size:13px;font-weight:850}.json-error-card pre{overflow:auto;margin:0;border-radius:10px;background:#fff;color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.65;padding:10px;white-space:pre-wrap}.json-stats{margin:10px 0 0;color:#526179;font-size:13px;font-weight:800;line-height:1.6}.json-path-box{display:grid;gap:8px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-top:12px;padding:12px}.json-path-box label{color:#17233c;font-size:13px;font-weight:900}.json-path-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.json-path-presets{display:flex;flex-wrap:wrap;gap:8px 12px}.jwt-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.jwt-summary>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.jwt-summary span,.jwt-summary strong{display:block}.jwt-summary span{color:#687994;font-size:12px;font-weight:850}.jwt-summary strong{margin-top:5px;color:#17233c;font-size:15px;font-weight:920;overflow-wrap:anywhere}.jwt-summary .is-success{color:#087f5b}.jwt-summary .is-warning{color:#b45309}.jwt-summary .is-danger{color:#b91c1c}.jwt-claims{display:grid;gap:8px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-bottom:12px;padding:12px}.jwt-claim-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px 12px;align-items:baseline;color:#526179;font-size:13px;font-weight:850}.jwt-claim-row span{color:#17233c;font-weight:920}.jwt-claim-row code{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.jwt-claim-row small{grid-column:2;color:#687994;font-size:12px;font-weight:780}.jwt-section-list{display:grid;gap:12px}.jwt-section{border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.jwt-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#17233c;font-size:13px;font-weight:920}.jwt-section .result-block{max-height:260px;margin:0}.jwt-signature{display:block;border-radius:12px;background:#fff;color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7;overflow-wrap:anywhere;padding:10px}.code-area{display:block;width:100%;min-height:470px;border-color:#cfdced;border-radius:14px;resize:vertical;padding:18px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.7;box-shadow:inset 0 1px #ffffffbf}.code-area--code{min-height:500px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.72;-moz-tab-size:2;tab-size:2}.code-area--text{min-height:400px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.86}.code-area--compact{min-height:300px}.workbench--form .code-area{min-height:330px}.workbench--preview .code-area{min-height:520px}.code-area:focus,.text-input:focus,.search-input:focus,.select-input:focus{border-color:#2358e680;box-shadow:0 0 0 4px #2358e614}.result-block{min-height:260px;overflow:auto;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;color:var(--text);padding:18px;white-space:pre-wrap;word-break:break-word}.result-block--mono{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.74}.result-block--text{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.82}.result-block--compact{min-height:160px}.workbench--form .result-block{min-height:330px}.workbench--preview .result-block{min-height:520px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin:0 0 12px;font-size:24px}.markdown-preview p,.markdown-preview li{color:#40536f;line-height:1.78}.markdown-preview ul{padding-left:22px}.markdown-preview code{border-radius:6px;background:#edf4ff;color:var(--blue);padding:2px 6px}.markdown-preview pre{overflow:auto;border-radius:12px;background:#07152e;color:#f7faff;padding:16px}.markdown-preview pre code{background:transparent;color:inherit;padding:0}.markdown-preview a{color:var(--blue);font-weight:850}.markdown-preview blockquote{margin:16px 0;border-left:4px solid rgba(35,88,230,.32);background:#edf4ffa8;border-radius:0 12px 12px 0;padding:10px 14px}.markdown-preview blockquote p{margin:0}.markdown-preview hr{border:0;border-top:1px solid #d7e1ee;margin:20px 0}.markdown-preview img{max-width:100%;border-radius:12px;border:1px solid #d7e1ee}.markdown-preview del{color:#8a98ad}.tool-content-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;margin-top:26px}.content-panel{border:1px solid rgba(227,235,245,.95);border-radius:14px;background:#fbfdffd1;padding:20px}.content-panel--wide{grid-column:1 / -1}.content-panel h2{margin:0 0 12px;font-size:22px}.content-panel h3{margin:0 0 8px;font-size:17px}.content-panel p,.io-list dd,.related-card span{color:#657790;font-size:15px;line-height:1.72}.content-split,.example-code-grid,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.io-list{margin:0}.io-list dt{margin-top:12px;color:#17233c;font-weight:900}.io-list dd{margin:6px 0 0}.example-list,.faq-list{display:grid;gap:14px}.example-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.example-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.example-card strong,.related-card strong{display:block;color:#132238;font-size:17px;font-weight:900}.example-card pre{min-height:96px;overflow:auto;border:1px solid #d7e1ee;border-radius:12px;background:#f7faff;color:#213451;font-size:13px;line-height:1.65;margin:10px 0 0;padding:12px;white-space:pre-wrap}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.faq-list summary{color:#132238;cursor:pointer;font-weight:900}.faq-list p{margin:10px 0 0}.related-card{display:block;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px}.related-card:hover{border-color:#2358e642;box-shadow:var(--shadow)}.inline-control{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.mini-input{width:76px;min-height:34px;padding:6px 8px}.hint{margin:12px 0 0;font-size:14px;font-weight:800}.hint.success{color:var(--green)}.hint.danger,.danger{color:var(--red)}.empty-state{max-width:620px;margin:70px auto;padding:34px;text-align:center}.empty-state strong{display:block;margin-bottom:10px;font-size:24px}.empty-state p{color:var(--muted)}.floating-actions{position:fixed;right:34px;bottom:34px;z-index:30;display:flex;flex-direction:column;gap:12px}.float-button{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(207,222,242,.9);border-radius:16px;color:var(--blue);cursor:pointer;font-size:24px;font-weight:900;box-shadow:0 16px 40px #182b4b21}.float-button--pink{border-radius:50%;background:#fff;color:#df6799}.float-button--green{background:#fff;color:var(--green)}.float-button--blue{background:linear-gradient(180deg,var(--blue),var(--blue-dark));color:#fff}.site-footer{display:flex;justify-content:space-between;gap:16px;width:min(1500px,calc(100% - 48px));margin:56px auto 0;border-top:1px solid var(--line);padding:22px 0 34px;color:var(--muted);font-size:13px}@media(max-width:1180px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-directory{grid-template-columns:240px minmax(0,1fr);gap:28px;width:min(100% - 32px,1120px)}}@media(max-width:820px){.site-header,.tool-shell__head,.toolbar-band,.site-footer{align-items:stretch;flex-direction:column;height:auto;padding-top:16px;padding-bottom:16px}.site-nav{overflow-x:auto}.site-nav a{min-width:66px;font-size:14px}.home-hero{min-height:auto;padding-top:30px;padding-bottom:26px}.hero-metrics{grid-template-columns:1fr}h1{font-size:32px}h2{font-size:26px}.page-head{grid-template-columns:1fr;gap:8px;padding-top:34px}.page-head h1{font-size:30px}.page-head__meta{grid-column:auto;grid-row:auto;justify-content:flex-start}.result-strip{align-items:flex-start;flex-direction:column}.hero-search{grid-template-columns:1fr}.search-count{justify-content:center;width:100%}.search-icon{display:none}.tool-grid,.tool-content-layout,.content-split,.example-code-grid,.related-grid,.workbench,.tool-directory,.cron-preset-grid,.cron-summary,.regex-summary,.yaml-summary,.text-summary,.markdown-summary,.html-summary,.html-option-grid,.base64-summary,.base64-option-grid,.url-summary,.url-option-grid,.timestamp-summary,.timestamp-option-grid,.uuid-summary,.uuid-control-grid,.text-option-grid,.text-control-grid,.text-filter-box,.jwt-summary,.cron-field{grid-template-columns:1fr}.cron-field-row,.regex-group-list>div,.url-query-row,.uuid-result-row{grid-template-columns:1fr}.side-nav{position:static}.tool-shell,.page-head,.toolbar-band,.content-band--tight{width:min(100% - 28px,760px)}.code-area{min-height:320px}.floating-actions{right:16px;bottom:16px}.float-button{width:50px;height:50px;font-size:22px}}