.register-model-player { width:100%; min-width:0; margin:24px 0; color:#253334; letter-spacing:0; }
.register-model-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; margin:0 0 12px; }
.register-model-heading h2 { margin:0; font-size:20px; line-height:1.4; }
.register-model-heading span { font:13px/1.5 system-ui,sans-serif; color:#526266; overflow-wrap:anywhere; }
.register-model-stage { position:relative; width:100%; height:clamp(360px,65vh,720px); background:#e5eded; overflow:hidden; }
.register-model-stage model-viewer { display:block; width:100%; height:100%; min-height:0; max-height:none; touch-action:pan-y; --progress-bar-color:#197267; }
.register-model-loading { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:24px; text-align:center; pointer-events:none; background:#e5eded; font:15px/1.5 system-ui,sans-serif; }
.register-model-loading progress { width:min(260px,85%); height:6px; accent-color:#197267; }
.register-model-loading button { pointer-events:auto; border:1px solid #b8c9c9; border-radius:4px; padding:9px 16px; background:white; color:#253334; cursor:pointer; }
.register-model-player [hidden] { display:none !important; }
.register-model-toolbar { display:flex; align-items:center; gap:6px; padding:10px 0; border-bottom:1px solid #cdd8d8; }
.register-model-toolbar button,.register-model-toolbar a { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; flex:0 0 42px; width:42px; height:42px; padding:0; border:1px solid #cdd8d8; border-radius:4px; background:#fff; color:#253334; text-decoration:none; cursor:pointer; }
.register-model-toolbar svg { width:20px; height:20px; }
.register-model-toolbar button:hover:not(:disabled),.register-model-toolbar a:hover { background:#eaf3f1; border-color:#197267; }
.register-model-toolbar button[aria-pressed="true"] { background:#197267; color:#fff; border-color:#197267; }
.register-model-toolbar button:disabled { opacity:.4; cursor:wait; }
.register-model-toolbar :focus-visible,.register-model-select select:focus-visible { outline:3px solid #197267; outline-offset:3px; }
.register-model-toolbar a { margin-left:auto; }
.register-model-select { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:12px 0; font-size:14px; }
.register-model-select select { min-width:0; max-width:100%; padding:8px; flex:1; }
.register-model-player:fullscreen { box-sizing:border-box; display:flex; flex-direction:column; background:#e5eded; padding:16px; margin:0; }
.register-model-player:fullscreen .register-model-stage { flex:1; height:auto; min-height:0; }
@media(max-width:600px) { .register-model-stage { height:420px; max-height:62svh; min-height:280px; } .register-model-heading h2 { font-size:18px; } .register-model-toolbar { gap:4px; } .register-model-toolbar button,.register-model-toolbar a { width:40px; height:40px; flex-basis:40px; } }
@media(prefers-reduced-motion:reduce) { .register-model-player * { scroll-behavior:auto; } }