@font-face{font-family:Commit Mono;src:url(/CommitMono-400-Regular.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Commit Mono;src:url(/CommitMono-700-Regular.otf)format("opentype");font-weight:700;font-style:normal}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0;font-family:Commit Mono,monospace,sans-serif}html{color:#fff;background:#121113;font-size:14px;line-height:1.6}html::-webkit-scrollbar{display:none}body{width:100vw;height:100vh;margin:0;overflow:hidden}#root{width:100%;height:100%;position:relative}.app{background:#121113;width:100vw;height:100vh;position:relative;overflow:hidden}.camera-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.camera-canvas{object-fit:contain;width:100%;height:100%}.camera-error{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.camera-error p{color:#fff;opacity:.8;border-left:2px solid #fff;padding-left:.5rem;font-size:13px}.control-panel{z-index:10;width:320px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.control-panel.open{transform:translate(0)}.panel-toggle{color:#fff;cursor:pointer;background:#121113;border:1px solid #333;border-right:none;border-radius:0;justify-content:center;align-items:center;width:32px;height:64px;padding:0;font-size:20px;display:flex;position:absolute;top:50%;left:-32px;transform:translateY(-50%)}.panel-toggle:hover{opacity:.7}.panel-content{scrollbar-width:none;background:#121113;border-left:1px solid #333;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.panel-content::-webkit-scrollbar{display:none}.panel-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.panel-title{text-transform:uppercase;font-size:16px;font-weight:700}.reset-btn{color:#fff;cursor:pointer;background:#121113;border:1px solid #fff;border-radius:0;padding:.25rem .5rem;font-size:12px}.reset-btn:hover{opacity:.7}.randomize-section{gap:.5rem;display:flex}.randomize-btn{color:#fff;cursor:pointer;background:#121113;border:1px solid #555;border-radius:0;flex:1;padding:.4rem 0;font-size:12px;font-weight:700}.randomize-btn:hover{border-color:#fff}.fluid-toggle{color:#fff;cursor:pointer;opacity:.5;background:#121113;border:1px solid #555;border-radius:0;padding:.4rem .75rem;font-size:12px;font-weight:700;transition:opacity .15s,border-color .15s}.fluid-toggle:hover{opacity:.7}.fluid-toggle.active{opacity:1;border-color:#fff}.panel-header-actions{align-items:center;gap:.5rem;display:flex}.panel-section{flex-direction:column;gap:.75rem;display:flex}.section-label{opacity:.5;text-transform:uppercase;font-size:12px;font-weight:700}.slider-group{flex-direction:column;gap:.5rem;display:flex}.slider-row{flex-direction:column;gap:.2rem;display:flex}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-header label{opacity:.7;font-size:12px}.slider-value{opacity:.5;font-size:12px}input[type=range]{appearance:none;background:#555;border:none;border-radius:0;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:0;width:12px;height:12px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:0;width:12px;height:12px}input[type=range]::-webkit-slider-thumb:hover{opacity:.7}input[type=range]::-moz-range-thumb:hover{opacity:.7}.curves-editor{flex-direction:column;gap:.5rem;display:flex}.curves-tabs{gap:0;display:flex}.curves-tab{color:#fff;cursor:pointer;opacity:.5;background:#121113;border:1px solid #333;border-radius:0;flex:1;padding:.3rem 0;font-size:12px}.curves-tab+.curves-tab{border-left:none}.curves-tab.active{opacity:1;border-color:#fff}.curves-tab:hover{opacity:.7}.curves-canvas{cursor:crosshair;aspect-ratio:1;border:1px solid #333;display:block;width:100%!important;height:auto!important}