.controls-panel{--aug-border-bg: var(--accent-color-dark);--aug-border-all: 2px;--aug-tr-extend1: 40%;--aug-tl: 12px;--aug-bl: 12px;--aug-tr: 12px;--aug-br: 12px;--aug-b: 7px;padding:var(--spacing-2);width:var(--controls-width);background:var(--accent-color-darkest);flex-direction:column;transition:all .3s ease}.controls-container{position:absolute;top:var(--spacing-4);left:var(--spacing-4);color:var(--label-color);font-family:Arial,sans-serif;font-size:12px;text-align:left;display:flex}.controls-container.collapsed{overflow:hidden}.collapse-button{font-size:8px;align-items:center;border:none;color:var(--title-color);cursor:pointer;display:flex;font-weight:700;padding:0 var(--spacing-2) var(--spacing-1) 0}.collapse-button span{margin-right:var(--spacing-4);font-size:16px}.controls-footer{--aug-br: 8px;--aug-bl: 8px;--aug-b: 10px;display:flex;gap:var(--spacing-2);background:var(--accent-color-darker);padding:var(--spacing-2) var(--spacing-2)}.controls-footer .button{width:50%}.button{--aug-border-bg: var(--accent-color);--aug-border-all: 2px;--aug-br: 10px;--aug-bl: 10px;--aug-tl: 10px;--aug-tr: 10px;flex-grow:1;font-size:11px;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--spacing-1);color:#000;font-weight:700;cursor:pointer;border:none;background-color:var(--accent-color);display:block}.button:hover{background-color:var(--accent-color)}.button:focus{outline-offset:-2px;outline:2px solid white}.controls-content{transition:opacity .3s ease}.controls-content.hidden{opacity:0;height:0;overflow:hidden}.controls-content input[type=checkbox]{--aug-br: 6px;--aug-tl: 6px;--aug-border-bg: var(--border-color);--aug-border-all: 1px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;border-radius:var(--spacing-05);width:var(--spacing-3);padding:0 var(--spacing-4);height:var(--spacing-3);cursor:pointer;text-align:center}.controls-content input[type=checkbox]:checked{--aug-border-bg: var(--accent-color);background-color:var(--accent-color-dark);line-height:8px;text-align:center}.controls-content input[type=checkbox]:checked:before{content:"▰";font-size:12px;position:absolute;left:var(--spacing-3)}.controls-content input[type=checkbox]:focus{outline-offset:-2px;outline:2px solid white}.controls-title{--aug-tr: 8px;--aug-tl: 8px;--aug-border-bg: var(--border-color);--aug-border-all: 0px;font-size:8px;margin:0 0 1px;background:var(--accent-color-darker);padding:var(--spacing-05) var(--spacing-3);cursor:pointer;display:flex;width:100%;border:none;justify-content:space-between;align-items:center;color:var(--title-color)}.controls-title h3{margin:0;font-size:12px}.controls-title:hover{background:var(--accent-color)}.control-group{padding:0 var(--spacing-2);transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}.control-description{font-size:11px;padding-top:0;padding-bottom:var(--spacing-1);color:#fff6}.checkbox-label{display:flex;color:var(--label-color);align-items:center;gap:var(--input-gap)}.checkbox-label span{min-width:var(--label-width)}.slider-label{display:flex;align-items:center;justify-content:space-between;gap:var(--input-gap);color:var(--label-color)}.slider-label span{min-width:var(--label-width)}.slider-input{flex:1;margin-top:0;width:var(--slider-width);background-color:transparent;cursor:pointer;position:relative;accent-color:var(--accent-color-dark);border-radius:0}.select-label{display:flex;align-items:center;gap:var(--input-gap);color:var(--label-color)}.select-label span{min-width:var(--label-width)}.select-input{--aug-br: 10px;--aug-bl: 10px;--aug-tl: 10px;--aug-tr: 10px;--aug-border-bg: white;--aug-border-all: 2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:0;padding:var(--spacing-1) var(--spacing-6) var(--spacing-1) var(--spacing-4);border:none;background-color:var(--accent-color);color:#000;cursor:pointer;font-size:12px;font-weight:700;text-align:center;position:relative;width:var(--select-width)}.controls-title span{transition:transform .3s ease}.select-label:before{position:absolute;content:"▼";font-size:10px;color:#000;width:10px;right:45px;z-index:2}.select-input:focus{outline-offset:-2px;outline:1px solid white}.select-input option{background-color:#2a2a2a;color:#fff;padding:8px}.controls-container::-webkit-scrollbar{width:var(--spacing-2)}.controls-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--spacing-1)}.controls-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--spacing-1)}.controls-container::-webkit-scrollbar-thumb:hover{background:#fff6}#controls-tooltip{background-color:#fff;color:#000;z-index:10}#button-performance,#section-performance,#button-bloom,#section-bloom,#button-effects,#section-effects,#button-disk,#section-disk{--accent-color: #6ee974;--accent-color-dark: #6ee978dd;--accent-color-darker: #00d82480;--accent-color-darkest: #002600aa;--label-color: #6ee974}#button-textures,#section-textures{--accent-color: #ff4ee2;--accent-color-dark: #e96ee7dd;--accent-color-darker: #bb00d880;--accent-color-darkest: #230026aa;--label-color: #ff4ee2}#button-camera,#section-camera{--accent-color: #6ee974;--accent-color-dark: #6ee978dd;--accent-color-darker: #00d82480;--accent-color-darkest: #002600aa;--label-color: #6ee974}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;border-radius:50%;position:absolute;top:50%;border-style:solid;border-color:var(--accent-color-darker);animation:spin 1s linear infinite}:root{--controls-width: 270px;--controls-background: #111111cc;--select-width: 120px;--slider-width: 90px;--label-width: 110px;--label-color: #6edae9;--title-background: #33333399;--border-color: rgba(255, 255, 255, .23);--title-color: #ffffff;--input-gap: 8px;--accent-color: #6edae9;--accent-color-dark: #6edae9dd;--accent-color-darker: #00bfd880;--accent-color-darkest: #002426aa;--spacing-05: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px}html,body{background-color:#000;margin:0;padding:0;font-family:Poppins,sans-serif}#root{margin:0 auto;padding:0;text-align:center;background-color:#000}.app{width:100vw;height:100vh;color:#fff;position:relative;overflow:hidden}.info{position:absolute;top:20px;left:20px;background-color:#000000b3;padding:20px;border-radius:10px;max-width:300px;text-align:left}.info h1{margin:0 0 15px;font-size:24px;color:#fff}.info p{margin:10px 0;line-height:1.5;color:#ccc}.info ul{margin:10px 0;padding-left:20px;color:#ccc}.info li{margin:5px 0}