*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#app{width:100%;height:100%;position:relative}#canvas{display:block;width:100%;height:100%}#control-panel{position:absolute;top:20px;right:20px;background:#14141ee6;border-radius:8px;padding:20px;min-width:280px;color:#fff;box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#info{position:absolute!important;top:20px!important;left:20px!important;color:#fff;background:#14141eb3;padding:15px 20px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#info h1{font-size:24px;margin-bottom:8px;font-weight:600}#info p{font-size:14px;opacity:.9}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#e0e0e0}.control-group input[type=range]{width:100%;margin-bottom:4px}.control-group .value-display{font-size:12px;color:#aaa;text-align:right}.control-group input[type=color]{width:100%;height:40px;border:none;border-radius:4px;cursor:pointer}.button{background:#4a90e2;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;width:100%;margin-top:8px}.button:hover{background:#5aa0f2}.button.danger{background:#e24a4a}.button.danger:hover{background:#f25a5a}.button:disabled{background:#444;cursor:not-allowed;opacity:.6}.light-item{background:#ffffff0d;padding:12px;border-radius:4px;margin-bottom:8px}.light-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.light-item-title{font-weight:500;font-size:14px}.light-item button{background:#e24a4a;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:12px}.light-item button:hover{background:#f25a5a}.camera-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.preset-button{background:#4a90e24d;border:1px solid #4a90e2;color:#fff;padding:8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.preset-button:hover{background:#4a90e280}.hidden{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-title{font-size:14px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.panel-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.panel-toggle-btn:hover{background:#fff3;border-color:#ffffff4d}#control-panel.minimized{min-width:auto;padding:12px 16px}#control-panel.minimized .panel-header{margin-bottom:0;padding-bottom:0;border-bottom:none}#control-panel.minimized .panel-content{display:none}#info .panel-toggle-btn{position:absolute;top:8px;right:8px}#info.minimized{padding:12px 16px}#info.minimized .info-content{display:none}