.artifact-groups{display:grid!important;grid-template-columns:1fr!important;gap:0}
.artifact-group{min-width:0;padding:20px;border-right:0!important;border-bottom:1px solid var(--line)}
.artifact-group:last-child{border-bottom:0}
.artifact-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 13px;border-bottom:0!important;color:#d5dae1;font-size:12px}
.artifact-title span:last-child{display:grid;place-items:center;min-width:28px;height:22px;border:1px solid #ffc46b38;color:var(--accent);font:9px var(--mono)}
.artifact-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px!important;margin-top:0!important}
.artifact-card{
  display:grid;grid-template-columns:62px minmax(0,1fr);align-items:stretch;min-width:0;min-height:66px;padding:0;border:1px solid #ffffff16;background:#070a0f;color:#dce1e7;text-align:left;
  cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,background .18s
}
.artifact-card:hover,.artifact-card:focus-visible{border-color:#ffc46b62;background:#0c1118;outline:0;transform:translateY(-2px)}
.artifact-preview{display:block;position:relative;width:62px;height:66px;overflow:hidden;border-right:1px solid #ffffff12;background:#0a0f16}
.artifact-preview::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff09}
.artifact-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.artifact-card:hover .artifact-preview img{transform:scale(1.025)}
.artifact-card-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px 11px}
.artifact-card-type{display:grid;place-items:center;min-width:35px;height:22px;padding:0 5px;border:1px solid #65b7ff3d;color:#7eb9e9;font:6px var(--mono)}
.artifact-card-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b5bdc7;font-size:10px}
.artifact-card-action{color:var(--accent);font:8px var(--mono);white-space:nowrap}
.artifact-empty{padding:28px 10px!important;border:1px dashed #ffffff16;color:#606975;font-size:10px;text-align:center}

.preview-grid,.preview-document,.preview-data,.preview-web,.preview-pdf,.preview-unknown{position:absolute;inset:0}
.preview-grid{background:linear-gradient(140deg,#0d1724,#080b11)}
.preview-grid::before{content:"";position:absolute;inset:6px;background-image:linear-gradient(#65b7ff17 1px,transparent 1px),linear-gradient(90deg,#65b7ff17 1px,transparent 1px);background-size:11px 11px}
.preview-grid::after{content:"";position:absolute;left:8%;right:7%;top:52%;height:2px;background:linear-gradient(90deg,transparent,#ffc46b,#65b7ff,transparent);transform:rotate(-9deg);box-shadow:0 0 16px #65b7ff}
.preview-data{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 8px 8px 17px;background:linear-gradient(145deg,#0b121b,#080c12)}
.preview-data::before{content:"{";position:absolute;z-index:2;left:5px;top:50%;transform:translateY(-52%);color:#ffc46b96;font:18px/1 var(--mono)}
.preview-data::after{content:"";position:absolute;inset:5px;background-image:linear-gradient(#65b7ff0a 1px,transparent 1px),linear-gradient(90deg,#65b7ff0a 1px,transparent 1px);background-size:9px 9px;pointer-events:none}
.preview-data .data-line{position:relative;z-index:1;display:block;width:var(--data-width);height:2px;margin-left:var(--data-indent);border:0;background:linear-gradient(90deg,#65b7ffb8,#65b7ff24);box-shadow:none}
.preview-data .data-line::after{content:"";position:absolute;right:-2px;top:-1px;width:4px;height:4px;background:#65b7ff;border-radius:50%;box-shadow:0 0 7px #65b7ff66}
.preview-data .data-line.accent{background:linear-gradient(90deg,#ffc46bd4,#ffc46b28)}
.preview-data .data-line.accent::after{background:#ffc46b;box-shadow:0 0 7px #ffc46b66}
.preview-document{padding:9px 10px;background:#edf2f6}
.preview-document::before{content:"";display:block;width:52%;height:5px;margin-bottom:7px;background:#203650}
.preview-document span{display:block;height:2px;margin:5px 0;background:#91a0b1}
.preview-document span:nth-child(2n){width:82%}.preview-document span:nth-child(3n){width:63%}
.preview-web{padding:7px;background:linear-gradient(145deg,#111927,#080b10)}
.preview-web::before{content:"";display:block;height:7px;border:1px solid #ffffff18;background:linear-gradient(90deg,#e08b78 4px,transparent 4px 8px,#ffc46b 8px 12px,transparent 12px)}
.preview-web::after{content:"WEB";display:grid;place-items:center;height:37px;margin-top:5px;border:1px solid #65b7ff30;background:radial-gradient(circle,#65b7ff45 0 2px,transparent 3px),linear-gradient(130deg,#65b7ff10,#9d8cff10);color:#7eb9e9;font:6px var(--mono);letter-spacing:.14em}
.preview-pdf{padding:9px 13px;background:#111219}
.preview-pdf::before{content:"PDF";display:grid;place-items:end start;width:29px;height:43px;padding:5px;background:#f1f2ee;color:#a54b40;font:700 8px var(--mono);box-shadow:6px 5px 0 #ffffff11}
.preview-unknown{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#0b1017 0 12px,#0d141e 12px 24px);color:#6f7b89;font:9px var(--mono);letter-spacing:.12em}
.preview-video,.preview-audio{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#65b7ff35,transparent 38%),#07101a;color:#d8e7f4;font:7px var(--mono);letter-spacing:.14em}
.preview-video::before{content:"▶";display:grid;place-items:center;width:24px;height:24px;margin-bottom:-26px;border:1px solid #ffffff55;border-radius:50%;color:#fff;font-size:8px}
.preview-media-badge{position:absolute;right:4px;bottom:4px;padding:3px 4px;background:#05070ac9;color:#fff;font:5px var(--mono);letter-spacing:.12em}
.preview-audio{grid-template-columns:repeat(4,3px);gap:3px}.preview-audio span{position:absolute;top:10px}.preview-audio i{display:block;width:3px;height:18px;background:#ffc46b;animation:audio-pulse 1.2s ease-in-out infinite alternate}.preview-audio i:nth-of-type(2){height:28px;animation-delay:-.4s}.preview-audio i:nth-of-type(3){height:22px;animation-delay:-.8s}.preview-audio i:nth-of-type(4){height:12px;animation-delay:-.2s}
.preview-caption{display:none}
.mini-map{display:block;width:100%;height:100%;background:#07101a}
.mini-map .map-grid{stroke:#65b7ff12;stroke-width:1}.mini-map .map-shape{fill:#65b7ff1f;stroke:#79c3ff;stroke-width:1.8;vector-effect:non-scaling-stroke}.mini-map .map-point{fill:#ffc46b;stroke:#fff;stroke-width:.7}
.mini-data-stats{position:absolute;z-index:2;left:6px;right:6px;bottom:5px;display:flex;align-items:end;justify-content:space-between;gap:4px;color:#91a0b0;font:5px var(--mono)}
.mini-data-stats strong{color:#d9e5ef;font:500 10px var(--mono)}

.artifact-viewer{position:fixed;z-index:210;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#05070af5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.artifact-viewer[hidden]{display:none}
.artifact-viewer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:64px;padding:10px 18px;border-bottom:1px solid var(--line);background:#080b10}
.artifact-viewer-ident{min-width:0;display:flex;align-items:center;gap:11px}
.artifact-viewer-type{display:grid;place-items:center;min-width:44px;height:30px;padding:0 7px;border:1px solid #65b7ff55;color:#80bdea;font:7px var(--mono)}
.artifact-viewer-copy{min-width:0}.artifact-viewer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef1f5;font-size:13px}.artifact-viewer-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#67717e;font:8px var(--mono)}
.artifact-viewer-actions{display:flex;align-items:center;gap:7px}
.artifact-viewer-action{display:inline-grid;place-items:center;min-height:34px;padding:0 11px;border:1px solid var(--line);background:#090d13;color:#a4acb6;font-size:10px;cursor:pointer}
.artifact-viewer-action:hover{border-color:var(--accent);color:var(--accent)}
.artifact-viewer-action.primary{border-color:#ffc46b63;color:var(--accent)}
.artifact-viewer-body{min-height:0;overflow:auto;padding:24px;background:radial-gradient(circle at 50% 0,#111a2722,transparent 42rem),#05070a}
.artifact-loading{display:grid;place-items:center;min-height:60vh;color:#768291;font:9px var(--mono);letter-spacing:.16em}
.artifact-render{width:min(1180px,100%);min-height:calc(100vh - 112px);margin:0 auto}
.artifact-render.image{display:grid;place-items:center}.artifact-render.image img{display:block;max-width:100%;max-height:calc(100vh - 116px);object-fit:contain;box-shadow:0 20px 70px #000b}
.artifact-frame{display:block;width:100%;height:calc(100vh - 112px);border:1px solid #ffffff1c;background:#fff}
.artifact-media{display:grid;gap:18px;align-content:start}.artifact-media video{display:block;width:100%;max-height:70vh;background:#000}.artifact-media.audio{min-height:58vh;place-items:center}.artifact-media-copy{padding:22px;border:1px solid #ffffff1c;background:#0a0f16;color:#aeb7c2}.artifact-media-copy h2{margin:0 0 10px;color:#f0f3f6;font-size:24px}.artifact-media-copy p{line-height:1.7}.artifact-media-copy a{color:var(--accent)}.artifact-media-copy audio{display:block;width:100%;margin:22px 0}.artifact-media-kicker{color:#75bde9;font:8px var(--mono);letter-spacing:.14em}
.artifact-sandbox-note{margin:0 auto 10px;padding:9px 12px;border:1px solid #ffc46b35;background:#ffc46b0b;color:#a79a84;font-size:10px;line-height:1.55}
.artifact-map-layout,.artifact-data-layout{display:grid;gap:14px}
.artifact-map-canvas{min-height:520px;border:1px solid #ffffff1c;background:#07101a}.artifact-map-canvas svg{display:block;width:100%;height:100%;min-height:520px}
.artifact-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid #ffffff18;background:#080c12}
.artifact-summary-card{min-width:0;padding:14px 16px;border-right:1px solid #ffffff12}.artifact-summary-card:last-child{border-right:0}.artifact-summary-value{max-width:100%;color:var(--accent);font:500 clamp(12px,1.35vw,21px) var(--mono);overflow-wrap:anywhere;word-break:break-word}.artifact-summary-label{margin-top:4px;color:#717b88;font-size:9px}
.artifact-section{padding:18px;border:1px solid #ffffff18;background:#080c12}.artifact-section h3{margin:0 0 13px;color:#d7dce3;font-size:13px;font-weight:500}.artifact-section-note{margin:-5px 0 14px;color:#6e7784;font-size:10px;line-height:1.6}
.artifact-table-wrap{max-width:100%;overflow:auto}.artifact-table{width:100%;border-collapse:collapse;color:#aeb6c0;font-size:10px}.artifact-table th,.artifact-table td{max-width:280px;padding:9px 10px;border:1px solid #ffffff13;text-align:left;vertical-align:top;overflow-wrap:anywhere}.artifact-table th{position:sticky;top:0;background:#101620;color:#7db8e7;font:8px var(--mono);letter-spacing:.06em}.artifact-table tr:hover td{background:#ffffff05}
.json-tree{display:grid;gap:6px;color:#9fa8b3;font:10px/1.65 var(--mono)}.json-tree details{padding:6px 8px;border-left:1px solid #65b7ff2b;background:#ffffff02}.json-tree summary{color:#8cc5f1;cursor:pointer}.json-tree-key{color:#ffc46b}.json-tree-value{color:#a8b0bb;white-space:pre-wrap;overflow-wrap:anywhere}.json-tree-null{color:#e08b78}
.artifact-document{max-width:900px;margin:0 auto;padding:50px 62px 80px;background:#f5f7fa;color:#162033;box-shadow:0 24px 80px #0009}.artifact-document h1{font-size:38px}.artifact-document h2{margin-top:42px;padding-top:22px;border-top:1px solid #dbe1e9;font-size:26px}.artifact-document h3{margin-top:28px;font-size:20px}.artifact-document p,.artifact-document li{font-size:15px;line-height:1.85}.artifact-document a{color:#245b8f;text-decoration:underline}.artifact-document code{padding:.12em .36em;background:#e7edf3;color:#24527b}.artifact-document pre{padding:16px;overflow:auto;background:#e7edf3;font:11px/1.65 var(--mono)}.artifact-document blockquote{margin:20px 0;padding:10px 16px;border-left:3px solid #6e91b2;background:#eaf0f6}.artifact-document img{display:block;max-width:100%;height:auto;margin:22px auto}.artifact-document table{width:100%;border-collapse:collapse;font-size:12px}.artifact-document th,.artifact-document td{padding:8px 10px;border:1px solid #d4dce5;text-align:left}.artifact-document th{background:#e7edf3}
.artifact-error{max-width:700px;margin:80px auto;padding:24px;border:1px solid #e08b7855;background:#e08b780b;color:#d8a294;line-height:1.7}
body.artifact-viewer-open{overflow:hidden}
@keyframes audio-pulse{to{transform:scaleY(.35);opacity:.5}}

@media(max-width:820px){
  .artifact-group{padding:15px}.artifact-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artifact-viewer-head{grid-template-columns:1fr;padding:9px 10px;gap:8px}.artifact-viewer-actions{overflow:auto}.artifact-viewer-action{flex:none}.artifact-viewer-body{padding:10px}.artifact-render{min-height:calc(100vh - 132px)}.artifact-frame{height:calc(100vh - 142px)}
  .artifact-map-canvas,.artifact-map-canvas svg{min-height:360px}.artifact-document{padding:30px 20px 60px}.artifact-document h1{font-size:29px}.artifact-summary{grid-template-columns:repeat(2,1fr)}.artifact-summary-card:nth-child(2n){border-right:0}
}
@media(max-width:520px){.artifact-list{grid-template-columns:1fr}}