.dg ul{clear:both;width:100%;margin:0;padding:0;list-style:none}.dg.ac{z-index:0;height:0;position:fixed;top:0;left:0;right:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-o-transition:opacity .1s linear;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;border-top:1px solid #2c2c2c;margin-top:-1px}.dg.main ul.closed .close-button{opacity:1!important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-o-transition:opacity .1s linear;cursor:pointer;text-align:center;background-color:#000;border:0;height:20px;line-height:19px;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{z-index:1002;top:0}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-o-transition:height .1s ease-out;-o-transition:overflow .1s linear;-webkit-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;padding:0 4px 0 5px;line-height:27px}.dg li.folder{border-left:4px solid #0000;padding:0}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{border:0;height:0;overflow:hidden}.dg .cr{clear:both;height:27px;padding-left:3px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;text-overflow:ellipsis;width:40%;overflow:hidden}.dg .cr.function .property-name{width:100%}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{float:right;border:0;width:100%;margin-top:4px;padding:3px}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;height:19px;margin-top:4px;margin-left:-5px;margin-right:0}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{z-index:10;margin-top:23px;margin-left:-9px;display:none;position:absolute}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{padding:0 6px;display:inline-block}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{color:#222;resize:none;word-wrap:break-word;border:0;width:440px;height:100px;margin:12px 0;padding:10px;font-family:Monaco,monospace;font-size:10px;display:block;position:relative;overflow-y:scroll;box-shadow:inset 1px 1px 1px #888}#dg-local-explain{background-color:#333;border-radius:3px;margin-top:10px;padding:8px;font-size:11px;line-height:17px;display:none}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;text-shadow:0 -1px #111;font:11px Lucida Grande,sans-serif}.dg.main::-webkit-scrollbar{background:#1a1a1a;width:5px}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{background:#676767;border-radius:5px}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{background:#dad5cb;border:0;line-height:25px}.dg li.save-row select{width:108px;margin-left:5px}.dg li.save-row .button{color:#fff;text-shadow:0 1px #b0a58f;cursor:pointer;background:#c5bdad;border-radius:2px;margin-top:1px;margin-left:5px;padding:4px 4px 5px;font-size:9px;line-height:7px;box-shadow:0 -1px #b0a58f}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;width:8px;height:7px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{cursor:pointer;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;border-bottom:1px solid #fff3;padding-left:16px}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2fa1d6}.dg .cr.number input[type=text]{color:#2fa1d6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{color:#fff;background:#494949}.dg .c .slider{cursor:ew-resize;background:#303030}.dg .c .slider-fg{background:#2fa1d6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}.editor-layout{--bg-page-depth:var(--theme-background);--bg-page-base:color-mix(in srgb, var(--theme-background) 95%, var(--theme-foreground));--bg-control:color-mix(in srgb, var(--theme-foreground) 10%, var(--theme-background));--bg-control-hover:color-mix(in srgb, var(--theme-foreground) 15%, var(--theme-background));--border-page-base:color-mix(in srgb, var(--theme-foreground) 20%, transparent);--border-neutral-muted:color-mix(in srgb, var(--theme-foreground) 15%, transparent);--text-primary:var(--theme-foreground);--text-secondary:color-mix(in srgb, var(--theme-foreground) 60%, transparent);--accent-base:var(--theme-accent);--accent-hover:color-mix(in srgb, var(--theme-accent) 80%, white);--accent-strong:color-mix(in srgb, var(--theme-accent) 60%, white);--space-x1:4px;--space-x2:8px;--space-x3:12px;--space-x4:16px;--border-width:1px;--radius-sm:8px;--radius-md:12px;box-sizing:border-box;font-family:var(--theme-font), monospace;color:var(--text-primary);background:var(--bg-page-depth);border-radius:var(--radius-md);width:calc(100% - 40px);height:calc(100% - 40px);box-shadow:none;isolation:isolate;border:none;min-height:0;margin:0 20px;padding:0;display:flex;overflow:hidden}.editor-panel{background:var(--bg-page-base);border-right:none;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.editor-header{padding:var(--space-x3) var(--space-x4);align-items:center;gap:var(--space-x2);background:var(--bg-page-depth);border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent);flex-shrink:0;min-height:48px;display:flex}.editor-header-title{color:var(--text-primary);font-size:16px;font-weight:600;font-family:var(--theme-font), monospace;margin:0}.editor-actions{gap:var(--space-x2);align-items:center;margin-left:auto;display:flex}.editor-tabs{background:var(--bg-page-depth);border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent);padding:0 var(--space-x2);flex-shrink:0;gap:0;display:flex}.tab-button{padding:var(--space-x2) var(--space-x3);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--theme-font), monospace;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;align-items:center;transition:all .2s;display:inline-flex;position:relative}.tab-button:hover{color:var(--text-primary);background:var(--bg-control)}.tab-button.active{color:var(--accent-base);border-bottom-color:var(--accent-base);background:var(--bg-page-base);font-weight:600}.run-button{align-items:center;gap:var(--space-x1);padding:var(--space-x2) var(--space-x4);background:var(--accent-base);color:#fff;border:2px solid var(--accent-base);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--theme-font), monospace;box-shadow:0 2px 4px color-mix(in srgb, var(--accent-base) 30%, transparent);transition:all .2s;display:inline-flex}.run-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 8px color-mix(in srgb, var(--accent-base) 40%, transparent);transform:translateY(-1px)}.run-button:active{background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(0)}.editor-wrapper{border-top:none;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.editor-wrapper>div{flex-direction:column;flex:1;min-height:0;display:flex}.editor-wrapper>div>div{flex:1;min-height:0}.error-message{padding:var(--space-x3) var(--space-x4);background:color-mix(in srgb, var(--theme-red) 15%, var(--bg-page-base));color:var(--theme-red);border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent);font-size:13px;font-family:var(--theme-font), monospace;border-left:3px solid var(--theme-red)}.preview-panel{background:#000;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.preview-header{padding:var(--space-x3) var(--space-x4);background:var(--bg-page-depth);border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent);flex-shrink:0;align-items:center;min-height:48px;display:flex}.preview-header-title{color:var(--text-primary);font-size:16px;font-weight:600;font-family:var(--theme-font), monospace;margin:0}.preview-container{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.resizer{background:color-mix(in srgb, var(--theme-foreground) 5%, transparent);cursor:col-resize;z-index:10;flex-shrink:0;width:4px;transition:background .2s;position:relative}.resizer:hover{background:color-mix(in srgb, var(--accent-base) 40%, transparent)}.resizer:before{content:"";cursor:col-resize;position:absolute;inset:0 -2px}@media (width<=768px){.editor-layout{border-radius:0!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:calc(100vh - 200px)!important;margin:0!important}.examples-panel{border-right:none!important;border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent)!important;flex-direction:column!important;flex-shrink:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:150px!important;max-height:20vh!important;display:flex!important}.examples-panel.collapsed{flex-shrink:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important}.examples-panel .examples-list{flex:auto!important;min-height:0!important;overflow:hidden auto!important}.editor-panel{border-right:none!important;border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent)!important;flex-direction:column!important;flex:auto!important;width:100%!important;height:auto!important;min-height:500px!important;display:flex!important}.editor-panel .editor-wrapper{flex-direction:column!important;flex:auto!important;height:100%!important;min-height:400px!important;display:flex!important;position:relative!important}.editor-panel .editor-wrapper>div{flex-direction:column!important;flex:1!important;min-height:400px!important;display:flex!important}.editor-panel .editor-wrapper>div>div{flex:1!important;min-height:400px!important}.preview-panel{flex-direction:column!important;flex:none!important;width:100%!important;min-height:250px!important;max-height:30vh!important;display:flex!important}.preview-panel .preview-container{flex:1!important;min-height:0!important}.editor-header{padding:var(--space-x2) var(--space-x3);min-height:40px}.editor-header-title{font-size:14px}.editor-tabs{padding:0 var(--space-x1)}.tab-button{padding:var(--space-x1) var(--space-x2);font-size:12px}.run-button{padding:var(--space-x1) var(--space-x3);font-size:12px}.preview-header{padding:var(--space-x2) var(--space-x3);min-height:40px}.preview-header-title{font-size:14px}.resizer{display:none!important}}@media (width<=480px){.editor-layout{height:auto!important;min-height:calc(100vh - 120px)!important}.editor-panel{flex:auto!important;height:auto!important;min-height:450px!important}.editor-panel .editor-wrapper{flex-direction:column!important;height:100%!important;min-height:350px!important;display:flex!important}.editor-panel .editor-wrapper>div{flex-direction:column!important;flex:1!important;min-height:350px!important;display:flex!important}.editor-panel .editor-wrapper>div>div{flex:1!important;min-height:350px!important}.preview-panel{min-height:200px!important;max-height:30vh!important}.examples-panel{min-height:120px!important;max-height:20vh!important}.examples-panel.collapsed{height:40px!important;min-height:40px!important;max-height:40px!important}}.examples-panel{background:var(--bg-page-base);border-right:none;flex-direction:column;flex-shrink:0;width:280px;height:100%;min-height:0;transition:width .2s;display:flex;position:relative;overflow:hidden}.examples-panel.collapsed{width:150px;min-width:150px}.examples-panel.collapsed .examples-panel-header{padding:var(--space-x3) var(--space-x4)}.examples-panel.collapsed .examples-panel-header h3{font-size:14px}.examples-panel.collapsed .examples-panel-controls{display:none}.example-item.collapsed{padding:var(--space-x2) var(--space-x3);margin-bottom:var(--space-x1)}.example-item.collapsed .example-item-name{margin-bottom:0;font-size:13px}.example-item.collapsed:hover{transform:translate(2px)}.examples-panel-header{padding:var(--space-x3) var(--space-x4);border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.examples-panel-header h3{color:var(--text-primary);font-size:16px;font-weight:600;font-family:var(--theme-font), monospace;margin:0}.examples-panel-actions{gap:var(--space-x1);display:flex}.icon-button{color:var(--text-secondary);cursor:pointer;padding:var(--space-x2);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:all .2s;display:flex}.icon-button:hover{background:var(--bg-control-hover);color:var(--text-primary);transform:scale(1.1)}.examples-panel-controls{gap:var(--space-x2);padding:var(--space-x3) var(--space-x4);border-bottom:1px solid color-mix(in srgb, var(--theme-foreground) 8%, transparent);flex-shrink:0;display:flex}.primary-button{padding:var(--space-x2) var(--space-x3);background:var(--accent-base);color:#fff;border:2px solid var(--accent-base);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--theme-font), monospace;box-shadow:0 2px 4px color-mix(in srgb, var(--accent-base) 30%, transparent);flex:1;transition:all .2s}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 8px color-mix(in srgb, var(--accent-base) 40%, transparent);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-button{padding:var(--space-x2) var(--space-x3);background:var(--bg-control);color:var(--text-primary);border:1px solid color-mix(in srgb, var(--theme-foreground) 12%, transparent);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--theme-font), monospace;flex:1;transition:all .2s}.secondary-button:hover{background:var(--bg-control-hover);border-color:var(--accent-base);transform:translateY(-1px)}.secondary-button:active{transform:translateY(0)}.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.examples-list{padding:var(--space-x2);-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.empty-state{padding:var(--space-x4);text-align:center;color:var(--text-secondary);font-size:13px;font-family:var(--theme-font), monospace}.example-item{padding:var(--space-x3) var(--space-x4);margin-bottom:var(--space-x2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.example-item:hover{background:var(--bg-control);border-color:color-mix(in srgb, var(--theme-foreground) 12%, transparent);transform:translate(4px)}.example-item.active{background:var(--accent-base);color:#fff;border-color:var(--accent-base);box-shadow:0 2px 8px color-mix(in srgb, var(--accent-base) 40%, transparent)}.example-item.active .example-item-meta{color:#fffc}.example-item-content{flex:1;min-width:0}.example-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;font-family:var(--theme-font), monospace;margin-bottom:4px;overflow:hidden}.example-item-meta{color:var(--text-secondary);font-size:12px;font-family:var(--theme-font), monospace}.example-item-actions{gap:var(--space-x1);opacity:0;align-items:center;transition:opacity .2s;display:flex}.example-item:hover .example-item-actions,.example-item.active .example-item-actions{opacity:1}.export-button,.delete-button{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:all .2s;display:flex}.example-item.active .export-button,.example-item.active .delete-button{color:#ffffffe6}.export-button:hover,.delete-button:hover{color:var(--text-primary);background:#ffffff26;transform:scale(1.1)}.example-item.active .export-button:hover,.example-item.active .delete-button:hover{color:#fff;background:#ffffff40}.save-dialog-overlay{background:color-mix(in srgb, var(--theme-background) 80%, black);backdrop-filter:blur(4px);z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-dialog{background:var(--bg-page-base);border:2px solid var(--border-page-base);border-radius:var(--radius-md);padding:var(--space-x4);min-width:320px;box-shadow:0 8px 24px color-mix(in srgb, var(--theme-foreground) 20%, transparent)}.save-dialog h3{margin:0 0 var(--space-x4) 0;color:var(--text-primary);font-size:18px;font-weight:600;font-family:var(--theme-font), monospace}.save-dialog input{width:100%;padding:var(--space-x3) var(--space-x4);background:var(--bg-control);border:2px solid var(--border-page-base);border-radius:var(--radius-sm);color:var(--text-primary);margin-bottom:var(--space-x4);font-size:14px;font-family:var(--theme-font), monospace;transition:all .2s}.save-dialog input:focus{border-color:var(--accent-base);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-base) 20%, transparent);outline:none}.save-dialog-actions{gap:var(--space-x2);justify-content:flex-end;display:flex}.save-dialog-actions button{padding:var(--space-x2) var(--space-x4);border:2px solid var(--border-page-base);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-control);color:var(--text-primary);font-size:14px;font-weight:600;font-family:var(--theme-font), monospace;transition:all .2s}.save-dialog-actions button:hover{background:var(--bg-control-hover);border-color:var(--accent-base);transform:translateY(-1px)}.save-dialog-actions button:active{transform:translateY(0)}@media (width<=768px){.examples-panel{border-right:none!important;flex-direction:column!important;flex-shrink:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:200px!important;max-height:40vh!important;display:flex!important}.examples-panel.collapsed{width:100%!important;min-width:100%!important;max-width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important}.examples-panel-header{padding:var(--space-x2) var(--space-x3);flex-shrink:0!important}.examples-panel-header h3{font-size:14px}.examples-panel-controls{padding:var(--space-x2) var(--space-x3);flex-wrap:wrap;flex-shrink:0!important}.primary-button,.secondary-button{padding:var(--space-x1) var(--space-x2);font-size:12px}.examples-list{-webkit-overflow-scrolling:touch!important;flex:auto!important;min-height:0!important;overflow:hidden auto!important}.example-item{padding:var(--space-x2) var(--space-x3)}.example-item-name{font-size:13px}.example-item-meta{font-size:11px}.save-dialog{min-width:280px;margin:1rem}}@media (width<=480px){.examples-panel{min-height:150px!important;max-height:35vh!important}.examples-panel.collapsed{height:40px!important;min-height:40px!important;max-height:40px!important}.examples-panel-controls{flex-direction:column}.primary-button,.secondary-button{width:100%}.save-dialog{min-width:calc(100% - 2rem);padding:var(--space-x3)}}