body,html{margin:0;padding:0;overflow:hidden}.app-container{width:100vw;height:100vh;border:1px solid rgba(0,0,0,.25);margin:0;position:relative;display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden}.viewer-panel{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.config-panel{position:absolute;top:16px;right:16px;width:20rem;max-height:calc(100vh - 32px);border-radius:8px;display:flex;flex-direction:column;border:1px solid #e0e0e0;box-shadow:0 4px 12px #00000026;padding:24px;overflow:auto;background:#ffffff80!important;z-index:10}.config-panel.MuiPaper-root{background:#ffffff80!important}.config-title{margin-bottom:16px;font-weight:600}.color-controls{display:flex;gap:8px;align-items:center}#bjsCanvas{width:100%;height:100%;display:block;outline:none;-webkit-tap-highlight-color:transparent}canvas:focus{outline:none}canvas:focus-visible{outline:none}._colorControl_3odj7_1{display:flex;flex-direction:column;align-items:center;gap:4px;margin:.5rem}._colorButton_3odj7_9{cursor:pointer;width:32px;height:32px;border:2px solid #e0e0e0;border-radius:4px;transition:all .2s ease}._colorButton_3odj7_9:hover{border:2px solid #1976d2;transform:scale(1.05)}._colorLabel_3odj7_23{text-align:center}