:root{color:#17202b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1540px,100vw - 32px);margin:0 auto;padding:26px 0 54px}.hero{color:#f8fbff;background:linear-gradient(135deg,#0d212df0,#2b4e61c7),radial-gradient(circle at 80% 15%,#eebd608c,#0000 34%),linear-gradient(120deg,#123243,#386a7c 52%,#d29b56);border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:end;gap:24px;min-height:420px;margin-bottom:18px;padding:48px;display:grid;overflow:hidden}.hero-copy{max-width:860px}.hero h1{max-width:900px;margin:0;font-size:clamp(42px,6vw,88px);line-height:.95}.hero p:not(.eyebrow){color:#dce8ee;max-width:760px;margin:18px 0 0;font-size:19px;line-height:1.55}.eyebrow{color:currentColor;opacity:.76;letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850}.stats-grid{grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;display:grid}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:104px;padding:15px;display:flex}.stat span{color:#d7e4ec;font-size:13px;font-weight:780}.stat strong{color:#fff;font-size:34px}.toolbar{background:#fff;border:1px solid #d9e2ea;border-radius:8px;grid-template-columns:minmax(260px,1.4fr) repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:12px;padding:12px;display:grid;box-shadow:0 10px 30px #18202a12}.search-box,.control{background:#f8fafc;border:1px solid #cfd9e3;border-radius:6px;align-items:center;gap:8px;min-width:0;height:46px;padding:0 10px;display:flex}.control span{color:#667487;text-transform:uppercase;font-size:11px;font-weight:850}.toolbar input,.toolbar select{color:#17202b;background:0 0;border:0;outline:0;width:100%;min-width:0}.result-row{color:#647184;align-items:baseline;gap:7px;margin:6px 2px 14px;display:flex}.result-row strong{color:#17202b;font-size:22px}.gallery{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.artifact-card{text-align:left;color:inherit;background:#fff;border:1px solid #d9e2ea;border-radius:8px;grid-template-rows:205px auto;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;overflow:hidden;box-shadow:0 12px 30px #18202a12}.artifact-card:hover{border-color:#4e7f96;transform:translateY(-2px);box-shadow:0 18px 42px #18202a1f}.thumbnail,.thumb-placeholder{object-fit:cover;color:#657386;background:linear-gradient(135deg,#e3e9ee,#f8fafc);place-items:center;width:100%;height:205px;font-weight:850;display:grid}.card-body{gap:9px;padding:14px;display:grid}.card-title{color:#111827;font-size:18px;font-weight:880;line-height:1.22}.card-hook{color:#244657;font-weight:800;line-height:1.32}.card-desc,.card-meta{color:#647184;font-size:13px;line-height:1.45}.card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:56px;display:-webkit-box;overflow:hidden}.badge-row,.tag-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.type-badge,.status-badge,.tag-row span{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:4px 8px;font-size:12px;font-weight:850;display:inline-flex}.type-badge{color:#334155;background:#e8edf2}.tag-row span{color:#245f63;background:#edf7f6}.status-success,.status-skipped{color:#166534;background:#dcfce7}.status-partial{color:#92400e;background:#fef3c7}.status-failed{color:#991b1b;background:#fee2e2}.status-pending{color:#075985;background:#e0f2fe}.detail-shell{width:min(1540px,100vw - 32px);margin:0 auto;padding:24px 0 54px}.detail-header{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.detail-header h1{color:#111827;margin:0;font-size:clamp(34px,5vw,64px);line-height:.98}.detail-header p:not(.eyebrow){color:#496170;max-width:880px;font-size:18px;line-height:1.45}.icon-button{color:#253244;background:#fff;border:1px solid #cfd8e3;border-radius:6px;flex:none;place-items:center;width:42px;height:42px;display:inline-grid}.artifact-layout{grid-template-columns:minmax(0,1fr) 390px;gap:16px;display:grid}.main-preview,.sidebar{background:#fff;border:1px solid #d9e2ea;border-radius:8px;box-shadow:0 12px 30px #18202a12}.main-preview{min-width:0;padding:14px}.sidebar{align-self:start;padding:18px}.sidebar h2{margin:0 0 8px;font-size:24px;line-height:1.1}.sidebar h3{margin:22px 0 8px;font-size:15px}.sidebar p{color:#596a7a;line-height:1.5}.preview-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.segmented{background:#eef3f6;border-radius:8px;gap:3px;padding:4px;display:inline-flex}.segmented button{color:#455565;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 11px;font-weight:800}.segmented button.active{color:#102033;background:#fff;box-shadow:0 2px 8px #18202a1a}.segmented button:disabled{cursor:not-allowed;opacity:.45}.large-shot,.mobile-shot{object-fit:contain;background:#eef2f6;border:1px solid #dce3eb;border-radius:6px;width:100%;display:block}.large-shot{max-height:760px}.mobile-shot{width:min(390px,100%);max-height:844px;margin:0 auto}iframe{background:#fff;border:1px solid #cfd8e3;border-radius:6px;width:100%;height:720px}.source-block{white-space:pre-wrap;overflow-wrap:anywhere;color:#e6edf7;background:#101827;border-radius:6px;min-height:520px;max-height:760px;margin:0;padding:16px;overflow:auto}.related-strip{border-top:1px solid #e1e7ee;margin-top:16px;padding-top:14px}.related-strip h2{margin:0 0 10px;font-size:17px}.related-strip div{flex-wrap:wrap;gap:8px;display:flex}.related-strip button{color:#175c8e;background:#f8fafc;border:1px solid #cfd8e3;border-radius:6px;padding:8px 10px;font-weight:800}dl{margin:18px 0 0}dt{color:#667487;text-transform:uppercase;margin-top:13px;font-size:11px;font-weight:850}dd{margin:4px 0 0;line-height:1.4}.path-text{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.open-link{color:#175c8e;align-items:center;gap:8px;margin-top:18px;font-weight:850;text-decoration:none;display:inline-flex}.plain-list{margin:0 0 16px;padding-left:18px}.plain-list li{margin:6px 0;line-height:1.45}.error-list{color:#991b1b}.empty-state{background:#fff;border:1px solid #d9e2ea;border-radius:8px;max-width:780px;margin:90px auto;padding:28px;box-shadow:0 12px 30px #18202a12}.empty-state h1{margin:0;font-size:46px;line-height:1}@media (width<=1180px){.hero,.artifact-layout{grid-template-columns:1fr}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.search-box{grid-column:1/-1}}@media (width<=760px){.shell,.detail-shell{width:min(100vw - 20px,1540px);padding-top:12px}.hero{min-height:auto;padding:26px}.hero h1{font-size:42px}.stats-grid,.toolbar,.gallery{grid-template-columns:1fr}.artifact-card{grid-template-rows:190px auto}.thumbnail,.thumb-placeholder{height:190px}iframe{height:480px}}