.model-preview{--accent:#e0b5a4;--accent-rgb:224,181,164}.model-preview .stage{position:relative}.model-preview h1{font-size:clamp(32px,3.7vw,57px)}.model-preview .topbar nav .gallery-link{display:block}.model-preview #loading b{font-weight:400}.model-preview .small-note{max-width:240px;font-size:9px;line-height:1.8}.model-preview .model-label h3{font-size:22px;letter-spacing:3px}.material-panel{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);text-align:center;width:min(92%,500px)}.material-switch{display:inline-flex;border:1px solid var(--line);border-radius:4px;padding:4px;background:#121719}.material-switch button{padding:11px 32px;font-size:11px;letter-spacing:1px;border-radius:2px}.material-switch button[aria-pressed=true]{background:#343733;color:var(--accent)}.material-panel p{font-size:10px;line-height:1.7;color:#929e9a;margin:12px 0 0;letter-spacing:.5px}.model-preview .viewer-controls{bottom:196px}.model-preview .interaction-hint{bottom:160px}#model-error{position:absolute;z-index:5;left:50%;top:40%;transform:translate(-50%,-50%);padding:24px;background:#171d1f;border:1px solid var(--line);text-align:center;width:290px}#model-error h2{font-size:20px;font-weight:400}#model-error p,#model-error a{font-size:12px;line-height:2}.model-preview .stage[data-phase="1"] .chapter,.model-preview .stage[data-phase="2"] .chapter{top:27%}.model-preview .topbar nav{gap:24px}
@media(max-width:680px){.model-preview .topbar nav{gap:14px;letter-spacing:0}.model-preview .topbar nav a{font-size:10px}.model-preview .brand span{display:none}.model-preview h1{font-size:30px;letter-spacing:1px}.model-preview .intro .explore{top:105px;left:0;right:auto}.model-preview .stage[data-phase="1"] .chapter,.model-preview .stage[data-phase="2"] .chapter{top:14%}.model-preview .model-label{top:48%}.model-preview .model-label h3{font-size:19px}.model-preview .viewer-controls{bottom:194px}.model-preview .interaction-hint{bottom:158px}.material-switch button{padding:10px 28px}.material-panel p{font-size:9px}.model-preview .stage-footer{bottom:22px}}
@media(max-width:680px){.model-preview .model-label{width:110px}.model-preview .stage[data-phase="1"] .chapter,.model-preview .stage[data-phase="2"] .chapter{width:170px;right:auto}.model-preview .stage[data-phase="1"] h1,.model-preview .stage[data-phase="2"] h1{font-size:25px}.model-preview .stage[data-phase="1"] .intro .explore,.model-preview .stage[data-phase="2"] .intro .explore{top:155px}}