/* World Steel IFC viewer */
.ifcv { position: relative; height: clamp(380px, 68vh, 720px); border-radius:0; overflow: hidden; background: linear-gradient(160deg, #0c1a2e 0%, #13294a 60%, #1c3a63 100%); color: #fff; font: 14px/1.45 Barlow, system-ui, -apple-system, "Segoe UI", sans-serif; isolation: isolate; }
.ifcv:fullscreen, .ifcv--max { height: 100vh; border-radius: 0; }
.ifcv--max { position: fixed; inset: 0; z-index: 1000; }
.ifcv__stage { position: absolute; inset: 0; }
.ifcv__stage canvas { display: block; width: 100%; height: 100%; touch-action: none; cursor: grab; }
.ifcv__stage canvas:active { cursor: grabbing; }
.ifcv__overlay { position: absolute; inset: 0; display: grid; place-items: center; padding: 1.5rem; text-align: center; z-index: 3;
  background: radial-gradient(ellipse at 50% 120%, rgba(242,107,29,.22), transparent 60%), repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 48px), repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 48px); }
.ifcv__overlay[hidden] { display: none; }
.ifcv__intro { max-width: 420px; }
.ifcv__title { font-size: 1.25rem; font-weight: 700; margin: 0 0 .35rem; color: #fff; }
.ifcv__meta { margin: 0 0 1.1rem; color: #b9c6d8; }
.ifcv__bar { width: 280px; max-width: 70vw; height: 6px; border-radius:0; background: rgba(255,255,255,.15); overflow: hidden; margin: 0 auto; }
.ifcv__bar span { display: block; height: 100%; background: #f26b1d; transition: width .2s; }
.ifcv__toolbar { position: absolute; left: 12px; top: 12px; right: 12px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; z-index: 2; pointer-events: none; }
.ifcv__toolbar > * { pointer-events: auto; }
.ifcv__toolbar[hidden] { display: none; }
.ifcv__btn { appearance: none; border: 1px solid rgba(12,26,46,.12); background: rgba(255,255,255,.94); color: #0c1a2e; font: 600 13px/1 inherit; font-family: inherit; padding: 8px 11px; border-radius:0; cursor: pointer; box-shadow: 0 1px 3px rgba(12,26,46,.12); }
.ifcv__btn:hover { background: #fff; border-color: #f26b1d; }
.ifcv__btn[aria-pressed="true"] { background: #0c1a2e; color: #fff; }
.ifcv__btn:focus-visible { outline: 2px solid #f26b1d; outline-offset: 2px; }
.ifcv__sep { width: 1px; height: 22px; background: rgba(12,26,46,.18); margin: 0 2px; }
.ifcv__sec { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.94); color: #0c1a2e; font-weight: 600; font-size: 13px; padding: 4px 10px; border-radius:0; box-shadow: 0 1px 3px rgba(12,26,46,.12); }
.ifcv__range { width: 110px; accent-color: #f26b1d; }
.ifcv__side, .ifcv__props { position: absolute; z-index: 2; background: rgba(255,255,255,.97); color: #0c1a2e; border-radius:0; box-shadow: 0 8px 24px rgba(12,26,46,.18); padding: 12px 14px; max-height: calc(100% - 90px); overflow: auto; }
.ifcv__side { right: 12px; top: 60px; width: 230px; }
.ifcv__props { left: 12px; bottom: 44px; width: min(340px, calc(100% - 24px)); }
.ifcv__side[hidden], .ifcv__props[hidden], .ifcv__help[hidden] { display: none; }
.ifcv__side-title { margin: 0 0 .5rem; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #5b6b82; }
.ifcv__layers { list-style: none; margin: 0; padding: 0; }
.ifcv__layers li { padding: 3px 0; }
.ifcv__layers label { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 13px; }
.ifcv__layers input { accent-color: #f26b1d; }
.ifcv__count { margin-left: auto; color: #5b6b82; font-size: 12px; font-variant-numeric: tabular-nums; }
.ifcv__props dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 0; font-size: 13px; }
.ifcv__props dt { color: #5b6b82; }
.ifcv__props dd { margin: 0; word-break: break-word; font-weight: 600; }
.ifcv__close { position: absolute; right: 6px; top: 4px; border: 0; background: none; font-size: 20px; line-height: 1; cursor: pointer; color: #5b6b82; padding: 4px 6px; }
.ifcv__help { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 7px 12px; font-size: 12px; color: #33445c; background: rgba(255,255,255,.82); z-index: 1; text-align: center; }
@media (max-width: 640px) {
  .ifcv { height: 460px; }
  .ifcv__sec { display: none; }
  .ifcv__side { left: 12px; right: 12px; width: auto; }
  .ifcv__help { font-size: 11px; }
}
.ifcv__layers li { display: flex; align-items: center; gap: 4px; }
.ifcv__layers li label { flex: 1; }
.ifcv__find { border: 0; background: none; color: #f26b1d; cursor: pointer; font-size: 15px; padding: 0 2px; line-height: 1; }
.ifcv__learn { display: inline-block; margin-top: .6rem; font-weight: 700; color: #c4520f; text-decoration: none; }
.ifcv__learn:hover { text-decoration: underline; }