:root{--accent:#477258;--accent-border:#7f9c87;--accent-soft:#dfeadf;--border:#c8cdc6;--border-soft:#d9ddd7;--card:#f9faf7;--error-bg:#f4dcda;--error-text:#782a26;--header:#f7f8f4;--muted:#667069;--page:#e8ebe6;--panel:#f1f3ef;--text:#202723;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--page);min-width:320px;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin:0}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.appShell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--page);height:100dvh;min-height:0;color:var(--text);grid-template-rows:auto auto minmax(0,1fr);display:grid}.appShell[data-theme=dark]{--accent:#8cb99a;--accent-border:#63816c;--accent-soft:#283b2f;--border:#4d574f;--border-soft:#3c463e;--card:#232a25;--error-bg:#4b2927;--error-text:#ffd7d1;--header:#222923;--muted:#a8b2aa;--page:#171c18;--panel:#1d241f;--text:#edf0ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.topBar{border-bottom:1px solid var(--border);background:var(--header);grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;min-height:76px;padding:12px 18px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}h1{margin-top:2px;font-size:23px;line-height:1.1}h2{font-size:20px;line-height:1.2}h3{font-size:13px}.summaryStrip{gap:8px;display:flex}.summaryItem,.fact{border:1px solid var(--border-soft);background:var(--card);border-radius:6px;min-width:76px;padding:7px 10px}.summaryItem strong,.summaryItem span,.fact strong,.fact span{display:block}.summaryItem strong,.fact strong{font-size:16px}.summaryItem span,.fact span{color:var(--muted);font-size:11px}.topActions{justify-content:end;gap:8px;display:flex}.siteLink,.themeButton,.cameraActions button,.playButton,.actionButton{border:1px solid var(--border);background:var(--card);min-height:36px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;padding:0 13px;text-decoration:none;display:inline-flex}.siteLink:hover,.themeButton:hover,.cameraActions button:hover,.playButton:hover,.actionButton:hover{border-color:var(--accent-border);background:var(--accent-soft)}.errorBanner{border-bottom:1px solid var(--border);color:var(--error-text);background:var(--error-bg);padding:9px 18px}.workbench{grid-template-columns:minmax(240px,290px) minmax(420px,1fr) minmax(270px,320px);min-width:0;min-height:0;display:grid;overflow:hidden}.catalogSidebar,.inspector{background:var(--panel);min-width:0;min-height:0}.catalogSidebar{border-right:1px solid var(--border);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.catalogControls{border-bottom:1px solid var(--border-soft);grid-template-columns:1fr 1fr;gap:10px;padding:13px;display:grid}.catalogControls label{color:var(--muted);gap:4px;font-size:11px;font-weight:700;display:grid}.catalogControls label:first-child,.resultCount{grid-column:1/-1}.catalogControls input,.catalogControls select,.animationControls select{border:1px solid var(--border);background:var(--card);width:100%;min-height:34px;color:var(--text);border-radius:5px;padding:5px 8px}.resultCount{color:var(--muted);font-size:12px}.catalogList{scrollbar-gutter:stable;min-height:0;padding:8px;overflow:auto}.catalogRow{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:6px;padding:5px;display:grid}.catalogRow:hover,.catalogRow:focus-visible{border-color:var(--accent-border);background:var(--accent-soft);outline:0}.catalogRow.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.catalogRow img{object-fit:cover;border:1px solid var(--border-soft);background:#edf1f4;border-radius:5px;width:72px;height:58px;display:block}.catalogRowText{gap:3px;min-width:0;display:grid}.catalogRowText strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.catalogRowHeading{align-items:center;gap:6px;min-width:0;display:flex}.catalogRowText .catalogRowHeading{color:var(--text);font-size:13px}.catalogRowHeading strong{flex:1;min-width:0}.catalogRowText .promotionBadge{border:1px solid var(--accent-border);color:var(--accent);background:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 5px;font-size:9px;font-weight:800;line-height:1.2}.catalogRowText span,.listMessage{color:var(--muted);font-size:11px}.listMessage{text-align:center;padding:18px 10px}.viewerColumn{min-width:0;min-height:0;padding:16px;overflow:hidden}.viewerPanel{border:1px solid var(--border);background:var(--card);border-radius:10px;grid-template-rows:auto minmax(260px,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 8px 30px #18261d14}.viewerHeader{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.cameraActions{flex-wrap:wrap;justify-content:end;gap:5px;display:flex}.cameraActions button{min-height:30px;padding:0 9px;font-size:12px}.viewportFrame{background:#edf1f0;min-width:0;min-height:0;position:relative;overflow:hidden}.viewportHost,.figureViewportCanvas{width:100%;height:100%}.figureViewportCanvas{touch-action:none;display:block}.viewportMessage{color:var(--muted);background:color-mix(in srgb, var(--card) 82%, transparent);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.viewportMessage.errorMessage{color:var(--error-text)}.gestureHint{color:#f8fbf8;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#151f19a6;border:1px solid #ffffff42;border-radius:5px;padding:5px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.animationControls{border-top:1px solid var(--border-soft);grid-template-columns:auto minmax(120px,auto) minmax(140px,1fr) auto minmax(92px,auto);align-items:end;gap:10px;padding:11px 13px;display:grid}.playButton{min-width:70px}.actionControls{border-top:1px solid var(--border-soft);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}.actionButton{min-height:32px}.actionButton.active{border-color:var(--accent-border);background:var(--accent-soft)}.clipSelect,.speedSelect{color:var(--muted);gap:3px;font-size:11px;font-weight:700;display:grid}.timeline{align-self:center}.timeline input{width:100%;accent-color:var(--accent)}.timeReadout{min-width:96px;color:var(--muted);text-align:center;align-self:center;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.inspector{border-left:1px solid var(--border);scrollbar-gutter:stable;overflow:auto}.inspectorStack{gap:18px;padding:17px;display:grid}.inspectorStack>section:first-child{gap:5px;display:grid}.inspectorStack code{color:var(--muted);font-size:11px}.factGrid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.fact{min-width:0}.inspectorSection{border-top:1px solid var(--border-soft);gap:9px;padding-top:15px;display:grid}.inspectorSection p,.inspectorNote{color:var(--muted);font-size:12px;line-height:1.55}.inspectorSection dl{gap:6px;margin:0;display:grid}.inspectorSection dl div{justify-content:space-between;gap:12px;display:flex}.inspectorSection dt{color:var(--muted);font-size:12px}.inspectorSection dd{text-align:right;margin:0;font-size:12px}.classificationSection{gap:10px}.metadataRow{gap:5px;display:grid}.metadataRow>span{color:var(--muted);font-size:11px;font-weight:700}.metadataTags{flex-wrap:wrap;gap:5px;display:flex}.metadataTag{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text);border-radius:999px;padding:3px 7px;font-size:10px;line-height:1.2}.hashLine{overflow-wrap:anywhere}.callout{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:7px;padding:12px}.assetLabOnly{border-color:var(--border);background:var(--card)}.promotionMetadata{border-top:1px solid var(--accent-border);padding-top:10px;margin-top:10px!important}.promotionMetadata div{align-items:start}.promotionMetadata dd{overflow-wrap:anywhere;min-width:0}.inspectorNote,.emptyViewer{min-height:260px;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=1080px){.workbench{grid-template-columns:minmax(220px,270px) minmax(400px,1fr)}.inspector{display:none}.topBar{grid-template-columns:1fr auto auto}}@media (width<=760px){body{overflow:auto}.appShell{height:auto;min-height:100dvh}.topBar{grid-template-columns:1fr auto;gap:12px}.summaryStrip{grid-area:2/1/auto/-1}.summaryItem{flex:1}.siteLink{display:none}.workbench{flex-direction:column;display:flex;overflow:visible}.catalogSidebar{border-right:0;border-bottom:1px solid var(--border);min-height:430px;max-height:520px}.catalogList{grid-template-columns:1fr 1fr;gap:5px;display:grid}.catalogRow{grid-template-columns:58px minmax(0,1fr);margin:0}.catalogRow img{width:58px;height:52px}.viewerColumn{min-height:620px;padding:10px}.viewerHeader{flex-direction:column;align-items:start}.cameraActions{justify-content:start}.animationControls{grid-template-columns:auto 1fr auto}.timeline{grid-area:2/1/auto/-1}.timeReadout{grid-area:3/1/auto/-1}.speedSelect{grid-area:1/3}.inspector{border:0;border-top:1px solid var(--border);display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}