:root{color-scheme:dark}body{margin:0;background:#101019;color:#eeeef4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.trace-page{width:min(1240px,calc(100% - 64px));margin:auto;padding:58px 0 76px}.trace-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;margin-bottom:42px}.trace-kicker{font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.14em;color:#b6b5c6}.trace-hero h1{font-size:clamp(40px,5vw,67px);line-height:1.05;letter-spacing:-.05em;margin:18px 0 20px}.trace-hero h1 em{font-style:normal;color:#d6ff70}.trace-hero p{font-size:18px;color:#b9b8c9;line-height:1.65;max-width:600px}.trace-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.trace-tags span{font:11px ui-monospace,monospace;border:1px solid #393746;border-radius:30px;padding:8px 12px;color:#c9c7d7}.trace-illustration{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;transform:rotate(-5deg);padding:35px}.trace-illustration span,.trace-illustration i{width:64px;height:64px;display:grid;place-items:center;font:600 22px ui-monospace,monospace;border:1px solid #c4a9ef;border-radius:18px;background:#b39ada20;color:#d3bdf4;font-style:normal;box-shadow:0 10px 45px #9564bd12}.trace-illustration i{border-style:dashed;color:#777080;background:none;opacity:.5;transform:translateY(28px);text-decoration:line-through}.trace-illustration b{width:100%;text-align:center;color:#d6ff70;font-size:22px;letter-spacing:-.04em;margin-top:32px}.trace-scope{padding:20px 24px;border:1px solid #34313f;border-radius:16px;margin-bottom:28px;background:#1a1823;display:flex;align-items:center;gap:24px;font-size:13px;line-height:1.6}.trace-scope strong{flex-shrink:0}.trace-scope p{margin:0;color:#b6b3c5}.trace-scope a{white-space:nowrap}.trace-page a{color:#d3dcff;text-underline-offset:4px}.trace-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.trace-panel{background:#171620;border:1px solid #353140;border-radius:20px;padding:28px;min-width:0}.trace-panel-title h2{font-size:25px;letter-spacing:-.035em;margin:9px 0 23px}.trace-page label{display:block;margin:17px 0 8px;font-size:13px;font-weight:600}.trace-page textarea,.trace-page select,.trace-page input[type=file]{width:100%;box-sizing:border-box;background:#111019;border:1px solid #454050;color:#eeeef4;border-radius:9px;padding:12px;font:13px/1.6 ui-monospace,monospace}.trace-page textarea{resize:vertical;tab-size:2}.trace-file{margin:14px 0 20px}.trace-file small{display:block;margin-top:8px;color:#a5a0b6}.trace-muted{font-size:12px;line-height:1.65;color:#a8a3b9}.trace-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.trace-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;padding:10px 14px;background:#25222f;border:1px solid #484151;border-radius:10px;color:#ece8f5!important;font:600 12px/1.5 ui-sans-serif,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:background .18s,transform .18s,border-color .18s}.trace-button:hover{background:#332e40;border-color:#a58caf;transform:translateY(-2px)}.trace-button.primary{background:#d6ff70;border-color:#d6ff70;color:#192010!important}.trace-button:disabled{cursor:default;opacity:.4;transform:none}.trace-page :focus-visible{outline:3px solid #e6b3ff;outline-offset:4px}.trace-page [hidden]{display:none!important}.trace-page [role=status]{font-size:13px;line-height:1.7;color:#c7bbd5;overflow-wrap:anywhere}.trace-empty{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a6a0b4}.trace-empty>span{font-size:90px;color:#bfa0e0}.trace-empty small{max-width:260px;line-height:1.6}.trace-summary{padding:20px;border:1px solid #8aa44870;border-radius:12px;background:#b3d9710d;font-size:21px;letter-spacing:-.02em;line-height:1.4}.trace-summary.no-fault{border-color:#9b859d66;background:#baa0c20b}.trace-output p{font-size:13px;line-height:1.7;color:#beb7cc}.trace-table-wrap{overflow:auto;max-width:100%;border:1px solid #3d3749;border-radius:10px}.trace-table-wrap table{border-collapse:collapse;width:100%;font:11px/1.6 ui-monospace,monospace;white-space:nowrap}.trace-table-wrap th,.trace-table-wrap td{text-align:left;padding:12px 9px;border-bottom:1px solid #342d40}.trace-table-wrap th{color:#b6adc7;font-size:10px}.trace-table-wrap tr.different{background:#e0a2e713}.trace-table-wrap tr.different td:last-child{color:#f1b3fa}.trace-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace;color:#c5bad6}.trace-page details{margin-top:20px;font-size:13px;line-height:1.7}.trace-page summary{cursor:pointer;color:#d4c8e1}.trace-takeaway{margin-top:48px}.trace-takeaway>.trace-panel-title h2{font-size:32px;max-width:720px;margin-bottom:12px}.trace-panel-title p{color:#b6aec4;font-size:15px}.trace-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.trace-next-grid article{padding:24px;border:1px solid #3c3447;border-radius:16px;background:#17151f;min-width:0}.trace-number{font:13px ui-monospace,monospace;color:#d6ff70}.trace-next-grid h3{font-size:20px;letter-spacing:-.02em}.trace-next-grid p{font-size:13px;line-height:1.75;color:#bdb3ca}.trace-manual{margin:30px 0}.trace-bottom{border-top:1px solid #373040;margin-top:48px;padding-top:30px;max-width:800px}.trace-bottom h2{font-size:23px}.trace-bottom p{font-size:14px;color:#b9b0c5;line-height:1.8}@media(max-width:1000px){.trace-scope{flex-wrap:wrap;gap:8px 20px}.trace-scope p{flex-basis:100%;order:3}.trace-next-grid{grid-template-columns:1fr}.trace-hero{gap:20px}.trace-illustration{padding:10px}.trace-panel{padding:22px}}@media(max-width:720px){.trace-page{width:calc(100% - 32px);padding-top:32px}.trace-hero{grid-template-columns:1fr;gap:10px}.trace-hero h1{font-size:43px}.trace-hero p{font-size:16px}.trace-illustration{display:none}.trace-workspace{grid-template-columns:1fr}.trace-panel{padding:19px}.trace-empty{min-height:210px}.trace-scope{padding:18px}.trace-takeaway>.trace-panel-title h2{font-size:28px}.trace-button{min-height:44px}.trace-page textarea{font-size:12px}}@media(prefers-reduced-motion:reduce){.trace-button{transition:none}.trace-button:hover{transform:none}}