.model-showcase{width:100vw;min-height:100svh;color:var(--base-100);background:#141313;padding:8rem 0;position:relative;overflow:hidden}.model-showcase .container{flex-direction:column;gap:3rem;display:flex}.model-showcase-header{width:min(68rem,100%)}.model-showcase-header p{color:var(--base-300);margin-bottom:1rem}.model-showcase-header h2{color:var(--base-100)}.model-stage{grid-template-columns:minmax(0,1.35fr) minmax(22rem,.65fr);align-items:stretch;gap:1rem;display:grid}.model-viewer-shell{background:linear-gradient(135deg,#f2ede614,#f2ede600),#171616;border:1px solid #f2ede61a;border-radius:8px;min-height:42rem;position:relative;overflow:hidden}.model-viewer-accent{z-index:2;width:.35rem;position:absolute;inset:0 auto 0 0}.model-preview-backdrop{opacity:.18;filter:grayscale(.25)blur(1px);z-index:0;position:absolute;inset:0;transform:scale(1.04)}.model-canvas-wrap{z-index:1;overscroll-behavior:contain;touch-action:none;position:absolute;inset:0}.model-canvas-wrap canvas{cursor:grab}.model-canvas-wrap canvas:active{cursor:grabbing}.model-viewer-caption{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141313b3;border:1px solid #f2ede61f;border-radius:8px;width:min(24rem,100% - 2rem);padding:1rem;position:absolute;bottom:1rem;left:1rem}.model-viewer-caption p:first-child{color:var(--base-100);margin-bottom:.35rem}.model-viewer-caption p:last-child{color:var(--base-250)}.model-control,.model-material-controls button{width:fit-content;color:var(--base-100);cursor:pointer;background:#f2ede60f;border:1px solid #f2ede629;border-radius:8px;margin-top:1rem;padding:.75rem .95rem;font-weight:700;transition:border-color .2s,background .2s,transform .2s}.model-control:hover,.model-material-controls button:hover,.model-material-controls button.is-active{background:#f2ede61f;border-color:#f2ede657;transform:translateY(-1px)}.model-loader{color:var(--base-100);text-transform:uppercase;background:#141313d1;border:1px solid #f2ede626;border-radius:8px;padding:.75rem 1rem;font-family:DM Mono,SFMono-Regular,Consolas,monospace;font-size:.85rem}.model-fallback{background:#171616;grid-template-columns:minmax(0,1fr);align-items:end;display:grid;position:absolute;inset:0;overflow:hidden}.model-fallback img{opacity:.48;filter:grayscale(.15);position:absolute;inset:0}.model-fallback:after{content:"";background:linear-gradient(#14131333,#171616 88%);position:absolute;inset:0}.model-fallback div{z-index:1;background:#141313c7;border:1px solid #f2ede624;border-radius:8px;width:min(34rem,100% - 2rem);margin:1rem;padding:1rem;position:relative}.model-fallback .mono{color:var(--base-300);margin-bottom:.5rem}.model-fallback h3{margin-bottom:.75rem}.model-fallback p:last-child{color:var(--base-250)}.model-panel{flex-direction:column;gap:1rem;min-height:42rem;display:flex}.model-material-controls{background:#f2ede60b;border:1px solid #f2ede61a;border-radius:8px;padding:1rem}.model-material-controls p{color:var(--base-300);margin-bottom:.75rem}.model-material-controls div{flex-wrap:wrap;gap:.5rem;display:flex}.model-material-controls button{margin-top:0}.model-material-controls button.finish-choice{white-space:normal;align-items:center;gap:.55rem;max-width:100%;line-height:1.2;display:inline-flex}.finish-swatches{flex:none;align-items:center;display:inline-flex}.finish-swatches span{border:1px solid #f2ede640;border-radius:999px;width:.9rem;height:.9rem;display:block}.finish-swatches span+span{margin-left:-.28rem}.model-material-controls .finish-detail{border-top:1px solid #f2ede61a;gap:.45rem;margin-top:.85rem;padding-top:.85rem;display:grid}.model-material-controls .finish-detail p{color:var(--base-250);margin:0;font-size:.82rem;line-height:1.45}.model-material-controls .finish-detail p:first-child{color:var(--base-100);font-weight:700}.model-picker{gap:.5rem;display:grid}.model-option{width:100%;min-height:6.25rem;color:var(--base-100);cursor:pointer;text-align:left;background:#f2ede60b;border:1px solid #f2ede61a;border-radius:8px;grid-template-columns:6.25rem minmax(0,1fr);align-items:center;gap:1rem;padding:.5rem;transition:border-color .2s,background .2s,transform .2s;display:grid}.model-option:hover,.model-option.is-active{border-color:color-mix(in srgb, var(--model-accent) 70%, var(--base-100));background:#f2ede614}.model-option:hover{transform:translateY(-2px)}.model-option-thumb{aspect-ratio:1;background:var(--base-450);border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.model-option-thumb:after{content:"";border-radius:inherit;border:1px solid #f2ede624;position:absolute;inset:0}.model-option-copy{flex-direction:column;gap:.35rem;display:flex}.model-option-copy span:first-child{color:var(--base-100);font-size:1.1rem;font-weight:700}.model-option-copy span:last-child{color:var(--base-300);font-size:.9rem;font-weight:600}@media (max-width:1100px){.model-stage{grid-template-columns:1fr}.model-viewer-shell,.model-panel{min-height:auto}.model-viewer-shell{aspect-ratio:1/.78}}@media (max-width:700px){.model-showcase{padding:5rem 0}.model-showcase .container{gap:2rem}.model-stage{gap:.75rem}.model-viewer-shell{aspect-ratio:1/1.25}.model-viewer-caption{display:none}.model-option{grid-template-columns:5rem minmax(0,1fr);min-height:5rem}}