@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b1014;--panel:#131c22;--line:rgba(198,220,230,.13);--muted:#8c9ba3;--text:#e7eef1;--accent:#91d9cf;--mono:'DM Mono',ui-monospace,monospace;--sans:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',var(--sans)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 48% -22%,#1b2d35 0%,var(--bg) 56%);color:var(--text);font-family:var(--sans)}a{color:inherit}
.topbar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid var(--line);background:rgba(9,14,17,.76);font:11px var(--mono);letter-spacing:.08em}.topbar span{margin:0 9px;color:#4d626b}.topbar small{justify-self:end;color:var(--muted);font:10px var(--mono)}.back{color:#b6c5ca;text-decoration:none}.back:hover{color:var(--accent)}
.layout{width:min(1420px,calc(100% - 48px));margin:40px auto 54px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.82fr);gap:24px;align-items:start}.viewer-column,.details{min-width:0}.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 2px 20px}.eyebrow,.caption,.viewer-help,.axis-label,.specs label,.interpretation strong,footer{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 11px;color:var(--accent);font-size:9px}h1,h2{margin:0;font-family:var(--display);font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(27px,3.1vw,42px);line-height:1.05}h2{font-size:19px}.subtitle{margin:10px 0 0;color:var(--muted);font-size:13px}.status{flex:none;margin-top:24px;padding:8px 10px;border:1px solid rgba(145,217,207,.28);border-radius:99px;color:#b9e8df;font:9px var(--mono);letter-spacing:.08em}
.viewer-shell{position:relative;height:min(69vh,690px);min-height:430px;overflow:hidden;border:1px solid rgba(192,215,223,.17);border-radius:4px;background:radial-gradient(ellipse at 50% 41%,#24343b 0%,#141f25 56%,#0f171c 100%);box-shadow:0 24px 80px rgba(0,0,0,.28)}#asset-canvas{display:block;width:100%;height:100%;outline:none}#viewer-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#b2c0c5;font:11px var(--mono);letter-spacing:.07em;pointer-events:none}#viewer-status.error{color:#ffb5a8}.viewer-help{position:absolute;left:18px;bottom:16px;color:#9aaab0;font-size:8px;pointer-events:none}.axis-label{position:absolute;right:18px;bottom:16px;color:#aab9be;font-size:8px;text-align:right;pointer-events:none}.axis-label small{display:block;margin-top:5px;color:#70838b;font:7px var(--mono)}.caption{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;color:#73858c;font-size:8px}
.details{display:grid;gap:14px}.card{padding:21px 22px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(145deg,rgba(22,32,38,.94),rgba(15,22,27,.94))}.card .eyebrow{margin-bottom:9px}.body-copy{margin:13px 0 18px;color:#aebbc0;font-size:12px;line-height:1.65}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.specs>div{min-width:0;padding:13px 8px 12px 0;border-bottom:1px solid var(--line)}.specs label{display:block;margin-bottom:7px;color:#75868d;font-size:8px}.specs strong{display:block;color:#d8e2e5;font-size:11px;font-weight:500}.source-line{margin:12px 0 10px;color:#c1cdd1;font-size:11px;line-height:1.55}.facts{display:grid;gap:8px;margin:0;padding-left:16px;color:#9eacb2;font-size:10px;line-height:1.55}.facts li::marker{color:var(--accent)}.interpretation{margin-top:15px;padding:12px;border-left:2px solid #bd9461;background:rgba(189,148,97,.07)}.interpretation strong{color:#d9b587;font-size:8px}.interpretation p{margin:7px 0 0;color:#b4bec1;font-size:10px;line-height:1.55}.files{display:grid;gap:1px;margin-top:14px;background:var(--line);border:1px solid var(--line)}.files a{display:flex;justify-content:space-between;padding:11px 12px;background:#10171c;color:#c8d5d9;font-size:10px;text-decoration:none}.files a:hover{background:#18242a;color:var(--accent)}.files span{color:var(--accent)}.note{margin:12px 0 0;color:#83939a;font-size:9px;line-height:1.55}footer{display:flex;justify-content:space-between;gap:20px;width:min(1420px,calc(100% - 48px));margin:0 auto 28px;color:#64757c;font-size:8px}footer code{color:#93aaa9;font-family:var(--mono);text-transform:none;letter-spacing:0}
html.capture-mode .topbar,html.capture-mode .details,html.capture-mode footer,html.capture-mode .caption,html.capture-mode .title-row,html.capture-mode .viewer-help,html.capture-mode .axis-label{display:none!important}html.capture-mode .layout{display:block;width:100%;margin:0}html.capture-mode .viewer-shell{height:100vh;min-height:0;border:0;border-radius:0}
@media(max-width:900px){.layout{grid-template-columns:1fr;width:min(100% - 32px,720px);margin-top:28px}.viewer-shell{height:min(68vh,620px);min-height:390px}.details{grid-template-columns:1fr 1fr}.details .card:last-child{grid-column:1/-1}}
@media(max-width:560px){.topbar{height:56px;grid-template-columns:1fr auto;padding:0 16px}.topbar>div{display:none}.layout{width:calc(100% - 24px);margin-top:24px}.title-row{display:block}.status{display:inline-block;margin-top:14px}.viewer-shell{min-height:340px}.caption,footer{font-size:7px}.details{grid-template-columns:1fr}.details .card:last-child{grid-column:auto}footer{width:calc(100% - 24px);flex-direction:column}}