@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.dn-root{width:100%;height:100%;position:relative;display:block;min-height:0;background:#0a0b0d;color:#e8edf2;font:13px/1.35 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.dn-root .lil-gui{font-family:inherit;font-size:14px}.dn-root .lil-gui *{font-family:inherit}.dn-root .lil-gui .title,.dn-root .lil-gui .folder>.title,.dn-root .lil-gui .folder .title{font-size:13px;letter-spacing:.03em;min-height:34px;line-height:1.15;display:flex;align-items:center}.dn-root .lil-gui.root{--background-color: #11141a;--title-background-color: #111827;--title-text-color: #e8edf2;--text-color: #e8edf2;--widget-color: #0b0d10;--hover-color: #151b28;--focus-color: #22374f;--number-color: #22d3ee;--string-color: #86efac;--font-size: 13px;--input-font-size: 13px;--padding: 8px;--spacing: 7px;--widget-height: 26px;--widget-border-radius: 6px;--scrollbar-width: 6px;--folder-indent: 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 18px 48px #00000073;backdrop-filter:blur(6px);padding:6px;max-height:calc(100vh - var(--sl-nav-height, 72px) - var(--overlay-top, 12px) - var(--overlay-bottom, 12px) - 12px);overflow-y:auto!important;overscroll-behavior:contain}.dn-root .lil-gui.root::-webkit-scrollbar{width:6px}.dn-root .lil-gui.root::-webkit-scrollbar-track{background:transparent}.dn-root .lil-gui.root::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.dn-root .lil-gui.root::-webkit-scrollbar-thumb:hover{background:#ffffff38}.dn-root .lil-gui.root>.title{display:none!important}.dn-root .lil-gui.root>.children>.lil-gui>.title{border:0 solid var(--widget-color);border-top-width:1px}.dn-root .lil-gui.root>.children>.lil-gui:first-child>.title{border-top-width:0}.dn-root{--overlay-gap: 12px;--overlay-top: calc(var(--overlay-gap) + env(safe-area-inset-top, 0px));--overlay-right: calc(var(--overlay-gap) + env(safe-area-inset-right, 0px));--overlay-bottom: calc(var(--overlay-gap) + env(safe-area-inset-bottom, 0px));--overlay-left: calc(var(--overlay-gap) + env(safe-area-inset-left, 0px))}.dn-sidebar{min-width:0;min-height:0;overflow:hidden;background:#0a0b0d;border-right:1px solid rgba(255,255,255,.08)}.dn-sidebar--left{position:absolute;top:12px;left:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);z-index:15;pointer-events:none;padding:10px}.dn-sidebar--left .dn-panel{pointer-events:auto;width:100%;min-width:0;height:100%;max-height:100%;padding:10px;background:#111316f5;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 18px 48px #00000073;backdrop-filter:blur(6px)}.dn-main{min-width:0;min-height:0;position:relative;overflow:hidden;width:100%;height:100%}.models-sidebar{position:absolute;top:var(--overlay-top);left:var(--overlay-left);width:clamp(260px,22vw,340px);max-height:min(55vh,calc(100% - var(--overlay-top) - var(--overlay-bottom)));min-height:0;overflow:hidden;overflow:clip;z-index:15;background:#11141a;border:0;border-radius:12px;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:paint;isolation:isolate}.models-sidebar__body{box-sizing:border-box;height:100%;max-height:inherit;min-height:0;overflow:hidden;overflow:clip;padding:10px;display:flex;flex-direction:column;gap:8px;isolation:isolate}.models-sidebar__header{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.models-sidebar__search{flex:1 1 auto;min-width:0}.models-sidebar .model-search{width:100%;padding:7px 8px;border-radius:8px;border:0;background:#0b0f18;color:#e2e8f0;font-size:13px}.models-sidebar .model-search:focus{outline:none;background:#111827}.models-sidebar .model-search::placeholder{color:#64748b;font-weight:500}.model-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}.drop-overlay{position:absolute;inset:0;z-index:25;display:grid;place-items:center;pointer-events:none;background:#050607a3;color:#ecfeff;font-size:clamp(20px,3vw,40px);font-weight:700}.drop-overlay:before{content:"";position:absolute;inset:22px;border:2px dashed rgba(125,211,252,.72);border-radius:10px}.dn-floating-controls{position:absolute;top:var(--overlay-top);right:var(--overlay-right);max-height:calc(100% - var(--overlay-top) - var(--overlay-bottom, 12px));display:flex;flex-direction:column;gap:6px;width:fit-content;max-width:min(420px,calc(100vw - 24px));z-index:20;pointer-events:auto;overflow:hidden}.dn-floating-kpis{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.dn-toolbar__kpi{min-width:96px;max-width:140px;background:#111316e6;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cbd5f5;font-size:11px}.dn-toolbar__kpi b{color:#e2e8f0;font-weight:600}.dn-floating-controls .dn-note{margin:6px 0 0;color:#94a3b8;font-size:11px}.dn-floating-controls .dn-lil-gui-host{width:fit-content;max-width:100%}.dn-floating-controls .dn-note--error{color:#fda4af}.dn-panel{padding:12px 14px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.dn-panel--model-selector{display:flex;flex-direction:column;min-height:0;height:100%;padding:10px}.dn-panel--details{padding:0}.dn-panel--details>summary{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;cursor:pointer;list-style:none}.dn-panel--details>summary::-webkit-details-marker{display:none}.dn-panel--details>summary:after{content:"+";color:#7f8b97;font:700 14px/1 Consolas,Monaco,monospace}.dn-panel--details[open]>summary:after{content:"-"}.dn-panel__body{padding:0 14px 14px}.dn-panel h2{margin:0 0 10px;color:#f5f7fa;font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase}.dn-panel--details>summary h2{margin:0}.dn-viewport{width:100%;height:100%;position:relative;overflow:hidden;background:#000}.dn-viewport-notice{position:absolute;left:50%;top:50%;z-index:24;width:min(520px,calc(100% - 48px));max-width:calc(100vw - 48px);box-sizing:border-box;transform:translate(-50%,-50%);display:grid;gap:8px;padding:14px 16px;border-radius:8px;border:1px solid rgba(248,113,113,.42);background:#101218f0;box-shadow:0 18px 48px #0000006b;color:#f8fafc;pointer-events:none}.dn-viewport-notice__title{color:#fecaca;font-size:13px;font-weight:760;line-height:1.2}.dn-viewport-notice__body{color:#fca5a5;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.dn-codepen{position:absolute;left:var(--overlay-left);bottom:var(--overlay-bottom);z-index:24;display:grid;justify-items:start;gap:6px;pointer-events:none}.dn-codepen__button{pointer-events:auto;min-height:34px;max-width:min(190px,calc(100vw - 32px));border:1px solid rgba(125,211,252,.24);border-radius:8px;padding:0 12px;background:#0d131ce6;color:#e0f2fe;font:600 12px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 14px 36px #00000057;backdrop-filter:blur(6px)}.dn-codepen__button:hover:not(:disabled),.dn-codepen__button:focus-visible{border-color:#7dd3fc80;background:#0f1c2bf5}.dn-codepen__button:focus-visible{outline:2px solid rgba(56,189,248,.7);outline-offset:2px}.dn-codepen__button:disabled{cursor:wait;opacity:.72}.dn-codepen__error{pointer-events:none;width:min(320px,calc(100vw - 32px));padding:8px 10px;border-radius:8px;border:1px solid rgba(248,113,113,.36);background:#181115f0;color:#fecaca;font-size:12px;line-height:1.35;overflow-wrap:anywhere;box-shadow:0 14px 36px #00000057}.dn-light-helper,.dn-light-helper *{cursor:grab}.dn-viewport.is-light-rotating,.dn-viewport.is-light-rotating .dn-light-helper,.dn-viewport.is-light-rotating .dn-light-helper *{cursor:grabbing}.dn-viewport--outline-polygons .polycss-scene i,.dn-viewport--outline-polygons .polycss-scene b,.dn-viewport--outline-polygons .polycss-scene s,.dn-viewport--outline-polygons .polycss-scene u{outline:1px solid rgba(248,113,113,.75)!important}.dn-viewport .polycss-camera,.dn-vanilla-host{width:100%;height:100%;min-height:100%}.dn-root .lil-gui .controller .widget .dn-strategy-toggle{flex:0 0 auto;margin:0 0 0 8px;width:14px;height:14px;cursor:pointer;opacity:1;pointer-events:auto}.dn-root .lil-gui .controller.disabled .widget .dn-strategy-toggle{opacity:1;pointer-events:auto}.dn-root .lil-gui .controller .widget .dn-auto-toggle{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;margin-right:8px;font-size:.85em;color:var(--text-color, #aaa);cursor:pointer;opacity:1;pointer-events:auto;user-select:none}.dn-root .lil-gui .controller .widget .dn-auto-toggle input{flex:0 0 auto;box-sizing:border-box;margin:0;padding:0;width:14px;height:14px;min-width:14px;max-width:14px;cursor:pointer}.dn-root .lil-gui .controller.disabled .widget .dn-auto-toggle,.dn-root .lil-gui .controller.disabled .widget .dn-auto-toggle input,.dn-root .lil-gui .controller.disabled .widget .dn-auto-toggle span{opacity:1;pointer-events:auto}.polycss-mesh.is-hovered i,.polycss-mesh.is-hovered b,.polycss-mesh.is-hovered s,.polycss-mesh.is-hovered u{filter:brightness(1.25);transition:filter .15s ease-out}.dn-interior-shell-mesh,.dn-interior-shell-mesh *,.dn-seam-patches-mesh,.dn-seam-patches-mesh *{pointer-events:none!important}.dn-seam-patches-mesh b,.dn-seam-patches-mesh i,.dn-seam-patches-mesh s,.dn-seam-patches-mesh u{backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.dn-model-mesh.is-mesh-hidden>b,.dn-model-mesh.is-mesh-hidden>i,.dn-model-mesh.is-mesh-hidden>s,.dn-model-mesh.is-mesh-hidden>u,.dn-model-mesh.is-mesh-hidden>q,.dn-model-mesh.is-mesh-hidden>.polycss-bucket,.dn-model-mesh.is-mesh-hidden>.polycss-normal-cull-bucket{display:none!important}.polycss-mesh i,.polycss-mesh b,.polycss-mesh s,.polycss-mesh u{transition:filter .15s ease-out}.dn-vanilla-host{position:relative;overflow:hidden}.dn-field,.dn-range,.dn-toggle{display:flex;align-items:center;gap:8px;min-width:0;margin-top:8px}.dn-field>span,.dn-range>span{width:74px;flex:0 0 auto;color:#9aa6b2;font-size:12px}.dn-field select,.dn-field input[type=text],.dn-field input[type=number]{width:100%;min-width:0;height:30px;color:#e8edf2;background:#0b0d10;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:0 8px}.dn-field--color input[type=color]{width:34px;height:26px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:transparent}.dn-field code{color:#b7c2cc;font:12px/1 Consolas,Monaco,monospace}.dn-preset-picker{margin-top:8px}.dn-sidebar--left .dn-preset-picker{margin-top:8px;height:calc(100% - 42px);min-height:0;display:flex;flex-direction:column}.dn-sidebar--left .model-picker__tree{max-height:none}.dn-preset-picker .model-picker{display:flex;flex-direction:column;gap:8px;min-width:0;font-family:Consolas,Monaco,monospace}.dn-preset-picker .model-picker__search{width:100%;height:30px;padding:0 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0b0d10;color:#e8edf2;font:inherit}.dn-preset-picker .model-picker__search:focus{outline:none;border-color:#22d3ee73;background:#0f141a}.dn-preset-picker .model-picker__search::placeholder{color:#6f7b87}.dn-preset-picker .model-picker__empty{padding:8px 2px;color:#9aa6b2;font-size:12px}.dn-preset-picker .model-picker__tree{max-height:min(42vh,520px);min-width:0;overflow-y:auto;padding-right:4px;scrollbar-color:rgba(255,255,255,.22) transparent}.dn-preset-picker .model-picker__category+.model-picker__category{margin-top:6px}.dn-preset-picker .model-picker__heading{width:100%;margin:0;padding:4px 0 3px;border:0;background:transparent;color:#eef3f8;display:flex;align-items:baseline;justify-content:space-between;gap:10px;font:700 12px/1.2 Consolas,Monaco,monospace;letter-spacing:0;text-align:left;cursor:pointer}.dn-preset-picker .model-picker__label{min-width:0;display:inline-flex;align-items:baseline;gap:6px}.dn-preset-picker .model-picker__caret{width:10px;flex:0 0 auto;color:#8f9aa5;transform:rotate(0);font-size:11px}.dn-preset-picker .model-picker__caret.open{transform:rotate(90deg)}.dn-preset-picker .model-picker__count{flex:0 0 auto;color:#8f9aa5;font-size:11px}.dn-preset-picker .model-picker__items{margin-top:4px;display:grid;gap:2px}.dn-preset-picker .model-picker__item{width:100%;min-height:26px;border:1px solid transparent;border-radius:6px;background:#0b0d10;color:#c7d0d9;padding:4px 7px;font:12px/1.2 Consolas,Monaco,monospace;text-align:left;cursor:pointer;overflow-wrap:anywhere}.dn-preset-picker .model-picker__item:hover{background:#ffffff0d;color:#eef3f8}.dn-preset-picker .model-picker__item.active{background:#12313a;border-color:#22d3ee73;color:#ecfeff}.dn-range input{min-width:0;flex:1;accent-color:#22d3ee}.dn-range output{width:58px;text-align:right;color:#d8dee6;font:12px/1 Consolas,Monaco,monospace}.dn-toggle{color:#d8dee6}.dn-toggle input{accent-color:#22d3ee}.dn-segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin-top:8px}.dn-field--segment .dn-segment{flex:1;margin-top:0}.dn-segment button{height:30px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0b0d10;color:#c7d0d9;cursor:pointer}.dn-segment button.active{background:#12313a;border-color:#22d3ee73;color:#ecfeff}.dn-note{color:#9aa6b2;font-size:12px}.dn-note{margin:8px 0 0}.dn-note--error{color:#fca5a5}.control-btn{border:0;background:#0f172a;color:#e2e8f0;padding:6px 8px;border-radius:8px;font-weight:650;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-family:inherit}.control-btn:hover{background:#1e293b}.control-btn--primary{background:#0284c7;color:#e0f2fe}.control-btn--primary:hover{background:#0ea5e9}.control-btn--primary:active{background:#38bdf8}.control-btn:active{background:#0b1020}.control-btn:disabled{cursor:not-allowed;background:#0b1020;color:#94a3b8}.model-tree{min-height:0;flex:1 1 auto;overflow:auto;padding-right:6px;isolation:isolate}.model-credit{flex:0 0 auto;margin-top:auto;padding:0 4px 2px;font-size:12px;line-height:1.4;color:#94a3b8}.model-credit a{color:#7dd3fc;text-decoration:none}.tree-category+.tree-category{margin-top:6px}.tree-heading{margin:0;padding:4px 0 3px;border:0;background:transparent;color:#e2e8f0;font-size:13px;font-weight:700;letter-spacing:.02em;display:flex;align-items:baseline;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;width:100%;font-family:inherit}.tree-label{font-weight:inherit;display:inline-flex;align-items:baseline;gap:6px}.tree-caret{display:inline-block;width:10px;color:#cbd5e1;transform:rotate(0);font-size:11px}.tree-caret.open{transform:rotate(90deg)}.tree-count{color:#94a3b8;font-weight:700;font-size:12px}.model-button-list{margin-top:4px;display:grid;gap:2px;max-height:min(320px,45vh);overflow:auto;padding-right:6px;isolation:isolate}.model-empty{padding:10px 4px;color:#94a3b8;font-weight:600}.sidebar-item{width:100%;border:0;background:#0b0f18;color:#e2e8f0;padding:4px 6px;border-radius:6px;cursor:pointer;text-align:left;line-height:1.2;font-size:13px;isolation:isolate;font-family:inherit}.sidebar-item:hover{background:#131a26}.sidebar-item.active{background:#1a2435}.dark-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.dark-scrollbar::-webkit-scrollbar{width:10px;height:10px}.dark-scrollbar::-webkit-scrollbar-track{background:#0f172a80;border-radius:999px}.dark-scrollbar::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.dark-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b899}.dn-inspector{position:absolute;left:var(--overlay-left);bottom:var(--overlay-bottom);width:clamp(260px,22vw,340px);max-height:calc(100% - var(--overlay-top) - var(--overlay-bottom) - 55vh - 12px);z-index:15;background:#11141a;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 18px 48px #00000073;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.dn-inspector__title{flex:0 0 auto;padding:9px 12px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff04}.dn-inspector__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 0 6px}.dn-materials-folder{max-height:260px;overflow-y:auto;overflow-x:hidden;padding:8px 10px 10px}.dn-materials-empty{margin:0;padding:6px 12px 8px;color:#e8edf273;font-size:11px;font-style:italic}.dn-material-palette{min-width:0}.dn-material-palette+.dn-material-palette{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.dn-material-palette__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(27px,1fr));gap:6px}.dn-material-swatch-wrap{position:relative;display:block;min-width:0}.dn-material-swatch{width:100%;aspect-ratio:1;min-width:0;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:2px;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #00000047}.dn-material-swatch:hover{border-color:#ffffff7a}.dn-material-swatch.is-open{border-color:#ffffffd1;box-shadow:inset 0 0 0 1px #00000052,0 0 0 1px #fff3}.dn-material-swatch--readonly{cursor:not-allowed;background:repeating-linear-gradient(45deg,#2a2f3a 0 4px,#111827 4px 8px)}.dn-color-selector{margin-top:8px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0f172ad1}.dn-color-selector__field{position:relative;height:108px;overflow:hidden;border-radius:4px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000000,transparent),linear-gradient(to right,#fff,hsl(var(--dn-selector-hue) 100% 50%))}.dn-color-selector__field-marker{position:absolute;width:12px;height:12px;border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px #000000b3;pointer-events:none;transform:translate(-50%,-50%)}.dn-color-selector__hue{position:relative;height:14px;margin-top:8px;border-radius:999px;cursor:ew-resize;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.dn-color-selector__hue-marker{position:absolute;top:50%;width:4px;height:18px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #000000b3;pointer-events:none;transform:translate(-50%,-50%)}.dn-mesh-header{display:flex;align-items:center;gap:7px;width:100%;padding:6px 10px;background:none;border:0;color:#e2e8f0;font-size:12px;cursor:pointer;text-align:left}.dn-materials-folder .dn-mesh-header{height:auto;min-height:0;min-width:0}.dn-mesh-header:hover{background:#ffffff0a}.dn-mesh-chevron{font-size:9px;color:#64748b;width:10px;flex:0 0 auto}.dn-mesh-icon{color:#22d3ee;font-size:11px;flex:0 0 auto}.dn-mesh-label{flex:1 1 auto;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-mesh-meta{flex:0 0 auto;font:10px/1 Consolas,Monaco,monospace;color:#64748b;padding:2px 5px;border-radius:4px;background:#ffffff0a}.dn-mesh-groups{list-style:none;margin:0;padding:0 0 4px}.dn-group-row{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 30px;position:relative;font-size:11px}.dn-group-row:hover{background:#ffffff08}.dn-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.18);cursor:pointer;padding:0;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000040}.dn-materials-folder .dn-swatch{min-width:14px;width:14px}.dn-swatch:hover{border-color:#fff6}.dn-swatch--readonly{cursor:not-allowed;background:repeating-linear-gradient(45deg,#2a2f3a 0 3px,#1a1d24 3px 6px)}.dn-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;border:0;padding:0}.dn-group-label{flex:1 1 auto;font:11px/1.2 Consolas,Monaco,monospace;color:#cbd5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-group-row.is-readonly .dn-group-label{color:#64748b;font-style:italic}.dn-group-count{flex:0 0 auto;font:11px/1 Consolas,Monaco,monospace;color:#64748b}.dn-mobile-tabs{display:none}@media(max-width:1100px){.dn-floating-controls{width:fit-content;max-width:min(390px,calc(100vw - 20px));top:10px;right:10px}.dn-sidebar--left{width:min(320px,calc(100vw - 20px));max-height:calc(100vh - 20px);top:10px;left:10px}.models-sidebar{width:min(320px,calc(100vw - 20px));max-height:calc(100% - 20px);top:10px;left:10px}}@media(max-width:760px){.dn-floating-controls{width:calc(100vw - 16px);max-width:390px;top:8px;right:8px}.models-sidebar{width:calc(100vw - 16px);max-width:340px;top:8px;left:8px;max-height:calc(100% - 16px)}.dn-root--gallery{--mobile-tabs-height: 52px;--mobile-panel-bottom: calc(var(--overlay-bottom) + var(--mobile-tabs-height) + 8px)}.dn-root--gallery .models-sidebar,.dn-root--gallery .dn-floating-controls{display:none;top:auto;right:var(--overlay-right);bottom:var(--mobile-panel-bottom);left:var(--overlay-left);width:auto;max-width:none;z-index:25}.dn-root--gallery .models-sidebar{height:min(58vh,calc(100% - var(--overlay-top) - var(--mobile-panel-bottom) - 8px));max-height:none}.dn-root--gallery .models-sidebar.is-mobile-open{display:block}.dn-root--gallery .models-sidebar__body{height:100%;max-height:none}.dn-root--gallery .models-sidebar__header{align-items:stretch;gap:6px}.dn-root--gallery .models-sidebar .model-search{height:34px}.dn-root--gallery .control-btn{min-height:34px;padding-inline:8px}.dn-root--gallery .model-button-list{max-height:none}.dn-root--gallery .dn-floating-controls{height:min(66vh,calc(100% - var(--overlay-top) - var(--mobile-panel-bottom) - 8px));max-height:none}.dn-root--gallery .dn-floating-controls.is-mobile-open{display:flex}.dn-root--gallery .dn-floating-controls .dn-lil-gui-host,.dn-root--gallery .dn-floating-controls .dn-lil-gui-host>.lil-gui.root{width:100%!important;max-width:100%}.dn-root--gallery .dn-floating-controls .dn-lil-gui-host{flex:1 1 auto;max-height:inherit;min-height:0;overflow:hidden}.dn-root--gallery .dn-floating-controls .dn-lil-gui-host>.lil-gui.root{box-sizing:border-box;height:100%!important;max-height:inherit}.dn-root--gallery .dn-floating-controls .dn-note{margin:4px 0 0;padding:0 4px}.dn-root--gallery .dn-codepen{bottom:calc(var(--overlay-bottom) + var(--mobile-tabs-height) + 8px)}.dn-mobile-tabs{position:absolute;right:var(--overlay-right);bottom:var(--overlay-bottom);left:var(--overlay-left);z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;pointer-events:auto}.dn-mobile-tabs__button{min-width:0;min-height:44px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#111316eb;color:#d8e2ec;font:700 13px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dn-mobile-tabs__button.is-active{border-color:#22d3ee8c;background:#12313a;color:#ecfeff}.dn-mobile-tabs__button--random{border-color:#4ade808c;background:#14532d;color:#dcfce7}.dn-stats-overlay{display:none!important}}