.jjNCrW_page{flex-direction:column;height:calc(100vh - 4rem);max-height:100vh;padding:0;display:flex;overflow:hidden}.jjNCrW_board{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex}.jjNCrW_board:fullscreen{width:100vw;height:100vh}.jjNCrW_boardFixed{z-index:2000;height:100dvh;position:fixed;inset:0}.jjNCrW_toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem 1rem;display:flex}.jjNCrW_toolGroup{align-items:center;gap:.25rem;display:flex}.jjNCrW_divider{background:var(--border-color);flex-shrink:0;width:1px;height:28px;margin:0 .25rem}.jjNCrW_toolBtn{color:var(--text-secondary,#888);border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;transition:var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.jjNCrW_toolBtn:hover{color:var(--text-primary);background:#ffffff12}.jjNCrW_toolBtnActive{color:var(--accent-text);border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb,244, 63, 94), .1)}.jjNCrW_toolBtnDownload{color:var(--status-success)}.jjNCrW_colorBtn{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:0;transition:transform .15s,border-color .15s}.jjNCrW_colorBtn:hover{transform:scale(1.2)}.jjNCrW_colorBtnActive{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 2px #ffffff4d}.jjNCrW_customColorWrap{border-radius:var(--radius-sm);background:var(--bg-primary,#0d1117);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;color:var(--text-secondary,#888);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.jjNCrW_colorInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.jjNCrW_sizeBtn{border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;transition:var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.jjNCrW_sizeBtn:hover{background:#ffffff12}.jjNCrW_sizeBtnActive{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb,244, 63, 94), .1)}.jjNCrW_sizeDot{border-radius:50%;flex-shrink:0}.jjNCrW_canvasWrap{background:#111827;flex:1;position:relative;overflow:hidden}.jjNCrW_canvas{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.jjNCrW_overlay{width:100%;height:100%;position:absolute;inset:0}.jjNCrW_textInput{z-index:10;background:0 0;border:none;border-bottom:2px solid;outline:none;min-width:120px;padding:0 4px;font-family:sans-serif;font-size:1.1rem;position:absolute}@media (max-width:640px){.jjNCrW_page{height:auto;overflow:visible}.jjNCrW_canvasWrap{height:60vw;min-height:280px}.jjNCrW_toolbar{gap:.25rem;padding:.4rem .5rem}.jjNCrW_toolBtn,.jjNCrW_sizeBtn{width:30px;height:30px}.jjNCrW_colorBtn{width:18px;height:18px}.jjNCrW_divider{display:none}}