.model-lab-section{--model-lab-panel: rgba(var(--color-foreground), .04);--model-lab-panel-strong: rgba(var(--color-foreground), .08);--model-lab-border: rgba(var(--color-foreground), .14);--model-lab-border-strong: rgba(var(--color-foreground), .28);--model-lab-text: rgb(var(--color-foreground));--model-lab-muted: rgba(var(--color-foreground), .64);--model-lab-accent: rgb(var(--color-button));--model-lab-accent-text: rgb(var(--color-button-text));--model-lab-danger: #ff6b6b;--model-lab-success: #6ee7a8;--model-lab-control-height: 38px}.model-lab{position:relative;z-index:0;display:block;color:var(--model-lab-text);background:transparent;isolation:isolate}.model-lab [hidden]{display:none!important}.model-lab button,.model-lab input,.model-lab select{font-family:inherit}.model-lab__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px}.model-lab__heading{margin:0;color:var(--model-lab-text);font-family:var(--font-heading-family, inherit);font-size:clamp(26px,2vw,32px);line-height:1.08;letter-spacing:normal;text-transform:uppercase}.model-lab__description{max-width:52rem;margin-top:6px;color:var(--model-lab-muted);font-size:14px;line-height:1.45}.model-lab__description p{margin:0}.model-lab__privacy-note{display:inline-flex;align-items:center;flex:0 0 auto;gap:7px;color:var(--model-lab-muted);font-size:12px;white-space:nowrap}.model-lab__privacy-dot{width:6px;height:6px;border-radius:50%;background:var(--model-lab-accent)}.model-lab__source-panel{padding:16px 0 18px;background:transparent;border-top:1px solid var(--model-lab-border);border-bottom:1px solid var(--model-lab-border)}.model-lab__source-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.model-lab__source-heading h2{margin:0;color:var(--model-lab-text);font-family:var(--font-heading-family, inherit);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.model-lab__current-source{min-width:0;max-width:60%;overflow:hidden;color:var(--model-lab-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.model-lab__source-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.model-lab .model-lab__button{display:inline-flex;min-height:var(--model-lab-control-height);align-items:center;justify-content:center;gap:8px;padding:7px 14px;color:rgb(var(--color-secondary-button-text));background:transparent;border:1px solid currentcolor;border-radius:var(--small-radius, 4px);cursor:pointer;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.model-lab__button:hover:not(:disabled){background:var(--model-lab-panel-strong)}.model-lab__button svg{width:16px;height:16px}.model-lab__button:active:not(:disabled){transform:translateY(1px)}.model-lab .model-lab__button--primary{color:var(--model-lab-accent-text);background:var(--model-lab-accent);border-color:var(--model-lab-accent)}.model-lab .model-lab__button--primary:hover:not(:disabled){color:var(--model-lab-accent-text);background:var(--model-lab-accent);border-color:var(--model-lab-accent);filter:brightness(1.08)}.model-lab__button:disabled,.model-lab__icon-button:disabled{cursor:not-allowed;opacity:.42}.model-lab__button:focus-visible,.model-lab__icon-button:focus-visible,.model-lab__engine-tab:focus-visible,.model-lab input:focus-visible,.model-lab select:focus-visible,.model-lab summary:focus-visible{outline:2px solid var(--model-lab-accent);outline-offset:2px}.model-lab__url-form{display:flex;flex:1 1 360px;min-width:min(100%,300px);gap:6px}.model-lab__url-form input{min-width:120px;flex:1 1 auto}.model-lab input[type=url],.model-lab select{min-height:var(--model-lab-control-height);padding:7px 10px;color:var(--model-lab-text);background:var(--model-lab-panel);border:1px solid var(--model-lab-border-strong);border-radius:var(--small-radius, 4px);font-size:13px}.model-lab input[type=url]::placeholder{color:var(--model-lab-muted)}.model-lab__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(304px,336px);min-width:0}.model-lab__viewer-column{min-width:0;padding:20px 20px 14px 0}.model-lab__viewer-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;margin-bottom:10px}.model-lab__engine-tabs{display:inline-flex;padding:2px;background:var(--model-lab-panel);border:1px solid var(--model-lab-border);border-radius:var(--small-radius, 4px)}.model-lab .model-lab__engine-tab{min-height:32px;padding:6px 12px;color:var(--model-lab-muted);background:transparent;border:0;border-radius:calc(var(--small-radius, 4px) - 1px);cursor:pointer;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;transition:background .16s ease,color .16s ease}.model-lab__engine-tab[aria-selected=true]{color:var(--model-lab-accent-text);background:var(--model-lab-accent)}.model-lab__engine-version{color:var(--model-lab-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.model-lab__stage{position:relative;height:var(--model-lab-height, 680px);min-height:420px;overflow:hidden;background-color:var(--model-lab-initial-background, #e9ecef);background-image:linear-gradient(45deg,rgba(0,0,0,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.025) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid var(--model-lab-border);border-radius:var(--medium-radius, 14px)}.model-lab__viewer{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;pointer-events:none}.model-lab[data-engine-active=shopify] .model-lab__viewer--shopify,.model-lab[data-engine-active=three] .model-lab__viewer--three{visibility:visible;opacity:1;pointer-events:auto}.model-lab__viewer model-viewer,.model-lab__viewer .shopify-model-viewer-ui,.model-lab__viewer canvas{display:block;width:100%;height:100%}.model-lab__viewer model-viewer{background:transparent;--poster-color: transparent;--progress-bar-color: var(--model-lab-accent);--progress-mask: transparent}.model-lab__viewer .shopify-model-viewer-ui{position:absolute;top:0;right:0;bottom:0;left:0}.model-lab__viewer .shopify-model-viewer-ui model-viewer{position:absolute;top:0;right:0;bottom:0;left:0}.model-lab__empty-state{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:30px;color:#333b46;text-align:center;pointer-events:none}.model-lab__empty-state strong{font-size:16px}.model-lab__empty-state span{max-width:420px;color:#687280;font-size:13px}.model-lab__empty-icon{display:grid;width:68px;height:68px;margin-bottom:6px;place-items:center;color:#737e8d;background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:50%}.model-lab__empty-icon svg{width:44px;height:44px}.model-lab__drop-overlay{position:absolute;z-index:6;top:12px;right:12px;bottom:12px;left:12px;display:grid;place-items:center;color:var(--model-lab-accent-text);background:rgba(var(--color-button),.92);border:2px dashed rgba(var(--color-button-text),.52);border-radius:var(--medium-radius, 14px);font-size:18px;pointer-events:none;visibility:hidden;opacity:0;transform:scale(.99);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.model-lab.is-dragging .model-lab__drop-overlay{visibility:visible;opacity:1;transform:scale(1)}.model-lab__stage-actions{position:absolute;z-index:4;inset-block-start:10px;inset-inline-end:10px;display:flex;gap:6px}.model-lab__icon-button{display:grid;width:34px;height:34px;padding:0;place-items:center;color:var(--model-lab-accent-text);background:var(--model-lab-accent);border:1px solid var(--model-lab-accent);border-radius:var(--small-radius, 4px);cursor:pointer}.model-lab__icon-button:hover:not(:disabled){filter:brightness(1.08)}.model-lab__progress{position:absolute;z-index:5;inset-inline:0;inset-block-end:0;height:4px;overflow:hidden;background:#0000001a}.model-lab__progress span{display:block;width:35%;height:100%;background:var(--model-lab-accent);transform:translate(-120%)}.model-lab.is-loading .model-lab__progress span{animation:model-lab-progress 1.15s ease-in-out infinite}@keyframes model-lab-progress{50%{transform:translate(180%)}to{transform:translate(420%)}}.model-lab__status{display:flex;min-height:32px;align-items:center;gap:9px;padding:8px 2px 0;color:var(--model-lab-muted);font-size:12px}.model-lab__status-indicator{width:7px;height:7px;flex:0 0 auto;background:var(--model-lab-muted);border-radius:50%}.model-lab[data-status-type=loading] .model-lab__status-indicator{background:#ffd166;box-shadow:0 0 0 4px #ffd1661a}.model-lab[data-status-type=success] .model-lab__status-indicator{background:var(--model-lab-success);box-shadow:0 0 0 4px #6ee7a81a}.model-lab[data-status-type=error] .model-lab__status-indicator{background:var(--model-lab-danger);box-shadow:0 0 0 4px #ff6b6b1a}.model-lab__inspector{display:grid;height:calc(var(--model-lab-height, 680px) + 70px);max-height:none;min-width:0;padding:0;grid-template-rows:70px minmax(0,1fr);overflow:hidden;background:transparent;border-inline-start:1px solid var(--model-lab-border)}.model-lab__inspector-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px 10px 20px;border-block-end:1px solid var(--model-lab-border)}.model-lab__inspector-header h2{margin:0;font-family:var(--font-heading-family, inherit);font-size:13px;font-weight:700;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.model-lab__inspector-header span{flex:0 0 auto;color:var(--model-lab-muted);font-size:11px;line-height:1.2}.model-lab__inspector-scroll{min-height:0;padding:2px 16px 20px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:rgba(var(--color-foreground),.28) transparent;scrollbar-width:thin}.model-lab__inspector-scroll::-webkit-scrollbar{width:5px}.model-lab__inspector-scroll::-webkit-scrollbar-track{background:transparent}.model-lab__inspector-scroll::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.24);border-radius:9999px}.model-lab__inspector-scroll::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.4)}.model-lab__panel{margin:0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid var(--model-lab-border);border-radius:0}.model-lab__panel summary{position:relative;padding:14px 28px 13px 0;cursor:pointer;font-family:var(--font-heading-family, inherit);font-size:13px;font-weight:700;list-style:none;-webkit-user-select:none;user-select:none}.model-lab__panel summary::-webkit-details-marker{display:none}.model-lab__panel summary:after{position:absolute;inset-block-start:50%;inset-inline-end:4px;width:7px;height:7px;border-inline-end:1.5px solid var(--model-lab-muted);border-block-end:1.5px solid var(--model-lab-muted);content:"";transform:translateY(-65%) rotate(45deg);transition:transform .15s ease}.model-lab__panel[open] summary:after{transform:translateY(-35%) rotate(225deg)}.model-lab__panel-content{display:grid;gap:12px;padding:1px 0 16px;border-top:0}.model-lab__field{display:grid;gap:7px;min-width:0;color:var(--model-lab-muted);font-size:12px}.model-lab__field>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.model-lab__field output{color:var(--model-lab-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.model-lab__field--inline{grid-template-columns:1fr auto;align-items:center}.model-lab input[type=color]{width:40px;height:30px;padding:2px;background:transparent;border:1px solid var(--model-lab-border-strong);border-radius:var(--small-radius, 4px);cursor:pointer}.model-lab input[type=range]{width:100%;height:3px;margin:4px 0;accent-color:var(--model-lab-accent);cursor:pointer}.model-lab__check-field{display:flex;align-items:center;gap:8px;color:var(--model-lab-muted);cursor:pointer;font-size:12px}.model-lab__check-field input{width:16px;height:16px;margin:0;accent-color:var(--model-lab-accent)}.model-lab__check-grid{grid-template-columns:1fr 1fr}.model-lab__animation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.model-lab__animation-actions .model-lab__button{min-width:0;padding-inline:8px}.model-lab__inspector .model-lab__button{min-height:34px;padding:6px 10px;font-size:12px}.model-lab__stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;margin:0}.model-lab__stats>div{min-width:0;padding:8px 0;border-bottom:1px solid var(--model-lab-border)}.model-lab__stats>div:nth-last-child(-n+2){border-bottom:0}.model-lab__stats dt{margin-bottom:3px;color:var(--model-lab-muted);font-size:11px;line-height:1.2}.model-lab__stats dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--model-lab-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.35}.model-lab__stats .model-lab__stat-wide{grid-column:1 / -1}.model-lab__error-panel{border-bottom-color:#ff6b6b80}.model-lab__error-panel summary{color:var(--model-lab-danger)}.model-lab__error-panel pre{max-height:220px;margin:0;padding:12px;overflow:auto;color:var(--model-lab-text);background:#ff6b6b14;border-top:1px solid rgba(255,107,107,.32);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.model-lab[data-engine-active=shopify] [data-engine-only=three],.model-lab[data-engine-active=three] [data-engine-only=shopify]{display:none}@media screen and (max-width:989px){.model-lab__workspace{grid-template-columns:1fr}.model-lab__inspector{display:block;height:auto;overflow:visible;border-block-start:1px solid var(--model-lab-border);border-inline-start:0}.model-lab__inspector-header{min-height:0;padding:16px 0 14px}.model-lab__inspector-scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:24px;padding:0;overflow:visible;scrollbar-gutter:auto}.model-lab__panel{margin:0}}@media screen and (max-width:749px){.model-lab__header{align-items:flex-start;flex-direction:column;gap:12px;padding:0 0 18px}.model-lab__privacy-note{white-space:normal}.model-lab__source-panel{padding:14px 0 16px}.model-lab__source-heading{align-items:flex-start;flex-direction:column;gap:6px}.model-lab__current-source{max-width:100%}.model-lab__source-actions,.model-lab__url-form{width:100%}.model-lab__source-actions>.model-lab__button,.model-lab__source-actions>label.model-lab__button{flex:1 1 180px}.model-lab__viewer-column{padding:16px 0 14px}.model-lab__viewer-header{align-items:flex-start;flex-direction:column;gap:8px}.model-lab__engine-tabs{display:grid;width:100%;grid-template-columns:1fr 1fr}.model-lab__engine-tab{min-height:36px;padding-inline:7px;font-size:12px}.model-lab__stage{height:min(68vh,540px);min-height:380px}.model-lab__inspector-scroll{display:block}.model-lab__inspector-header{padding:14px 0 12px}.model-lab__panel{margin:0}.model-lab__stage-actions{inset-block-start:8px;inset-inline-end:8px}.model-lab__icon-button{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.model-lab *,.model-lab *:before,.model-lab *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-model-lab.css.map */