.model-section{scroll-margin-top:90px}.model-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 18px}.model-picker button{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #35434e;background:#13212a;color:#bac7cf;text-align:left;border-radius:12px;font:inherit;cursor:pointer}.model-picker button[aria-pressed=true]{background:#eab936;border-color:#eab936;color:#101820}.model-picker span{font-weight:700}.model-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:28px;align-items:start}.model-viewer{overflow:hidden;border:1px solid #2b3c46;border-radius:18px;background:#13212a}.model-stage{position:relative;touch-action:pan-y;cursor:grab;user-select:none;aspect-ratio:8/5}.model-stage:active{cursor:grabbing}.model-stage img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.model-badge{position:absolute;top:14px;left:14px;border-radius:20px;background:#0b121ad9;color:#eab936;padding:6px 10px;font-size:12px}.model-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px 0}.model-toolbar button{font:inherit;font-size:14px;background:#20333e;color:#f4f7fa;border:1px solid #48606d;border-radius:9px;min-width:44px;min-height:44px;padding:8px 14px;cursor:pointer}.model-hint,#model-status{font-size:13px;text-align:center;margin:12px 14px;color:#aabcc5}#model-status{min-height:20px;margin-top:0}.model-info{padding:10px 0}.model-info h3{font-size:30px;margin:8px 0 12px}.model-info dl{margin:24px 0}.model-info dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #2b3c46;padding:12px 0;font-size:14px}.model-info dt{color:#aabcc5}.model-info dd{margin:0;text-align:right;font-weight:600}.model-note{font-size:13px;line-height:1.65;color:#aabcc5}.model-info .button{margin-top:12px}.model-section button:focus-visible,.model-stage:focus-visible{outline:3px solid #f5c744;outline-offset:4px}@media(max-width:800px){.model-layout{grid-template-columns:1fr}.model-picker{grid-template-columns:repeat(2,1fr)}.model-info{padding:0 4px}.model-info h3{font-size:26px}}@media(prefers-reduced-motion:reduce){.model-section *{scroll-behavior:auto!important}}@media(max-width:500px){.top nav{flex-wrap:wrap;gap:10px}.model-picker button{padding:12px 10px;gap:8px;font-size:14px}.model-toolbar button{font-size:13px}}
@media(max-width:800px){.top{flex-wrap:wrap}.top nav a[href="#modeller"]{display:inline-flex;font-size:14px}}