: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}.tool-detail-skeleton{display:grid;gap:22px}.tool-detail-skeleton__head,.tool-detail-skeleton__body{display:grid;gap:12px}.tool-detail-skeleton__head span,.tool-detail-skeleton__head strong,.tool-detail-skeleton__head p,.tool-detail-skeleton__head i,.tool-detail-skeleton__body div{display:block;border-radius:999px;background:linear-gradient(90deg,#fff0,#2358e614,#fff0),#eef4fb;background-size:240% 100%;animation:skeleton-shimmer 1.4s ease infinite}.tool-detail-skeleton__head span{width:128px;height:18px}.tool-detail-skeleton__head strong{width:min(420px,80%);height:34px}.tool-detail-skeleton__head p{width:min(760px,100%);height:22px}.tool-detail-skeleton__head div{display:flex;flex-wrap:wrap;gap:8px}.tool-detail-skeleton__head i{width:86px;height:28px}.tool-detail-skeleton__body{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-detail-skeleton__body div{height:340px;border-radius:14px}.tool-pending{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:stretch;padding:22px;margin-bottom:24px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.tool-pending__main h2{margin:8px 0 10px;color:var(--text-strong);font-size:22px;line-height:1.3}.tool-pending__main p{max-width:760px;margin:0;color:var(--text-muted);line-height:1.8}.tool-pending__eyebrow{display:inline-flex;align-items:center;height:24px;padding:0 10px;color:#2563eb;font-size:12px;font-weight:800;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px}.tool-pending__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tool-pending__meta span,.tool-pending__aside span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;color:var(--text-muted);font-size:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:999px}.tool-pending__aside{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.tool-pending__aside strong{margin-bottom:2px;color:var(--text-strong);font-size:14px}.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}.url-param-tool{align-items:start}.url-param-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.url-param-options .inline-control{min-height:38px;border:1px solid rgba(215,225,238,.92);border-radius:12px;background:#fff;padding:8px 10px}.url-param-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.url-param-summary div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.url-param-summary span,.url-param-summary strong{display:block}.url-param-summary span{color:#687994;font-size:12px;font-weight:850}.url-param-summary strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920}.url-param-summary .is-warning{color:#b45309}.url-param-meta-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr);gap:12px;margin-bottom:12px}.url-param-meta-grid label{display:grid;gap:7px;color:#526179;font-size:13px;font-weight:850}.url-param-table,.url-param-output{display:grid;gap:10px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;padding:12px}.url-param-output{margin-top:12px}.url-param-table__head,.url-param-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr) minmax(92px,.35fr) auto;gap:10px;align-items:center}.url-param-table__head{color:#687994;font-size:12px;font-weight:900;padding:0 2px}.url-param-table__body{display:grid;gap:8px}.url-param-row{border:1px solid rgba(215,225,238,.74);border-radius:12px;background:#fff;padding:8px}.url-param-badges{display:flex;flex-wrap:wrap;gap:6px}.url-param-badge{border:1px solid rgba(100,116,139,.18);border-radius:999px;background:#f8fafc;color:#526179;font-size:12px;font-weight:850;line-height:1;padding:5px 8px;white-space:nowrap}.url-param-badge--warn{border-color:#f59e0b42;background:#fff7ed;color:#b45309}.url-param-empty{border:1px dashed rgba(148,163,184,.5);border-radius:12px;color:#687994;font-size:13px;font-weight:820;padding:18px;text-align:center}.url-param-output__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.url-param-output__head strong{color:#17233c;font-size:13px;font-weight:920}.ua-tool,.ip-tool{align-items:start}.ip-input{width:100%}.ip-current-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#f7faffcc;padding:12px 14px}.ip-current-card div{display:grid;gap:4px;min-width:0}.ip-current-card span{color:#687994;font-size:12px;font-weight:850}.ip-current-card strong{color:#17233c;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:17px;font-weight:920;overflow-wrap:anywhere}.ip-current-card small{color:#526179;font-size:12px;font-weight:780;overflow-wrap:anywhere}.ua-summary,.ip-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.ip-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ua-summary div,.ip-summary div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.ua-summary span,.ua-summary strong,.ip-summary span,.ip-summary strong{display:block}.ua-summary span,.ip-summary span,.ua-result-grid span,.ip-result-grid span,.ua-detail-list span{color:#687994;font-size:12px;font-weight:850}.ua-summary strong,.ip-summary strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920;overflow-wrap:anywhere}.ua-summary .is-warning,.ip-summary .is-warning{color:#b45309}.ip-summary .is-success{color:#087f5b}.ip-location-card{display:grid;gap:6px;margin-bottom:12px;border:1px solid rgba(142,180,227,.42);border-radius:14px;background:linear-gradient(135deg,#f4f8fff5,#fffffff0);padding:14px}.ip-location-card span{color:#687994;font-size:12px;font-weight:850}.ip-location-card strong{color:#17233c;font-size:20px;font-weight:920;overflow-wrap:anywhere}.ip-location-card small{color:#526179;font-size:12px;font-weight:780}.ua-result-grid,.ip-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ua-result-grid section,.ip-result-grid section,.ua-detail-list div,.ip-note{display:grid;gap:6px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;padding:12px}.ua-result-grid strong,.ip-result-grid code,.ua-detail-list code{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:850;overflow-wrap:anywhere;white-space:pre-wrap}.ua-detail-list{display:grid;gap:10px;margin-top:10px}.ip-note{margin-top:10px}.ip-note strong{color:#17233c;font-size:13px;font-weight:920}.ip-note span{color:#526179;font-size:13px;font-weight:820;line-height:1.7}.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}.tool-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.tool-control-grid label,.tool-field{display:grid;gap:6px;color:#526179;font-size:13px;font-weight:850}.tool-control-grid span,.tool-field span{color:#17233c;font-weight:920}.tool-field{margin-top:12px}.password-options{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.utility-summary>div,.word-counter-grid>div{border:1px solid rgba(215,225,238,.92);border-radius:14px;background:#fff;padding:12px 14px}.utility-summary span,.utility-summary strong,.word-counter-grid span,.word-counter-grid strong{display:block}.utility-summary span,.word-counter-grid span{color:#687994;font-size:12px;font-weight:850}.utility-summary strong,.word-counter-grid strong{margin-top:5px;color:#17233c;font-size:18px;font-weight:920;overflow-wrap:anywhere}.utility-summary .is-danger{color:#b91c1c}.utility-result-list{display:grid;gap:10px}.utility-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}.utility-result-row code{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:850;line-height:1.6;overflow-wrap:anywhere}.word-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.keyword-list{display:grid;gap:10px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;margin-bottom:12px;padding:12px}.keyword-list__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.keyword-list__head strong{color:#17233c;font-size:13px;font-weight:920}.keyword-list__head span{color:#687994;font-size:12px;font-weight:820}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.keyword-tags button{display:inline-flex;min-height:32px;align-items:center;gap:7px;border:1px solid rgba(207,222,242,.92);border-radius:999px;background:#fff;color:#526179;cursor:pointer;font-size:13px;font-weight:850;padding:6px 10px}.keyword-tags span{color:var(--blue);font-weight:920}.base-result-table{display:grid;gap:8px;border:1px solid rgba(227,235,245,.9);border-radius:14px;background:#f7faffc7;padding:12px;overflow-x:auto}.base-result-table__head,.base-result-row{display:grid;grid-template-columns:minmax(88px,.7fr) repeat(4,minmax(120px,1fr));gap:10px;align-items:center;min-width:680px}.base-result-table__head{color:#687994;font-size:12px;font-weight:900;padding:0 2px}.base-result-row{border:1px solid rgba(215,225,238,.74);border-radius:12px;background:#fff;padding:10px}.base-result-row code{color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}.color-tool{align-items:start}.color-input-group{display:grid;gap:8px;color:#526179;font-size:13px;font-weight:850}.color-input{width:100%;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:760}.color-swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0 4px}.color-swatch{display:grid;place-items:end start;min-height:72px;border:1px solid rgba(23,35,60,.12);border-radius:14px;background:linear-gradient(180deg,#ffffff14,#0000001a),var(--swatch-color);color:#fff;cursor:pointer;padding:10px;text-shadow:0 1px 8px rgba(0,0,0,.28);transition:transform .16s ease,box-shadow .16s ease}.color-swatch:hover{box-shadow:0 12px 24px #2358e621;transform:translateY(-1px)}.color-swatch span{font-size:12px;font-weight:900}.color-preview-card{display:grid;grid-template-columns:138px minmax(0,1fr);gap:14px;align-items:center;border:1px solid #d7e1ee;border-radius:14px;background:linear-gradient(45deg,rgba(226,232,240,.48) 25%,transparent 25%),linear-gradient(-45deg,rgba(226,232,240,.48) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(226,232,240,.48) 75%),linear-gradient(-45deg,transparent 75%,rgba(226,232,240,.48) 75%),#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;margin-bottom:12px;padding:12px}.color-preview{min-height:92px;border:1px solid rgba(23,35,60,.12);border-radius:12px;box-shadow:inset 0 1px #ffffff42}.color-preview__meta{display:grid;gap:5px}.color-preview__meta span,.color-preview__meta small{color:#526179;font-size:12px;font-weight:850}.color-preview__meta strong{color:#17233c;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:900;overflow-wrap:anywhere}.color-result-list{display:grid;gap:10px}.color-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 14px}.color-result-row span,.color-result-row code{display:block}.color-result-row span{color:#526179;font-size:12px;font-weight:900;letter-spacing:0}.color-result-row code{margin-top:5px;color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.color-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0f172a61;padding:22px}.color-picker-dialog{width:min(760px,100%);border:1px solid rgba(215,225,238,.96);border-radius:18px;background:#fff;box-shadow:0 28px 80px #0f172a3d;padding:18px}.color-picker-head,.color-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.color-picker-head{margin-bottom:14px}.color-picker-head strong,.color-picker-head span{display:block}.color-picker-head strong{color:#17233c;font-size:18px;font-weight:920}.color-picker-head span{margin-top:4px;color:#687994;font-size:13px;font-weight:820}.color-picker-layout{display:grid;grid-template-columns:minmax(300px,1fr) 250px;gap:16px;align-items:stretch}.color-picker-board{position:relative;min-height:330px;overflow:hidden;border:1px solid rgba(23,35,60,.14);border-radius:16px;background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0),hsl(var(--picker-hue),100%,50%);cursor:crosshair;touch-action:none}.color-picker-cursor{position:absolute;width:18px;height:18px;border:3px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px #0f172a6b,0 6px 16px #0f172a42;transform:translate(-50%,-50%)}.color-picker-side{display:grid;align-content:start;gap:14px}.color-picker-current{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #d7e1ee;border-radius:14px;background:linear-gradient(45deg,rgba(226,232,240,.5) 25%,transparent 25%),linear-gradient(-45deg,rgba(226,232,240,.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(226,232,240,.5) 75%),linear-gradient(-45deg,transparent 75%,rgba(226,232,240,.5) 75%),#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;padding:10px}.color-picker-current__swatch{height:72px;border:1px solid rgba(23,35,60,.12);border-radius:12px}.color-picker-current span,.color-picker-current small,.color-slider span,.color-native-picker span{color:#526179;font-size:12px;font-weight:860}.color-picker-current strong,.color-picker-current small{display:block;margin-top:5px}.color-picker-current strong{color:#17233c;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:900}.color-slider,.color-native-picker{display:grid;gap:8px}.color-range{width:100%;accent-color:var(--blue)}.color-range--hue{accent-color:#f97316}.color-native-picker input{width:100%;height:42px;border:1px solid #d7e1ee;border-radius:12px;background:#fff;cursor:pointer;padding:4px}.color-picker-footer{flex-wrap:wrap;justify-content:flex-end;margin-top:16px;border-top:1px solid rgba(227,235,245,.9);padding-top:14px}.qr-tool{align-items:start}.qr-input{min-height:250px}.qr-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.qr-option-grid label{display:grid;gap:7px;color:#526179;font-size:13px;font-weight:850}.qr-option-grid .select-input,.qr-option-grid .mini-input,.color-mini-input{width:100%}.color-mini-input{min-height:42px;border:1px solid #d7e1ee;border-radius:10px;background:#fff;cursor:pointer;padding:4px}.qr-preview-shell{position:relative;display:grid;min-height:340px;place-items:center;overflow:hidden;border:1px solid #d7e1ee;border-radius:16px;background:linear-gradient(45deg,rgba(226,232,240,.36) 25%,transparent 25%),linear-gradient(-45deg,rgba(226,232,240,.36) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(226,232,240,.36) 75%),linear-gradient(-45deg,transparent 75%,rgba(226,232,240,.36) 75%),#fff;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;padding:24px}.qr-canvas{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 16px 34px #182b4b1f}.qr-empty{position:absolute;color:#687994;font-size:14px;font-weight:850}.qr-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.qr-summary div{display:grid;gap:5px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.qr-summary span{color:#526179;font-size:12px;font-weight:850}.qr-summary strong{color:#17233c;font-size:17px;font-weight:920}.image-base64-tool{align-items:start}.tool-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #d7e1ee;border-radius:14px;background:#f5f8fc;margin-bottom:14px;padding:5px}.tool-mode-tabs button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#526179;cursor:pointer;font-weight:900}.tool-mode-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 8px 18px #182b4b14}.image-drop-zone{position:relative;display:grid;min-height:245px;place-items:center;border:1px dashed #b9c9df;border-radius:16px;background:linear-gradient(180deg,#f8fbfff0,#f1f7ffe6);color:#526179;text-align:center;padding:24px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.image-drop-zone.active{border-color:#2358e6b8;background:#edf4ff;box-shadow:0 16px 34px #2358e61a}.image-drop-zone input{display:none}.image-drop-zone strong,.image-drop-zone span{display:block}.image-drop-zone strong{color:#17233c;font-size:18px;font-weight:920}.image-drop-zone span{max-width:420px;color:#687994;font-size:13px;font-weight:820;line-height:1.7}.image-drop-zone .button{margin-top:6px}.image-base64-input{min-height:300px}.image-preview-shell{display:grid;min-height:270px;place-items:center;overflow:hidden;border:1px solid #d7e1ee;border-radius:16px;background:linear-gradient(45deg,rgba(226,232,240,.36) 25%,transparent 25%),linear-gradient(-45deg,rgba(226,232,240,.36) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(226,232,240,.36) 75%),linear-gradient(-45deg,transparent 75%,rgba(226,232,240,.36) 75%),#fff;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;padding:18px}.image-preview-shell img{display:block;max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 16px 34px #182b4b1f}.image-preview-empty{color:#687994;font-size:14px;font-weight:850}.image-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.image-meta-grid div{display:grid;gap:5px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.image-meta-grid span{color:#526179;font-size:12px;font-weight:850}.image-meta-grid strong{color:#17233c;font-size:14px;font-weight:920;overflow-wrap:anywhere}.image-base64-output{min-height:170px;margin-top:12px}.sql-tool{align-items:start}.sql-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.sql-option-grid label{display:grid;gap:7px;color:#526179;font-size:13px;font-weight:850}.sql-option-grid .select-input{width:100%}.sql-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.sql-summary div{display:grid;gap:5px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.sql-summary span{color:#526179;font-size:12px;font-weight:850}.sql-summary strong{color:#17233c;font-size:17px;font-weight:920}.json-ts-tool{align-items:start}.json-ts-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.json-ts-option-grid label{display:grid;gap:7px;color:#526179;font-size:13px;font-weight:850}.json-ts-option-grid .text-input,.json-ts-option-grid .select-input{width:100%}.json-ts-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.json-ts-summary div{display:grid;gap:5px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.json-ts-summary span{color:#526179;font-size:12px;font-weight:850}.json-ts-summary strong{color:#17233c;font-size:17px;font-weight:920}.text-diff-tool{align-items:start}.text-diff-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.text-diff-input-grid label{display:grid;gap:8px;color:#526179;font-size:13px;font-weight:850}.text-diff-input-grid .code-area{min-height:260px}.text-diff-options{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.text-diff-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.text-diff-summary div{display:grid;gap:5px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff;padding:12px}.text-diff-summary span{color:#526179;font-size:12px;font-weight:850}.text-diff-summary strong{color:#17233c;font-size:17px;font-weight:920}.text-diff-result{overflow:auto;max-height:620px;border:1px solid #d7e1ee;border-radius:14px;background:#fbfdff}.text-diff-row{display:grid;grid-template-columns:58px 28px minmax(0,1fr);align-items:baseline;border-bottom:1px solid rgba(227,235,245,.72);color:#213451;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.7;min-height:30px}.text-diff-row:last-child{border-bottom:0}.text-diff-row__line,.text-diff-row__mark{color:#7a8aa2;font-weight:850;padding:4px 8px;text-align:right}.text-diff-row__mark{text-align:center}.text-diff-row code{overflow-wrap:anywhere;padding:4px 10px;white-space:pre-wrap}.text-diff-row--modify{background:#fffaf0}.text-diff-row--modify .text-diff-row__mark{color:#b45309}.text-diff-modify{display:grid;gap:4px;min-width:0;padding:5px 8px 5px 0}.text-diff-modify__line{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;border:1px solid rgba(215,225,238,.72);border-radius:8px;min-width:0}.text-diff-modify__line--old{background:#fef2f2c7;border-color:#f871713d}.text-diff-modify__line--new{background:#f0fdf4d1;border-color:#22c55e3d}.text-diff-modify__line b{align-self:stretch;color:#64748b;font-size:12px;font-weight:900;padding:4px 8px;text-align:center}.text-diff-modify__line code{min-width:0;padding:4px 8px}.text-diff-modify__line .changed{border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px}.text-diff-modify__line--old .changed{background:#fecaca;color:#991b1b}.text-diff-modify__line--new .changed{background:#bbf7d0;color:#166534}.text-diff-row--insert{background:#f0fdf4}.text-diff-row--insert .text-diff-row__mark{color:#16a34a}.text-diff-row--delete{background:#fff5f5}.text-diff-row--delete .text-diff-row__mark{color:#dc2626}.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.warning{color:#b45309}.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,.tool-detail-skeleton__body,.tool-pending,.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,.color-preview-card,.color-result-row{grid-template-columns:1fr}.color-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-picker-backdrop{align-items:end;padding:12px}.color-picker-dialog{max-height:calc(100vh - 24px);overflow:auto;border-radius:16px}.color-picker-layout{grid-template-columns:1fr}.color-picker-board{min-height:260px}.qr-option-grid,.qr-summary,.image-meta-grid,.sql-option-grid,.sql-summary,.json-ts-option-grid,.json-ts-summary,.text-diff-input-grid,.text-diff-summary,.url-param-summary,.url-param-meta-grid,.ua-summary,.ip-summary,.ua-result-grid,.ip-result-grid,.tool-control-grid,.utility-summary,.word-counter-grid,.password-options{grid-template-columns:repeat(2,minmax(0,1fr))}.text-diff-input-grid{grid-template-columns:1fr}.text-diff-row{grid-template-columns:46px 24px minmax(0,1fr)}.url-param-table__head{display:none}.url-param-row{grid-template-columns:1fr}.base-result-table__head,.base-result-row{grid-template-columns:1fr;min-width:0}.qr-preview-shell{min-height:280px;padding:16px}.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}}