.trace-page{max-width:1280px;margin:auto;padding:32px 24px;color:#172033;font-size:14px}
.trace-page *{box-sizing:border-box}.trace-page [hidden]{display:none!important}
.trace-card,.trace-empty{background:#fff;border:1px solid #dfe5ed;border-radius:12px;padding:24px;margin-bottom:20px}
.trace-page h1{font-size:22px;font-weight:650;margin:0 0 8px}.trace-page h2{font-size:16px;font-weight:650;margin:0 0 12px}
.trace-muted{color:#65748b;font-weight:400;font-size:13px}.trace-page p{margin:8px 0;line-height:1.8}
.trace-page input:not([type=radio]):not([type=checkbox]),.trace-page select{border:1px solid #cdd6e2;border-radius:7px;padding:9px 11px;background:#fff;min-width:0;font:inherit}
.trace-page input:focus,.trace-page select:focus,.trace-page button:focus-visible{outline:2px solid #3e62ee;outline-offset:2px}
.trace-page button{border:1px solid #cdd6e2;border-radius:7px;padding:9px 15px;background:#fff;cursor:pointer;white-space:nowrap;font:inherit}
.trace-page button:hover{background:#f0f4fb}.trace-page button:disabled{opacity:.5;cursor:not-allowed}
.trace-page button.trace-primary{background:#3455d8;color:white;border-color:#3455d8}.trace-page input:disabled,.trace-page select:disabled{background:#f5f7fa}
.trace-target{display:flex;gap:12px;margin:8px 0 22px}.trace-target>input{flex:1}
.trace-page fieldset{border:0;padding:0;margin:0;min-width:0}.trace-page legend{margin-bottom:10px;font-weight:600}
.trace-page .trace-node-picker{border:1px solid #e2e7ef;border-radius:8px;padding:0;margin:0 0 18px}
.trace-node-picker>summary{padding:12px 16px;font-weight:600}.trace-node-summary{display:inline-flex;justify-content:space-between;gap:16px;width:calc(100% - 18px);vertical-align:middle}.trace-node-summary .trace-muted{text-align:right}
.trace-node-picker-content{padding:0 16px 16px}.trace-node-search{display:flex;gap:16px;align-items:center;margin-bottom:10px}.trace-node-search input{width:320px;max-width:100%}
.trace-node-list{max-height:210px;overflow:auto;border:1px solid #e2e7ef;border-radius:8px;padding:12px 16px}
.trace-node-group>strong{display:block;font-size:12px;color:#68768b;margin:8px 0}.trace-node-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px}
.trace-node-options label{display:flex;gap:7px;align-items:center;cursor:pointer;min-width:0}.trace-node-options input{flex:none;accent-color:#3455d8}
.trace-dns{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:18px 0}.trace-dns label{display:flex;align-items:center;gap:6px}.trace-dns>input{width:180px}
.trace-page details{border-top:1px solid #e5e9f0;padding-top:12px}.trace-page summary{cursor:pointer;color:#52617a}
.trace-advanced{display:flex;gap:16px;flex-wrap:wrap;padding-top:16px}.trace-advanced label{display:flex;flex-direction:column;gap:7px}.trace-advanced input{width:120px}
.trace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.trace-toolbar>div{display:flex;gap:8px}
.trace-empty{padding:48px 24px;text-align:center;color:#718096;background:#fafbfd}
.trace-node-card{padding:0;overflow:hidden}.trace-node-head{padding:17px 20px;background:#f8faff;border-bottom:1px solid #e1e7f0;display:flex;justify-content:space-between;gap:12px;align-items:start}
.trace-node-head h2{margin:0 0 5px}.trace-node-details{font-size:12px;color:#63718a;overflow-wrap:anywhere}.trace-node-state{border-radius:20px;background:#eaf0ff;color:#3455d8;padding:4px 10px;white-space:nowrap;font-size:12px}
.trace-node-state[data-state=failed]{color:#b42318;background:#fff0ed}.trace-node-state[data-state=complete]{color:#167447;background:#e8f8ef}.trace-node-state[data-state=cancelled]{color:#63718a;background:#edf0f5}
.trace-node-message{padding:10px 20px;margin:0!important;color:#63718a;border-bottom:1px solid #e5e9f0}
.trace-table-wrap{overflow:auto}.trace-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.trace-table th,.trace-table td{text-align:left;padding:11px 13px;border-bottom:1px solid #edf0f5}
.trace-table th{font-size:12px;color:#64718a;background:#fcfdff;font-weight:500}.trace-table td:nth-child(2){font-family:ui-monospace,monospace;white-space:pre-line}
.trace-table td:nth-child(3),.trace-table td:nth-child(4),.trace-table td:nth-child(5){max-width:230px;white-space:normal;overflow-wrap:anywhere}.trace-table td:nth-child(n+6){font-variant-numeric:tabular-nums}
.trace-page .trace-error{color:#b42318;background:#fff2ef;padding:10px 12px;border-radius:7px}.trace-help p{color:#63718a}
@media(max-width:760px){.trace-page{padding:20px 12px}.trace-card{padding:18px}.trace-node-card{padding:0}.trace-node-options{grid-template-columns:repeat(2,minmax(0,1fr))}.trace-target{flex-wrap:wrap}.trace-target>input{flex-basis:100%}.trace-toolbar{align-items:start;flex-direction:column}.trace-node-head{flex-wrap:wrap}.trace-dns{gap:12px}.trace-table{min-width:940px}}