.ViewerShowcase_showcase__bh_0w{position:relative;padding:var(--sp-5) 0 100px}.ViewerShowcase_frame__gi7xG{position:relative;margin:0 auto;max-width:1380px;aspect-ratio:16/9;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--r-panel);overflow:hidden;box-shadow:0 24px 80px rgba(15,17,19,.08),0 4px 12px rgba(15,17,19,.04)}.ViewerShowcase_topbar__nEuGM{display:flex;align-items:center;gap:var(--sp-3x);padding:10px var(--sp-4);border-bottom:1px solid var(--border-default);background:var(--bg-tertiary);flex-shrink:0}.ViewerShowcase_windowDots__gHJBD{display:flex;gap:var(--sp-1x)}.ViewerShowcase_windowDots__gHJBD span{width:11px;height:11px;border-radius:50%;background:rgba(10,10,10,.1)}.ViewerShowcase_path__AxLhB{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);flex:1 1;text-align:center}.ViewerShowcase_path__AxLhB strong{color:var(--text-secondary);font-weight:600}.ViewerShowcase_body__jpenT{display:grid;grid-template-columns:220px 1fr 280px;flex:1 1;min-height:0}.ViewerShowcase_sidebar__UDDxC{border-right:1px solid var(--border-default);padding:var(--sp-3x) 10px;background:var(--bg-tertiary);font-size:var(--fs-md)}.ViewerShowcase_sidebarSection__Mpv06{padding:var(--sp-2) 10px var(--sp-1x);font-family:var(--font-mono);font-size:10.5px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em}.ViewerShowcase_sidebarItem__ag9ad{display:flex;align-items:center;gap:10px;padding:var(--sp-1x) 10px;border-radius:var(--r-sm);color:var(--text-secondary)}.ViewerShowcase_sidebarTree___ByEV{padding-left:22px}.ViewerShowcase_sidebarTree2__05zWJ{padding-left:36px}.ViewerShowcase_sidebarActive__3zWhY{background:var(--bg-tertiary);color:var(--text-primary)}.ViewerShowcase_canvasWrap___gF1f{position:relative;overflow:hidden}.ViewerShowcase_canvasPlaceholder__nqUxK{position:absolute;inset:0;background-color:var(--bg-tertiary);background-image:repeating-linear-gradient(45deg,rgba(15,17,19,.05),rgba(15,17,19,.05) 1px,transparent 0,transparent 14px);display:grid;place-items:center;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}.ViewerShowcase_inspector__gf9WY{border-left:1px solid var(--border-default);background:var(--bg-tertiary)}.ViewerShowcase_inspectorTabs__FwwuM{display:flex;border-bottom:1px solid var(--border-default);padding:10px var(--sp-3x) 0;gap:var(--sp-1)}.ViewerShowcase_inspectorTab__2vSuU{padding:var(--sp-2) 10px;font-size:12.5px;color:var(--text-muted);border-bottom:1.5px solid transparent;margin-bottom:-1px}.ViewerShowcase_inspectorTabActive__kO0jh{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:500}.ViewerShowcase_inspectorBody__ssWKZ{padding:var(--sp-3x);display:flex;flex-direction:column;gap:var(--sp-3x)}.ViewerShowcase_msg__1q3zd{display:flex;gap:10px;font-size:var(--fs-md)}.ViewerShowcase_avatar__g9HBc{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:600;color:white;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.ViewerShowcase_avatarB__UBHxB{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.ViewerShowcase_msgContent__4Lkom{flex:1 1}.ViewerShowcase_msgHead__jGvkY{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.ViewerShowcase_msgAuthor__zcchv{font-weight:500;color:var(--text-primary);font-size:12.5px}.ViewerShowcase_msgTime__EOxuV{font-family:var(--font-mono);font-size:10.5px;color:var(--text-disabled)}.ViewerShowcase_msgBody__N61sy{color:var(--text-secondary);line-height:1.45}.ViewerShowcase_validationCard__Wba__{border:1px solid var(--success-bg);background:rgba(209,231,221,.4);border-radius:var(--r-md);padding:10px var(--sp-3);font-size:var(--fs-sm)}.ViewerShowcase_validationLabel__vEejo{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--success-text);margin-bottom:3px;font-weight:600}.ViewerShowcase_validationTitle__DRWB0{font-size:var(--fs-md);color:var(--text-primary);font-weight:500}.ViewerShowcase_validationSub__mKaL1{color:var(--text-muted);margin-top:2px}@media (max-width:1024px){.ViewerShowcase_body__jpenT{grid-template-columns:200px 1fr}.ViewerShowcase_inspector__gf9WY{display:none}}@media (max-width:640px){.ViewerShowcase_body__jpenT{grid-template-columns:1fr}.ViewerShowcase_sidebar__UDDxC{display:none}}