:root{color-scheme:dark;background-color:#060610;color:#f7f7ff}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#app{display:flex;width:100%;height:100vh}.sidebar{flex:0 0 340px;width:340px;max-width:100vw;height:100%;overflow-y:auto;box-sizing:border-box;padding:20px;color:#f3f3ff;text-shadow:0 0 20px rgba(0,0,0,.55)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.stage{flex:1 1 auto;height:100%;overflow-y:auto;overflow-x:hidden;position:relative}.dance-canvas{display:block}.sidebar-panel{margin:0 0 12px}.sidebar-panel-label{font-size:.74rem;opacity:.75;margin-bottom:4px}#originalPreviewCanvas{display:block;width:100%;height:180px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}button,select{border:none;border-radius:999px;padding:8px 14px;font-size:.84rem;color:#fff;background:#ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .12s ease,background .12s ease}select{min-width:160px;max-width:min(260px,calc(100vw - 40px));-webkit-appearance:none;-moz-appearance:none;appearance:none}button:hover{transform:translateY(-1px);background:#fff3}button:disabled,select:disabled{opacity:.45;cursor:not-allowed}button.mode-active{background:#5cd6ff47}input[type=range],input[type=number],input[type=checkbox]{accent-color:#5cd6ff}input[type=range]{min-width:0;width:100%}input[type=number]{width:62px;border:none;border-radius:999px;padding:8px 10px;color:#fff;background:#ffffff24}.recording-library{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 8px}.recording-library label{font-size:.74rem;opacity:.75}.recording-option{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;font-size:.74rem;color:#ffffffd1}.recording-option input{width:14px;height:14px;margin:0}.rule-controls{display:grid;grid-template-columns:auto 1fr auto;gap:6px 8px;align-items:center;max-width:min(390px,calc(100vw - 40px));margin-bottom:8px}.rule-controls>label,.panel-rule-grid label{font-size:.72rem;opacity:.75}.panel-rule-grid{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(130px,1fr);gap:5px 8px;align-items:center}.panel-rule-grid select{min-width:0;width:100%}.status{margin-top:5px;font-size:.82rem;opacity:.88}.sidebar h1{margin:0 0 6px;font-size:clamp(1.45rem,2.1vw,2.5rem);line-height:1.05}.sidebar p{margin:0;font-size:.82rem;line-height:1.25;opacity:.8}.camera-preview{display:block;width:100%;height:180px;border-radius:12px;border:1px solid rgba(255,255,255,.16);object-fit:cover;opacity:.96}