.concept-demo-page{max-width:1000px;margin:0 auto;padding:28px clamp(16px,4vw,48px) 60px;color:#25394c;font-family:system-ui,sans-serif;line-height:1.6}.concept-demo-page h1{margin:8px 0 12px}.concept-demo-warning{border:1px solid #d8cfa8;border-radius:10px;padding:12px 16px;background:#fff9e9;color:#594d29}.concept-demo-inline{margin:18px 0 28px;padding:16px 20px;border:1px solid #d8cfa8;border-radius:10px;background:#fff9e9;color:#594d29}.concept-demo-inline h3{margin:0 0 8px}.concept-demo-inline p{margin:8px 0 14px}.concept-demo-inline>button{padding:8px 14px;border:1px solid #b9d6d0;border-radius:7px;background:#fff;color:#1a625c;cursor:pointer}.concept-demo-inline>button:focus-visible{outline:3px solid #358f87;outline-offset:2px}.concept-preview{margin:24px 0;border:1px solid #d4e3e7;border-radius:12px;overflow:hidden;background:#fff;container-type:inline-size}.concept-preview-body{display:flex;min-width:0}.concept-preview-canvas{flex:1 1 auto;min-width:0;height:420px;background:#0d1c2b;position:relative;overflow:hidden}.concept-object-label{position:absolute;transform:translate(-50%,-100%);font-size:11px;padding:2px 5px;background:#09222bcc;color:#fff;border-radius:4px;pointer-events:none;white-space:nowrap}.concept-object-label.is-active{background:#2f8d80ee;outline:1px solid #d8fff7}.concept-object-badge{transform:translate(-50%,-50%);width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border-radius:50%;background:#2f8d80f2;box-shadow:0 1px 4px #0006}.concept-object-badge.is-active{background:#d8fff7f2;color:#0b3b36;outline:2px solid #2f8d80}.hide-object-labels .concept-object-label{visibility:hidden}.concept-label-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.concept-label-line{fill:none;stroke:#7fb6c4;stroke-width:1;opacity:.75}.hide-object-labels .concept-label-lines{visibility:hidden}.concept-model-tools,.concept-model-parts{display:flex;flex-wrap:wrap;gap:8px;padding:12px;align-items:center}.concept-model-parts{flex:0 0 260px;width:260px;max-height:420px;overflow:auto;align-content:start;align-items:stretch;border-left:1px solid #d4e3e7}.concept-model-tools label{display:flex;gap:6px;align-items:center;margin:0;white-space:nowrap;flex:0 0 auto}.concept-model-tools input[type=checkbox]{width:16px;height:16px;margin:0;padding:0}.concept-model-tools input[type=range]{width:140px;margin:0;padding:0}.concept-model-tools select{width:auto;margin:0;padding:2px 6px}.concept-model-view-presets{display:inline-flex;gap:2px;padding:2px;border:1px solid #b9d6d0;border-radius:8px}.concept-model-view-presets button{border:0;border-radius:6px;padding:5px 9px;background:transparent;color:#1a625c;cursor:pointer}.concept-model-view-presets button[aria-pressed=true]{background:#d9f0eb;font-weight:600}.concept-model-view-presets button:focus-visible{outline:2px solid #358f87;outline-offset:1px}.entity-models-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.entity-models-toolbar label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.entity-models-toolbar select{width:auto;margin:0}.concept-model-parts button{width:100%;text-align:left;font-size:13px;padding:5px 9px}.concept-model-parts button[aria-pressed=true]{background:#c3e9df;outline:2px solid #26796d}.concept-part-number{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-right:6px;padding:0 4px;border-radius:9px;background:#2f8d80;color:#fff;font-size:11px;font-weight:600}.concept-model-parts button[aria-pressed=true] .concept-part-number{background:#1a625c}.concept-preview-canvas canvas{display:block;width:100%;height:100%}.concept-preview-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px;border-bottom:1px solid #e1e9ec}.concept-preview-controls button{padding:8px 14px;border:1px solid #b9d6d0;border-radius:7px;background:#edf7f5;color:#1a625c;cursor:pointer}.concept-preview-controls button:disabled{color:#839296;background:#f5f7f7;cursor:not-allowed}.concept-preview-controls button:focus-visible{outline:3px solid #358f87;outline-offset:2px}.concept-preview-caption{min-height:120px;padding:12px 22px 18px}.concept-preview-caption h2{margin:0 0 4px;font-size:20px}.concept-preview-caption p{margin:4px 0}@container (max-width:750px){.concept-preview-body{flex-direction:column}.concept-preview-canvas{flex:0 0 360px;height:360px}.concept-model-parts{flex:0 0 auto;width:100%;max-height:180px;border-left:0;border-top:1px solid #d4e3e7}}@media(max-width:650px){.concept-preview-canvas{min-height:300px}}.concept-appearance-panel{padding:8px 12px;border-bottom:1px solid #d4e1e7;background:#f6faf9}.concept-model-tools select{max-width:100%}.concept-appearance-panel details{font-size:.9rem;color:#526773}