.new-scene-main{color:var(--catalog-ink)}
.new-scene-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}
.new-scene-heading h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:.35rem 0 .7rem}
.new-scene-heading p{max-width:760px;margin:0;color:color-mix(in srgb,var(--catalog-ink) 72%,transparent)}
.new-scene-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:var(--catalog-accent)}
.new-scene-model-context{background:var(--catalog-paper);border:1px solid color-mix(in srgb,var(--catalog-ink) 16%,transparent);padding:.8rem 1rem;border-radius:14px;min-width:170px;box-shadow:0 12px 35px rgba(15,31,33,.08)}
.new-scene-model-context span{display:block;font-size:.72rem;color:#687779}.new-scene-model-context strong{font-size:1.25rem}
.new-scene-model-context a{display:inline-flex;align-items:center;gap:.45rem;color:var(--catalog-ink);text-decoration:none;border-radius:5px;touch-action:manipulation}
.new-scene-model-context a i{font-size:.9rem;transition:transform .18s ease}
.new-scene-model-context a:hover{color:var(--catalog-accent);text-decoration:underline;text-underline-offset:.16em}
.new-scene-model-context a:hover i{transform:translateX(-2px)}
.new-scene-model-context a:focus-visible{outline:3px solid color-mix(in srgb,var(--catalog-accent) 55%,transparent);outline-offset:3px}
.new-scene-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:1.25rem;align-items:start}
.new-scene-stage-card,.new-scene-panel{background:var(--catalog-paper);border:1px solid color-mix(in srgb,var(--catalog-ink) 14%,transparent);border-radius:18px;overflow:hidden;box-shadow:0 18px 55px rgba(14,33,35,.1)}
.new-scene-toolbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--catalog-ink) 12%,transparent)}
.new-scene-toolbar>div:first-child{display:grid}.new-scene-toolbar span{font-size:.78rem;color:#667578}
.new-scene-toolbar-actions{display:flex;gap:.5rem}.new-scene-toolbar button,.new-scene-error button{border:1px solid color-mix(in srgb,var(--catalog-ink) 17%,transparent);background:var(--catalog-paper);color:var(--catalog-ink);border-radius:9px;padding:.55rem .75rem;font-weight:700}.new-scene-toolbar button:disabled{opacity:.42;cursor:not-allowed}.new-scene-rotate-menu,.new-scene-download-menu{position:relative}.new-scene-rotate-options,.new-scene-download-options{position:absolute;right:0;top:calc(100% + 6px);z-index:8;min-width:175px;padding:.35rem;background:var(--catalog-paper);border:1px solid color-mix(in srgb,var(--catalog-ink) 17%,transparent);border-radius:10px;box-shadow:0 12px 30px rgba(14,33,35,.15)}.new-scene-rotate-options[hidden],.new-scene-download-options[hidden]{display:none}.new-scene-rotate-options button,.new-scene-download-options button{display:flex;width:100%;align-items:center;gap:.55rem;text-align:left;border:0;padding:.55rem .65rem}.new-scene-download-options button span{display:grid}.new-scene-download-options button strong{font-size:.82rem}.new-scene-download-options button small{font-size:.68rem;font-weight:500;color:#687779}
.new-scene-toolbar button:hover,.new-scene-toolbar button:focus-visible{border-color:var(--catalog-accent);color:var(--catalog-accent)}.new-scene-toolbar button:focus-visible{outline:3px solid color-mix(in srgb,var(--catalog-accent) 30%,transparent);outline-offset:2px}.new-scene-toolbar button{touch-action:manipulation}
.new-scene-canvas-wrap{position:relative;min-height:620px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-model-bg) 85%,#fff),color-mix(in srgb,var(--theme-model-bg) 58%,#fff));isolation:isolate}
.new-scene-canvas-wrap canvas{display:block;width:100%;height:620px;touch-action:none}
.new-scene-loading,.new-scene-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:color-mix(in srgb,var(--catalog-paper) 82%,transparent);backdrop-filter:blur(5px);z-index:3}
.new-scene-error[hidden],.new-scene-loading[hidden]{display:none}.new-scene-error i{font-size:2rem;color:#a13d2d}.new-scene-error button{margin-top:.5rem;background:var(--theme-button-bg);color:var(--theme-button-text)}
.new-scene-spinner{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--catalog-accent) 22%,transparent);border-top-color:var(--catalog-accent);border-radius:50%;animation:new-scene-spin .8s linear infinite}@keyframes new-scene-spin{to{transform:rotate(360deg)}}
.new-scene-help{padding:.65rem 1rem;font-size:.75rem;color:#687779;border-top:1px solid color-mix(in srgb,var(--catalog-ink) 10%,transparent)}
.new-scene-panel{padding:1.1rem;position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}.new-scene-panel h2{font-size:1.55rem;margin:.35rem 0}.new-scene-panel-intro p{font-size:.88rem;color:#667578}
.new-scene-selection{margin-top:1rem;padding:.8rem;border:1px solid color-mix(in srgb,var(--catalog-accent) 24%,transparent);border-radius:12px;background:color-mix(in srgb,var(--catalog-accent) 6%,var(--catalog-paper));display:grid;grid-template-columns:1fr auto;gap:.3rem .65rem;align-items:center}.new-scene-selection span{display:block;font-size:.7rem;color:#687779}.new-scene-selection strong{display:block}.new-scene-selection button{border:0;background:transparent;color:var(--catalog-accent);font-size:.76rem;font-weight:800}.new-scene-selection p{grid-column:1/-1;margin:.2rem 0 0;font-size:.74rem;color:#687779}
@media(pointer:coarse){.new-scene-selection button{min-height:44px;padding:.55rem .7rem;border-radius:8px;touch-action:manipulation}.new-scene-help{line-height:1.45}}
.new-scene-door-controls{margin-top:1rem}.new-scene-door-controls[hidden]{display:none}.new-scene-detail-list{border-top:1px solid color-mix(in srgb,var(--catalog-ink) 13%,transparent)}.new-scene-detail-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.72rem 0;border-bottom:1px solid color-mix(in srgb,var(--catalog-ink) 13%,transparent)}.new-scene-detail-list span{color:#69777a}.new-scene-detail-list strong{text-align:right}.new-scene-control-block{display:grid;gap:.45rem;margin-top:1rem}.new-scene-control-block h3,.new-scene-control-block label{margin:0;font-size:.84rem;font-weight:800}.new-scene-secondary-button,.new-scene-primary-button,.new-scene-apply-block button{min-height:44px;border:1px solid color-mix(in srgb,var(--catalog-ink) 18%,transparent);border-radius:9px;background:var(--catalog-paper);color:var(--catalog-ink);font-weight:800}.new-scene-secondary-button:hover,.new-scene-secondary-button:focus-visible,.new-scene-apply-block button:hover,.new-scene-apply-block button:focus-visible{border-color:var(--catalog-accent);color:var(--catalog-accent)}.new-scene-control-block select{width:100%;min-height:46px;border:1px solid color-mix(in srgb,var(--catalog-ink) 18%,transparent);border-radius:9px;background:#fff;padding:.65rem .75rem;font-weight:750}.new-scene-apply-block{display:grid;gap:.45rem;margin-top:1rem}.new-scene-apply-block small{color:#718083}.new-scene-apply-block>.new-scene-primary-button{background:var(--theme-button-bg);color:var(--theme-button-text);border-color:var(--theme-button-bg)}.new-scene-apply-block>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.new-scene-apply-block>div button{font-size:.72rem;padding:.45rem}.new-scene-door-note{margin:1rem 0 0;padding:.75rem;border:1px solid color-mix(in srgb,var(--catalog-ink) 13%,transparent);border-radius:9px;background:color-mix(in srgb,var(--catalog-accent) 5%,var(--catalog-paper));font-size:.76rem;color:#69777a}
.new-scene-surface-launch{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;background:color-mix(in srgb,var(--catalog-accent) 7%,var(--catalog-paper))}
.new-scene-groups{display:grid;gap:.75rem;margin-top:1rem}.new-scene-group{border:1px solid color-mix(in srgb,var(--catalog-ink) 13%,transparent);border-radius:13px;overflow:hidden}.new-scene-group summary{list-style:none;cursor:pointer;padding:.85rem;display:flex;align-items:center;justify-content:space-between;font-weight:800}.new-scene-group summary::-webkit-details-marker{display:none}.new-scene-group-body{border-top:1px solid color-mix(in srgb,var(--catalog-ink) 10%,transparent);padding:.75rem}.new-scene-search{width:100%;border:1px solid color-mix(in srgb,var(--catalog-ink) 18%,transparent);border-radius:9px;padding:.65rem .75rem;margin-bottom:.65rem;background:#fff}.new-scene-material-list{display:grid;gap:.4rem;max-height:300px;overflow:auto}.new-scene-material{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:.65rem;border:1px solid transparent;background:transparent;color:inherit;text-align:left;border-radius:9px;padding:.38rem}.new-scene-material:hover,.new-scene-material:focus-visible,.new-scene-material.is-active{border-color:var(--catalog-accent);background:color-mix(in srgb,var(--catalog-accent) 9%,transparent)}.new-scene-swatch{width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.13);background-size:cover;background-position:center}.new-scene-material small{display:block;color:#728083}.new-scene-empty,.new-scene-notice{font-size:.82rem;color:#687779;background:color-mix(in srgb,var(--catalog-accent) 7%,transparent);padding:.75rem;border-radius:10px}.new-scene-notice{margin-top:1rem}
.new-scene-stage-card:fullscreen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--catalog-paper)}.new-scene-stage-card:fullscreen .new-scene-toolbar{position:relative;z-index:12;background:var(--catalog-paper)}.new-scene-stage-card:fullscreen .new-scene-canvas-wrap{height:auto;min-height:0}.new-scene-stage-card:fullscreen .new-scene-canvas-wrap canvas{height:100%}.new-scene-stage-card:fullscreen .new-scene-help{background:var(--catalog-paper)}
.new-scene-canvas-wrap.has-slot-selection canvas{cursor:pointer}
.new-scene-model-dialog{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(9,22,24,.68);backdrop-filter:blur(6px)}.new-scene-model-dialog[hidden]{display:none}.new-scene-model-dialog-card{width:min(920px,100%);max-height:min(820px,90vh);overflow:auto;background:var(--catalog-paper);border-radius:18px;padding:1rem;box-shadow:0 30px 90px rgba(0,0,0,.35);overscroll-behavior:contain}.new-scene-model-dialog-card header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.new-scene-model-dialog-card h2{margin:.2rem 0}.new-scene-model-dialog-card header button{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--catalog-ink) 16%,transparent);border-radius:50%;background:transparent}.new-scene-model-dialog-card>input{width:100%;margin:.75rem 0 1rem;min-height:46px;border:1px solid color-mix(in srgb,var(--catalog-ink) 20%,transparent);border-radius:10px;padding:.7rem .8rem}.new-scene-model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.75rem}.new-scene-model-card{display:grid;gap:.4rem;text-align:left;border:1px solid color-mix(in srgb,var(--catalog-ink) 14%,transparent);border-radius:12px;padding:.55rem;background:var(--catalog-paper);color:var(--catalog-ink)}.new-scene-model-card:hover,.new-scene-model-card:focus-visible,.new-scene-model-card.is-active{border-color:var(--catalog-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--catalog-accent) 18%,transparent)}.new-scene-model-card img,.new-scene-model-placeholder{width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:8px;background:var(--theme-model-bg);display:grid;place-items:center}.new-scene-model-card small{color:#718083}.new-scene-dialog-open{overflow:hidden}
.new-scene-surface-dialog{position:fixed;inset:0;z-index:1210;display:grid;place-items:center;padding:1rem;background:rgba(9,22,24,.68);backdrop-filter:blur(6px)}
.new-scene-surface-dialog[hidden]{display:none}
.new-scene-surface-dialog button{touch-action:manipulation}
.new-scene-surface-dialog-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1100px,100%);max-height:min(860px,92dvh);overflow:hidden;background:var(--catalog-paper);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.35);overscroll-behavior:contain}
.new-scene-surface-dialog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid color-mix(in srgb,var(--catalog-ink) 12%,transparent)}
.new-scene-surface-dialog-card h2{margin:.2rem 0;text-wrap:balance}
.new-scene-surface-dialog-card header p{max-width:720px;margin:.3rem 0 0;color:#718083;font-size:.84rem}
.new-scene-surface-dialog-card header button{flex:0 0 auto;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--catalog-ink) 16%,transparent);border-radius:50%;background:transparent;color:var(--catalog-ink)}
.new-scene-surface-dialog-content{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;padding:1rem 1.1rem;overscroll-behavior:contain}
.new-scene-surface-browser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;height:100%;min-height:0}
.new-scene-surface-tabs{display:grid;align-content:start;gap:.35rem;min-height:0;overflow:auto;padding:.15rem .35rem .15rem .15rem;border-right:1px solid color-mix(in srgb,var(--catalog-ink) 12%,transparent);overscroll-behavior:contain}
.new-scene-surface-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;min-height:48px;padding:.65rem .7rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--catalog-ink);text-align:left;font-weight:800}
.new-scene-surface-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new-scene-surface-tab small{display:grid;place-items:center;min-width:28px;height:28px;padding:0 .4rem;border-radius:999px;background:color-mix(in srgb,var(--catalog-ink) 8%,transparent);color:#687779;font-size:.7rem;font-variant-numeric:tabular-nums}
.new-scene-surface-tab:hover,.new-scene-surface-tab:focus-visible,.new-scene-surface-tab[aria-selected="true"]{border-color:var(--catalog-accent);background:color-mix(in srgb,var(--catalog-accent) 9%,transparent);color:var(--catalog-accent)}
.new-scene-surface-tab[aria-selected="true"] small{background:var(--catalog-accent);color:#fff}
.new-scene-surface-dialog .new-scene-groups{display:block;min-width:0;min-height:0;margin:0}
.new-scene-surface-dialog .new-scene-group{height:100%;min-height:0;border:0;border-radius:0;background:var(--catalog-paper);overflow:hidden}
.new-scene-surface-dialog .new-scene-group[hidden]{display:none}
.new-scene-surface-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding-bottom:.7rem;border-bottom:1px solid color-mix(in srgb,var(--catalog-ink) 12%,transparent)}
.new-scene-surface-panel-heading h3{margin:0;font-size:1.15rem;text-wrap:balance}
.new-scene-surface-panel-heading span{color:#718083;font-size:.76rem;white-space:nowrap}
.new-scene-surface-dialog .new-scene-group-body{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-height:0;height:calc(100% - 54px);padding:0;border:0}
.new-scene-surface-dialog .new-scene-material-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:none;min-height:0;overflow:auto;padding:.1rem .25rem .25rem .1rem;overscroll-behavior:contain}
.new-scene-surface-dialog-card>footer{display:flex;align-items:center;gap:.45rem;padding:.8rem 1.1rem;border-top:1px solid color-mix(in srgb,var(--catalog-ink) 12%,transparent);color:#687779;font-size:.78rem}
@media(max-width:991.98px){.new-scene-layout{grid-template-columns:1fr}.new-scene-panel{position:static;max-height:none}.new-scene-canvas-wrap,.new-scene-canvas-wrap canvas{min-height:500px;height:500px}}
@media(max-width:575.98px){.new-scene-heading{display:block}.new-scene-model-context{margin-top:1rem}.new-scene-toolbar{align-items:flex-start}.new-scene-toolbar-actions>button,.new-scene-toolbar-actions>.new-scene-rotate-menu>button,.new-scene-toolbar-actions>.new-scene-download-menu>button{font-size:0}.new-scene-toolbar-actions i{font-size:1rem}.new-scene-rotate-options,.new-scene-download-options{right:0;min-width:190px}.new-scene-rotate-options button,.new-scene-download-options button{min-height:44px;font-size:.82rem;white-space:nowrap}.new-scene-canvas-wrap,.new-scene-canvas-wrap canvas{min-height:430px;height:430px}.new-scene-stage-card:fullscreen .new-scene-toolbar{flex-wrap:wrap}.new-scene-stage-card:fullscreen .new-scene-canvas-wrap{height:auto;min-height:0}.new-scene-stage-card:fullscreen .new-scene-canvas-wrap canvas{height:100%;min-height:0}.new-scene-apply-block>div{grid-template-columns:1fr}.new-scene-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.new-scene-spinner{animation:none}.new-scene-model-context a i{transition:none}}

/* Searchable, categorized surface and door controls */
.new-scene-main button{touch-action:manipulation}
.new-scene-main button:focus-visible,.new-scene-model-dialog button:focus-visible,.new-scene-surface-dialog button:focus-visible,.new-scene-main input:focus-visible,.new-scene-model-dialog input:focus-visible,.new-scene-surface-dialog input:focus-visible{outline:3px solid color-mix(in srgb,var(--catalog-accent) 34%,transparent);outline-offset:2px}
.new-scene-control-label{font-size:.84rem;font-weight:800}
.new-scene-color-picker{position:relative}
.new-scene-color-toggle{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;min-height:54px;padding:.45rem .65rem;border:1px solid color-mix(in srgb,var(--catalog-ink) 18%,transparent);border-radius:10px;background:#fff;color:var(--catalog-ink);text-align:left}
.new-scene-color-toggle:hover,.new-scene-color-toggle:focus-visible,.new-scene-color-toggle[aria-expanded="true"]{border-color:var(--catalog-accent)}
.new-scene-color-toggle:disabled{cursor:not-allowed;opacity:.5}
.new-scene-color-preview,.new-scene-color-option-swatch{display:block;border:1px solid rgba(0,0,0,.14);background-size:cover;background-position:center}
.new-scene-color-preview{width:42px;height:42px;border-radius:9px}
.new-scene-color-toggle-copy{display:grid;min-width:0}.new-scene-color-toggle-copy strong,.new-scene-color-toggle-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-scene-color-toggle-copy small{color:#718083;font-size:.72rem}
.new-scene-color-menu{position:absolute;z-index:24;top:calc(100% + 6px);left:0;width:100%;max-height:min(520px,60vh);overflow:auto;padding:.65rem;border:1px solid color-mix(in srgb,var(--catalog-ink) 18%,transparent);border-radius:12px;background:var(--catalog-paper);box-shadow:0 20px 48px rgba(14,33,35,.2);overscroll-behavior:contain}
.new-scene-color-menu[hidden]{display:none}
.new-scene-search-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;width:100%;min-height:44px;padding:0 .7rem;border:1px solid color-mix(in srgb,var(--catalog-ink) 18%,transparent);border-radius:10px;background:#fff;color:#718083}
.new-scene-search-field:focus-within{border-color:var(--catalog-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--catalog-accent) 14%,transparent)}
.new-scene-search-field input,.new-scene-group-body .new-scene-search{width:100%;min-height:42px;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--catalog-ink)}
.new-scene-filter-chips{display:flex;gap:.4rem;margin:.6rem 0;overflow-x:auto;padding:.1rem .1rem .35rem;scrollbar-width:thin;overscroll-behavior-inline:contain}
.new-scene-filter-chips button{flex:0 0 auto;min-height:34px;padding:.35rem .65rem;border:1px solid color-mix(in srgb,var(--catalog-ink) 16%,transparent);border-radius:999px;background:var(--catalog-paper);color:var(--catalog-ink);font-size:.72rem;font-weight:750;white-space:nowrap}
.new-scene-filter-chips button:hover,.new-scene-filter-chips button:focus-visible,.new-scene-filter-chips button.is-active{border-color:var(--catalog-accent);background:var(--catalog-accent);color:#fff}
.new-scene-result-count{margin:.2rem 0 .55rem;color:#718083;font-size:.72rem}
.new-scene-color-options{display:grid;gap:.25rem;max-height:300px;overflow:auto;overscroll-behavior:contain}
.new-scene-color-option{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.65rem;width:100%;padding:.4rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--catalog-ink);text-align:left;content-visibility:auto;contain-intrinsic-size:48px}
.new-scene-color-option:hover,.new-scene-color-option:focus-visible,.new-scene-color-option.is-active{border-color:var(--catalog-accent);background:color-mix(in srgb,var(--catalog-accent) 9%,transparent)}
.new-scene-color-option-swatch{width:38px;height:38px;border-radius:50%}.new-scene-color-option span:last-child{display:grid;min-width:0}.new-scene-color-option strong,.new-scene-color-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-scene-color-option small{color:#718083}
.new-scene-material[hidden],.new-scene-model-card[hidden]{display:none}
.new-scene-material{content-visibility:auto;contain-intrinsic-size:48px}
.new-scene-group-body>.new-scene-search-field{margin-bottom:.2rem}

/* Categorized model dialog */
.new-scene-model-dialog-card{width:min(1040px,100%)}
.new-scene-model-dialog-card header{align-items:flex-start}.new-scene-model-dialog-card header p{margin:.3rem 0 0;color:#718083;font-size:.84rem}
.new-scene-model-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin:.9rem 0}
.new-scene-model-search-row>span{color:#718083;font-size:.78rem;white-space:nowrap}
.new-scene-model-browser{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1rem;align-items:start}
.new-scene-model-categories{display:grid;gap:.35rem;position:sticky;top:0}
.new-scene-model-categories button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:42px;padding:.55rem .65rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--catalog-ink);text-align:left;font-weight:750}
.new-scene-model-categories button small{display:grid;place-items:center;min-width:26px;height:26px;padding:0 .35rem;border-radius:999px;background:color-mix(in srgb,var(--catalog-ink) 8%,transparent);color:#687779}
.new-scene-model-categories button:hover,.new-scene-model-categories button:focus-visible,.new-scene-model-categories button.is-active{border-color:var(--catalog-accent);background:color-mix(in srgb,var(--catalog-accent) 9%,transparent)}
.new-scene-model-grid{max-height:min(620px,62vh);overflow:auto;padding:.15rem;overscroll-behavior:contain}
.new-scene-model-card{content-visibility:auto;contain-intrinsic-size:220px 170px}

@media(max-width:767.98px){
    .new-scene-color-menu{position:static;margin-top:.45rem;max-height:none;box-shadow:none}
    .new-scene-model-search-row{grid-template-columns:1fr;gap:.35rem}
    .new-scene-model-browser{grid-template-columns:1fr}
    .new-scene-model-categories{display:flex;position:static;overflow-x:auto;padding-bottom:.35rem;overscroll-behavior-inline:contain}
    .new-scene-model-categories button{flex:0 0 auto;width:auto;white-space:nowrap}
    .new-scene-model-grid{max-height:none}
    .new-scene-surface-browser{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:.65rem}
    .new-scene-surface-tabs{display:flex;overflow-x:auto;overflow-y:hidden;padding:.1rem .1rem .4rem;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--catalog-ink) 12%,transparent);overscroll-behavior-inline:contain}
    .new-scene-surface-tab{flex:0 0 auto;width:auto;min-height:42px;white-space:nowrap}
    .new-scene-surface-dialog .new-scene-material-list{grid-template-columns:1fr;max-height:none}
}
@media(max-width:575.98px){
    .new-scene-model-dialog{padding:.45rem;place-items:end center}
    .new-scene-model-dialog-card{max-height:94vh;border-radius:16px 16px 0 0;padding:.8rem}
    .new-scene-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
    .new-scene-surface-dialog{place-items:end center;padding:.45rem}
    .new-scene-surface-dialog-card{width:100%;max-height:94dvh;border-radius:16px 16px 0 0}
    .new-scene-surface-dialog-card>header,.new-scene-surface-dialog-content{padding:.8rem}
    .new-scene-surface-panel-heading{margin-bottom:.55rem;padding-bottom:.55rem}
    .new-scene-surface-dialog-card>footer{padding:.7rem .8rem calc(.7rem + env(safe-area-inset-bottom))}
}
