:root{color:#e9edf4;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 72% 0%,#27253a 0,transparent 30rem),#111318}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1500px;min-height:100vh;margin:0 auto;padding:18px}.notice{display:flex;gap:10px;align-items:baseline;padding:11px 15px;color:#e8e3ff;background:#29233b;border:1px solid #554a80;border-radius:10px;font-size:13px}.notice strong{color:#c9b8ff}.layout{display:grid;grid-template-columns:258px minmax(0,1fr) 245px;min-height:calc(100vh - 78px);margin-top:14px;overflow:hidden;background:#181b21;border:1px solid #30343c;border-radius:14px;box-shadow:0 24px 80px #0006}.sidebar,.details{padding:20px 14px;background:#15171c}.sidebar{display:flex;flex-direction:column;border-right:1px solid #30343c}.brand{margin:2px 8px 26px;font-size:13px;font-weight:800;letter-spacing:.16em;color:#f0b96f}.connection{display:grid;grid-template-columns:9px 1fr;gap:2px 9px;align-items:center;margin:0 6px 23px;font-size:13px}.connection small{grid-column:2;color:#949aa6;font-size:11px}.status-dot{width:8px;height:8px;background:#c59143;border-radius:50%;box-shadow:0 0 0 3px #c5914324}.status-dot.connected{background:#54c994;box-shadow:0 0 0 3px #54c99424}.search{width:100%;padding:10px 11px;color:#eef1f6;background:#22252d;border:1px solid #393e48;border-radius:8px;outline:none;font-size:13px}.search:focus{border-color:#9b7ce5}.sidebar-label,.eyebrow{margin:20px 7px 8px;color:#8f96a3;font-size:10px;font-weight:700;letter-spacing:.13em}.artifact-list{display:grid;gap:4px}.artifact{display:flex;gap:10px;width:100%;padding:10px 8px;text-align:left;color:#cbd0da;background:transparent;border:1px solid transparent;border-radius:8px}.artifact:hover{background:#22252c}.artifact.selected{color:#fff;background:#2a2934;border-color:#4a4659}.artifact-icon{color:#e2b676;font-size:17px}.artifact-copy{display:grid;gap:2px}.artifact-copy strong{font-size:13px}.artifact-copy small,.empty{color:#9198a5;font-size:11px}.empty{padding:8px}.sidebar-footer{margin:auto 7px 2px;padding-top:18px;color:#747b87;font-size:11px}.content{padding:48px clamp(24px,5vw,78px)}.content-header{max-width:720px}.content .eyebrow,.details .eyebrow{margin:0 0 10px}h1{margin:0;color:#f8f8fa;font-size:clamp(29px,4vw,48px);letter-spacing:-.045em}.subline{max-width:650px;margin:15px 0 30px;color:#aeb4bf;line-height:1.7;font-size:14px}.tabs{display:flex;gap:5px;border-bottom:1px solid #353943}.tab{padding:10px 13px;color:#959ca8;background:none;border:0;border-bottom:2px solid transparent;font-size:13px}.tab.active{color:#f4f2ff;border-color:#b69bff}.artifact-panel{min-height:300px;padding:32px 0}.panel-title{margin:0 0 16px;color:#f4f5f7;font-size:18px}.lead{max-width:620px;color:#c6cbd5;line-height:1.8}.callout{display:flex;gap:12px;max-width:620px;margin-top:27px;padding:16px;color:#bbb2db;background:#211f2a;border-left:2px solid #997add;border-radius:0 8px 8px 0}.callout p{margin:0;line-height:1.55;font-size:13px}.data-table{width:100%;max-width:600px;border-collapse:collapse}.data-table th,.data-table td{padding:13px 8px;border-bottom:1px solid #343841;text-align:left;font-size:13px}.data-table th{width:42%;color:#9299a6;font-weight:500}.data-table td{color:#e9edf4}.source-text{padding:16px;overflow:auto;color:#cbc5df;background:#1e2026;border:1px solid #353843;border-radius:8px;line-height:1.8;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.details{border-left:1px solid #30343c}.details h2{margin:0 7px 22px;font-size:15px}.detail-list{margin:0 7px}.detail-list dt{margin-top:18px;color:#858c99;font-size:10px;font-weight:700;letter-spacing:.08em}.detail-list dd{margin:5px 0 0;color:#d8dbe2;font-size:12px;line-height:1.5}.detail-note{margin:32px 7px 0;color:#7f8794;font-size:11px;line-height:1.5}@media(max-width:920px){.layout{grid-template-columns:220px minmax(0,1fr)}.details{display:none}}@media(max-width:650px){.shell{padding:8px}.notice{align-items:flex-start;flex-direction:column;gap:3px}.layout{display:block;min-height:0}.sidebar{border-right:0;border-bottom:1px solid #30343c}.brand,.connection{margin-bottom:16px}.artifact-list{grid-template-columns:repeat(3,minmax(0,1fr))}.artifact{padding:7px}.artifact-copy small{display:none}.artifact-copy strong{font-size:11px}.sidebar-footer{display:none}.content{padding:29px 22px}}