body{color:#e2e8f0;background-color:#0f1115;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app-container{flex-direction:column;height:100vh;display:flex}.navbar{background-color:#15181e;border-bottom:1px solid #2a2e37;align-items:center;height:50px;padding:0 20px;font-weight:700;display:flex}.workspace{flex:1;height:calc(100vh - 50px);display:flex}.sidebar{background-color:#15181e;border-right:1px solid #2a2e37;width:300px;padding:20px;overflow-y:auto}.viewer-container{background-color:#0b0c10;flex:1;position:relative}h3{color:#8b949e;text-transform:uppercase;margin-bottom:10px;font-size:14px}.sidebar-section{margin-bottom:30px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#07080b;border-radius:4px}::-webkit-scrollbar-thumb{background:#1f2937;border:2px solid #07080b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#161922;border:1px solid #2a2e37;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#2563eb;border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 0 8px #2563eb99}input[type=color]{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:24px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #2a2e37;border-radius:6px}