.tool-head{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;display:flex}.tool-wrap{margin:1.2em 0 2.4em}.tool-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.tool-grid>*{min-width:0}.tool-grid.sticky>.tool-out{top:calc(var(--header-h) + 20px);position:sticky}.tool-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.tool-panel+.tool-panel{margin-top:16px}.tool-panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;display:flex}.tool-panel h2 .btn.sm{text-transform:none;letter-spacing:0}.tool-row{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.tool-row.three{grid-template-columns:1fr 1fr 1fr}.tool-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 14px;display:flex}.tool-out{gap:14px;display:grid}.tool-note{color:var(--muted);margin:6px 0 0;font-size:.82rem}.tool-note code{font-size:.78rem}.field{margin-bottom:12px}.field label{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.field label .t{font-family:var(--font-mono);color:var(--muted);font-size:.72rem;font-weight:500}.field label .req{color:var(--red);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:700}.field label .opt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem}.field input.mono,.field select.mono{font-family:var(--font-mono);font-size:.82rem}.field textarea.short{min-height:64px}.field textarea.tall{min-height:220px}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.75}.field input:read-only{color:var(--text-2);background:var(--surface-2)}.field .hint a{color:var(--accent-2)}.check{color:var(--text-2);cursor:pointer;user-select:none;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.check input{accent-color:var(--accent);width:15px;height:15px;margin:0}.btn.sm{border-radius:9px;gap:6px;height:34px;padding:0 12px;font-size:.84rem}.btn.sm svg{width:14px;height:14px}.btn:disabled{opacity:.55;cursor:wait;transform:none}.seg.sm button{padding:6px 10px;font-size:.8rem}.tool-status{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.tool-status .dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.tool-status.ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 45%, transparent);background:color-mix(in srgb, var(--green) 10%, var(--surface))}.tool-status.ok .dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 25%, transparent)}.tool-status.bad{color:var(--red);border-color:color-mix(in srgb, var(--red) 45%, transparent);background:color-mix(in srgb, var(--red) 10%, var(--surface))}.tool-status.bad .dot{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 25%, transparent)}.tool-status.warn{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 45%, transparent);background:color-mix(in srgb, var(--amber) 10%, var(--surface))}.tool-status.warn .dot{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 25%, transparent)}.result.warn{border-color:color-mix(in srgb, var(--amber) 50%, transparent)}.result .rt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.result .rt b{font-size:.95rem}.result .kv{grid-template-columns:140px minmax(0,1fr);gap:6px 12px;margin:8px 0 0;font-size:.88rem;display:grid}.result .kv dt{color:var(--muted)}.result .kv dd{font-family:var(--font-mono);word-break:break-all;color:var(--text);margin:0;font-size:.8rem}.result .kv dd.plain{font-family:var(--font-sans);color:var(--text-2);font-size:.88rem}.checks{color:var(--text-2);gap:7px;margin:10px 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.checks li{align-items:flex-start;gap:9px;display:flex}.checks li code{font-size:.78rem}.checks .ck{background:var(--surface-2);width:18px;height:18px;color:var(--muted);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:.7rem;font-weight:800;line-height:1;display:grid}.checks li.ok .ck{background:color-mix(in srgb, var(--green) 18%, transparent);color:var(--green);border-color:#0000}.checks li.bad .ck{background:color-mix(in srgb, var(--red) 18%, transparent);color:var(--red);border-color:#0000}.checks li.warn .ck{background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber);border-color:#0000}.checks li.bad>span:last-child{color:var(--text)}.tcb .cb-head{gap:8px}.tcb .cb-head .cb-title{flex:1}.tcb pre{color:#e6edf3;font-size:.8rem;line-height:1.6;font-family:var(--font-mono);white-space:pre;scrollbar-width:thin;tab-size:4;max-height:460px;margin:0;padding:14px 16px;overflow:auto}.tcb pre.wrap{white-space:pre-wrap;word-break:break-all}.tcb pre.soft{color:#8b93a7}.tcb.tall pre{max-height:none}.tcb .jwt-h{color:#f0abfc}.tcb .jwt-p{color:#a5b4fc}.tcb .jwt-s{color:#5eead4}.tcb .jwt-dot,.tcb .fx-k{color:#8b93a7}.tcb .fx-v{color:#e6edf3}.tcb .fx-sep{color:#4b5563}.tcb .fx-sum{color:#5eead4}.tcopy{color:#aab2c4;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:30px;height:30px;padding:0 7px;font-size:.74rem;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.tcopy:hover{color:#fff;background:#ffffff1a}.tcopy svg{width:15px;height:15px}.tcopy.done{color:#34d399;border-color:#34d39980}.tcb .cb-tabs{flex:auto}.tool-tbl{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.tool-tbl table{margin:0;font-size:.86rem}.tool-tbl td.tag,.tool-tbl td.val{font-family:var(--font-mono);white-space:nowrap;font-size:.8rem}.tool-tbl td.val{white-space:pre-wrap;word-break:break-all}.tool-tbl td.name{color:var(--text-2)}.tool-tbl td.name small{color:var(--muted);font-size:.76rem;display:block}.tool-tbl tr.sys td{color:var(--muted)}.tool-tbl tr.custom td.name{color:var(--accent-3)}.tool-tbl tr:last-child td{border-bottom:0}.rb-op{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 10px;display:flex}.rb-op .m{padding:3px 8px;font-size:.72rem}.rb-op .ep-path{font-size:.92rem}.rb-op .sum{color:var(--text-2);flex-basis:100%;font-size:.92rem}.rb-op .chips{flex-basis:100%;margin:0}.rb-empty{color:var(--muted);padding:6px 0 2px;font-size:.88rem}.rb-sec{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:10px;margin:16px 0 6px;font-size:.74rem;font-weight:650;display:flex}.rb-sec:after{content:"";background:var(--border);flex:1;height:1px}.field .d{color:var(--muted);margin-top:4px;font-size:.78rem}.field .d code{font-size:.74rem}.jwt-mode{margin-bottom:16px}.countdown{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (width<=1100px){.tool-grid{grid-template-columns:1fr}.tool-grid.sticky>.tool-out{position:static}}@media (width<=640px){.tool-row,.tool-row.three{grid-template-columns:1fr}.tool-panel{padding:14px}.result .kv{grid-template-columns:1fr;gap:2px 0}.result .kv dt{margin-top:6px}.tcb pre{font-size:.76rem}}
