.container[data-v-8dbbd4a6]{display:flex;height:100vh}.left-panel[data-v-8dbbd4a6]{width:300px;padding:20px;background-color:#f0f0f0;display:flex;flex-direction:column;align-items:center}.right-panel[data-v-8dbbd4a6]{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center}canvas[data-v-8dbbd4a6]{border:1px solid #000;cursor:grab}button[data-v-8dbbd4a6]{margin-top:20px;padding:10px 20px;font-size:16px;cursor:pointer;width:100%}.file-upload-button[data-v-8dbbd4a6]{padding:10px 20px;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;text-align:center;margin-top:20px;width:100%}.file-upload-button[data-v-8dbbd4a6]:hover{background-color:#0056b3}.instructions[data-v-8dbbd4a6]{margin-bottom:20px;text-align:left;font-size:14px;line-height:1.5;width:100%}.instructions p[data-v-8dbbd4a6]{margin:0 0 10px 0}.grid-size-input[data-v-8dbbd4a6]{margin-top:20px;width:100%;display:flex;flex-direction:column;gap:10px}.grid-size-input input[data-v-8dbbd4a6]{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px}.grid-size-input button[data-v-8dbbd4a6]{padding:10px;font-size:14px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.grid-size-input button[data-v-8dbbd4a6]:hover{background-color:#218838}.grid-color-picker[data-v-8dbbd4a6]{margin-top:20px;width:100%;display:flex;align-items:center;gap:10px}.grid-color-picker label[data-v-8dbbd4a6]{font-size:14px}.grid-color-picker input[type=color][data-v-8dbbd4a6]{padding:0;border:none;background:none;cursor:pointer}.browser-warning[data-v-8dbbd4a6]{color:red;font-weight:700;margin-bottom:0!important}