html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1f2937 0,#020617 45%,#000);color:#f5f5f5}*{box-sizing:border-box}body{display:flex;flex-direction:column}:root{--background: #020617;--foreground: #f5f5f5;--card: rgba(15, 23, 42, .9);--card-border: rgba(148, 163, 184, .35);--accent: #4a5568;--accent-soft: rgba(79, 70, 229, .25);--accent-strong: #6366f1;--muted: #9ca3af;--danger: #ef4444;--radius: 12px;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .75)}h1,h2,h3,h4,h5,h6{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.gallery-viewport{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at top,#1f2937 0,#020617 45%,#000);overflow:hidden}.wrap{position:relative;display:flex;width:100vw;height:100vh;flex-grow:1}.dropzone{position:relative;display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem}.placeholder{width:100%;max-width:520px;padding:2.5rem 2.75rem;border-radius:var(--radius);text-align:center;border:1px solid var(--card-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at top,rgba(148,163,184,.22),transparent 60%),linear-gradient(135deg,#0f172aeb,#0f172afa)}.placeholder-title{font-size:1.6rem;margin:0 0 .4rem;letter-spacing:.08em;text-transform:uppercase;color:#e5e7eb}.placeholder-desc{margin:.75rem 0 0;font-size:.95rem;color:var(--muted)}.viewer-wrapper{position:relative;width:100%;height:100%;flex-grow:1;flex-shrink:1;min-width:0;min-height:0}.viewer{width:100%;height:100%;flex-grow:1;flex-shrink:1;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;min-width:0;min-height:0;overflow:visible}.axes{width:100px;height:100px;margin:20px;padding:0;position:absolute;left:0;bottom:0;z-index:10;pointer-events:none}.app-header{position:absolute;inset-inline:0;top:0;z-index:10;padding:1.5rem 2.25rem .75rem;pointer-events:none}.app-header-inner{max-width:1120px;margin:0 auto 0 3rem;pointer-events:auto}header h1{color:#f5f5f5;font-size:1.4rem;font-weight:300;margin-left:20px}.app-title{margin:0 0 .35rem;font-size:1.6rem;line-height:1.2;color:#f9fafb}.app-subtitle{margin:0;font-size:.86rem;color:#9ca3aff2}.glass-panel{background:linear-gradient(135deg,#111827eb,#0f172afa);border-radius:var(--radius);border:1px solid rgba(148,163,184,.4);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#viewer-gui-root{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--viewer-header-offset, 0px));right:0;z-index:10000;margin:0;pointer-events:none}body.viewer-has-header{--viewer-header-offset: 50px}#viewer-gui-root .dg{pointer-events:all}#viewer-gui-root .dg .close-button,#viewer-gui-root .dg .close-top{pointer-events:all;cursor:pointer}.dg li.gui-stats:not(.folder){height:auto}@media screen and (max-width:700px){header h1{font-size:1em}}footer{position:absolute;bottom:.5em;right:.5em;font-family:monospace;color:#fff}footer a{color:inherit;opacity:.5;text-decoration:inherit}footer a:hover{opacity:1;text-decoration:underline}footer .separator{margin:0 .5em;opacity:.2}.upload-btn{margin-top:2em}.upload-btn input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.upload-btn label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;overflow:hidden}.upload-btn label:hover{transform:translateY(-1px);box-shadow:0 16px 30px #4f46e580}.upload-btn svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em}.upload-button{padding:.75rem 1.6rem;border-radius:999px;border:none;background:radial-gradient(circle at top left,#4f46e5,#6366f1);color:#f9fafb;font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 18px 40px #4f46e58c;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.upload-button span{display:inline-flex;align-items:center;gap:.5rem}.upload-button svg{width:18px;height:18px}.report{padding:2em;max-width:860px}.report h1{margin-top:0}.report p,.report ul{line-height:1.5em}.report-table{text-align:left;border-collapse:collapse;width:100%}.report-table thead tr{background:#404040;color:#fff}.report-table th,.report-table td{padding:.5em 1em}.report-table tr:nth-child(2n){background:#f0f0f0}.report-toggle-wrap.hidden{display:none}.report-toggle{cursor:pointer;display:flex;position:absolute;bottom:0;left:20px;height:30px;box-shadow:0 0 5px #00000040;background:#fff;box-sizing:border-box;color:#f0f0f0;background:#000;border-left:6px solid #000}.report-toggle.level-1{color:#444;background:#ffeda0;border-left-color:#feb24c}.report-toggle.level-0{color:#444;background:#f4c2be;border-left-color:#b10026}.report-toggle-text{line-height:32px;padding:0 .5em;font-weight:300;font-size:.8em}.report-toggle-close{width:30px;height:30px;line-height:30px;font-size:1.5em;text-align:center}.spinner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;background:radial-gradient(circle at center,#0f172ae6,#020617);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}.spinner-modern{width:3rem;height:3rem;border-radius:999px;border:3px solid rgba(55,65,81,.7);border-top-color:#6366f1;animation:spinner-rotate .9s linear infinite}.spinner-text{font-size:.9rem;color:#d1d5dbf2}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-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;margin-top:-1px;border-top:1px solid #2c2c2c}.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{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.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{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .cr.function .property-name{width:100%}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.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{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco,monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px Lucida Grande,sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px #b0a58f;cursor:pointer}.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;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.2)}.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{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2fa1d6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}