.lil-gui{--font-size: 13px;--input-font-size: 13px;--widget-height: 34px;--padding: 8px;--spacing: 10px;--folder-indent: 10px;--scrollbar-width: 8px;--border-radius: 9px;--border-radius-widgets: 12px;--name-width: 42%;--background-color: rgba(14, 18, 28, .85);--widget-color: rgba(255, 255, 255, .08);--focus-color: rgba(128, 182, 255, .42);--hover-color: rgba(255, 255, 255, .16);--string-color: #9bc1ff;--number-color: #b5e5c0;--text-color: #f1f5ff;--title-background-color: rgba(255, 255, 255, .06);--title-text-color: #e9eefb;--widget-border-color: rgba(255, 255, 255, .14);--accent-color: #7db5ff;backdrop-filter:blur(16px) saturate(165%);-webkit-backdrop-filter:blur(16px) saturate(165%);border-radius:16px;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px #00000075,inset 0 1px #ffffff1f;overflow:hidden;font-family:SF Pro Text,SF Pro Display,Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.lil-gui.root>.title{background:linear-gradient(180deg,#ffffff14,#ffffff05);border-bottom:1px solid rgba(255,255,255,.05)}.lil-gui.root{right:20px;top:20px;max-height:80vh;overflow-y:auto;overflow-x:hidden;position:fixed!important}.lil-gui::-webkit-scrollbar{width:8px}.lil-gui::-webkit-scrollbar-track{background:#0003;border-radius:4px}.lil-gui::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.lil-gui::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.lil-gui .title{font-weight:700;letter-spacing:.03em;font-size:14px;height:auto;padding:14px 12px 12px;cursor:move;user-select:none;-webkit-user-select:none;position:relative}.lil-gui .title:before{content:"⋮⋮";position:absolute;left:6px;top:50%;transform:translateY(-50%);opacity:.4;font-size:11px;letter-spacing:-2px}.lil-gui .controller{margin-bottom:8px;border-radius:12px;transition:background-color .15s ease,border-color .15s ease;padding:5px 6px;border:1px solid rgba(255,255,255,.06)}.lil-gui .controller:hover{background:#ffffff0f;border-color:#ffffff24}.lil-gui .controller.disabled{opacity:.5}.lil-gui .controller .name{color:var(--text-color);font-weight:600;opacity:.95;display:block;line-height:1.35;font-size:12px;padding-right:10px}.lil-gui .controller .name .ss-hint{display:block;font-size:11px;color:#aeb6c4;opacity:1;margin-top:4px;white-space:normal}.lil-gui input,.lil-gui select,.lil-gui button,.lil-gui textarea{font-size:var(--input-font-size);border-radius:var(--border-radius-widgets);border:1px solid var(--widget-border-color);transition:all .15s ease;min-height:var(--widget-height);line-height:1.2;padding:8px 11px}.lil-gui input[type=text],.lil-gui input[type=number]{background:var(--widget-color);color:var(--text-color)}.lil-gui input[type=text]:focus,.lil-gui input[type=number]:focus{background:#ffffff14;border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #6aa7ff26}.lil-gui input[type=text]:hover,.lil-gui input[type=number]:hover{background:var(--hover-color)}.lil-gui select{background:var(--widget-color);color:var(--text-color);cursor:pointer}.lil-gui select:hover{background:var(--hover-color);border-color:#ffffff26}.lil-gui select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #6aa7ff26}.lil-gui button{background:linear-gradient(180deg,#7db5ff38,#7db5ff1a);color:var(--text-color);cursor:pointer;font-weight:600;border:1px solid rgba(145,196,255,.42);letter-spacing:.01em;font-size:var(--input-font-size)!important;padding:8px 12px!important}.lil-gui .controller.function button{width:100%;justify-content:center}.lil-gui button:hover{background:linear-gradient(180deg,#91c4ff4d,#91c4ff29);border-color:#b5d8ff80;transform:translateY(-1px);box-shadow:0 8px 16px #305c943d}.lil-gui button:active{background:linear-gradient(180deg,#ffffff14,#ffffff08);transform:translateY(0)}.lil-gui .controller.number input[type=number]{width:28%}.lil-gui .controller.number .slider{background:var(--widget-color);border-radius:var(--border-radius-widgets);height:22px;border:1px solid var(--widget-border-color)}.lil-gui .controller.number .slider:hover{background:var(--hover-color)}.lil-gui .controller.number .fill{background:linear-gradient(90deg,var(--accent-color),rgba(106,167,255,.7));border-radius:var(--border-radius-widgets);opacity:.8}.lil-gui .controller.boolean input[type=checkbox]{appearance:none;width:22px;height:22px;background:var(--widget-color);border-radius:7px;cursor:pointer;position:relative;border:1px solid var(--widget-border-color)}.lil-gui .controller.boolean input[type=checkbox]:hover{background:var(--hover-color);border-color:#ffffff26}.lil-gui .controller.boolean input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.lil-gui .controller.boolean input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:13px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.lil-gui .controller.color input[type=color]{height:32px;width:44px;border-radius:var(--border-radius-widgets);border:1px solid var(--widget-border-color);cursor:pointer;padding:3px}.lil-gui .controller.color input[type=color]:hover{border-color:#fff3;transform:scale(1.05)}.lil-gui .controller.color .display{position:relative;border-radius:var(--border-radius-widgets);height:30px;min-width:120px;border:1px solid var(--widget-border-color);overflow:hidden}.lil-gui .folder>.title{background:linear-gradient(180deg,#ffffff17,#ffffff08);border-bottom:1px solid rgba(255,255,255,.09);font-weight:600;letter-spacing:.02em;height:36px;line-height:36px;padding-left:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease;font-size:13px}.lil-gui .folder>.title:hover{background:linear-gradient(180deg,#ffffff26,#ffffff0d)}.lil-gui .folder>.title:before{content:"▸";display:inline-block;margin-right:8px;transition:transform .2s ease;font-size:11px;opacity:.7}.lil-gui .folder.closed>.title:before{transform:rotate(0)}.lil-gui .folder.open>.title:before{transform:rotate(90deg)}.lil-gui .folder>.children{border-left:2px solid rgba(106,167,255,.15);margin-left:var(--folder-indent);padding-left:8px;padding-top:6px;padding-bottom:4px}.lil-gui .controller.option select{font-weight:500}.lil-gui .controller:first-child select{background:linear-gradient(180deg,#6aa7ff26,#6aa7ff14);border-color:#6aa7ff4d;font-weight:600}.lil-gui .controller.number input[type=text]{background:#0003;color:var(--number-color);font-weight:600;text-align:center;min-height:32px}.lil-gui .controller.string input[type=text]{color:var(--string-color)}.lil-gui .children{padding:6px 2px 10px}.lil-gui .children .lil-gui{border:none;margin-left:0;border-left:2px solid rgba(255,255,255,.05)}@media(max-width:768px){.lil-gui.root{max-width:90vw;font-size:12px}.lil-gui{--font-size: 12px;--input-font-size: 12px;--widget-height: 32px}}.lil-gui .folder .children{overflow:hidden;transition:max-height .2s ease-out}.lil-gui .controller .name{text-shadow:0 1px 2px rgba(0,0,0,.3)}.lil-gui input:focus,.lil-gui select:focus,.lil-gui button:focus{outline:none}.lil-gui{will-change:transform;contain:layout style paint}