:root{--primary-color: #ff0055;--bg-color: #111;--panel-bg: rgba(20, 20, 20, .8);--text-color: #eee;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);font-family:var(--font-family);color:var(--text-color)}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#ui-panel{position:absolute;top:20px;right:20px;width:280px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;z-index:10;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1)}h2{margin-top:0;font-size:1.2rem;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.control-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-size:.9rem;color:#aaa}.model-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.model-btn{background:rgba(255,255,255,.1);border:none;color:var(--text-color);padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.model-btn:hover{background:rgba(255,255,255,.2)}.model-btn.active{background:var(--primary-color);color:#fff}#color-picker{width:100%;height:40px;border:none;background:none;cursor:pointer}#fullscreen-btn{width:100%;padding:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;transition:all .2s}#fullscreen-btn:hover{background:rgba(255,255,255,.2)}.status{margin-top:10px;font-size:.8rem;color:#888;text-align:center}