.modal-content h3{margin-top:0}#image-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:24px}#controls{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:4px;margin-bottom:10px;padding:16px;background:#f8f9fa;border-radius:8px}#controls input[type="file"]{padding:4px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}#controls label{font-weight:500;color:#333;display:flex;align-items:center;gap:8px;padding:0 5px 0 10px;font-size:12px}#controls select,#controls input[type="number"]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;transition:all 0.2s ease}#controls input[type="color"]{padding:6px 5px;height:35px;border:1px solid #ddd;border-radius:6px;background:#fff;transition:all 0.2s ease}#controls select:focus,#controls input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px rgba(100,108,255,.2)}#controls button{padding:8px 16px;border:none;border-radius:6px;background-color:#646cff;color:#fff;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:8px;margin:0 5px}#controls button:hover{background-color:#4f56d4}#undoButton{background-color:#6c757d}#undoButton:hover{background-color:#5a6268}#redoButton{background-color:#6c757d}#redoButton:hover{background-color:#5a6268}#saveButton{background-color:#28a745}#saveButton:hover{background-color:#218838}#zoomControls{display:flex;gap:12px;align-items:center;margin-bottom:10px;flex-direction:row-reverse}#zoomControls button{padding:4px 4px;background-color:#e9ecef;color:#333;border:none;border-radius:4px;cursor:pointer;transition:all 0.2s ease}#zoomControls button:hover{background-color:#dee2e6}#zoomValue{width:70px;text-align:center;background:#f8f9fa;border:1px solid #ddd;padding:4px;border-radius:4px}#canvasContainer{position:relative;margin:0 auto;border:1px solid #eee;overflow:hidden;background:repeating-conic-gradient(#f8f8f8 0% 25%,white 0% 50%) 50% / 20px 20px}#imageCanvas,#overlayCanvas{position:absolute;top:0;left:0;width:0;height:0;image-rendering:crisp-edges;transition:all 0.2s}@media (max-width:768px){#controls{padding:3px}}#image-container{text-align:center;max-width:1000px;height:auto;margin:0 auto;border:1px solid #ccc;padding:10px;box-sizing:border-box;overflow:auto}#canvasContainer{position:relative;display:inline-block;margin:0 auto;overflow:hidden;transition:all 0.2s}canvas{position:absolute;left:0;top:0}#zoomInButton{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='10' cy='10' r='7' stroke='currentColor' stroke-width='2' fill='none'/%3E%3Cpath d='M15 15L21 21' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 7V13M13 10H7' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;height:30px;width:30px}#zoomOutButton{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Ccircle cx='10' cy='10' r='7' stroke='currentColor' stroke-width='2' fill='none'/%3E%3Cpath d='M15 15L21 21' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 10H13' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;height:30px;width:30px}button#undoButton{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M7 13.5L3 10.5L7 7.5' stroke='%23FFFFFF' stroke-width='2' fill='none'/%3E%3Cpath d='M19 14C19 11.7909 17.2091 10 15 10H4' stroke='%23FFFFFF' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;padding:8px 30px}button#redoButton{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M17 13.5L21 10.5L17 7.5' stroke='%23FFFFFF' stroke-width='2' fill='none'/%3E%3Cpath d='M5 14C5 11.7909 6.79086 10 9 10H20' stroke='%23FFFFFF' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;padding:8px 30px}.break-parts{display:flex;flex-basis:100%;gap:0}.parts{display:flex;flex-direction:column;align-items:flex-start}.flex-parts{display:flex}#controls input{display:flex}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;min-width:300px}.modal-row{margin:15px 0;display:flex;align-items:center;gap:10px}.radio-group{display:flex;gap:15px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}#quality{flex:1}#qualityValue{width:40px;text-align:right}#controls select,#controls input[type="number"],#controls input[type="color"],#controls input[type="file"]{box-sizing:border-box;-webkit-appearance:none;appearance:none;height:35px}#controls input[type="file"]{line-height:1.2}#controls button{box-sizing:border-box;height:35px}#controls input[type="file"]{padding:4px 12px;display:inline-flex;align-items:center}#controls select,#controls input[type="number"]{padding:8px 12px;min-width:0}#controls input[type="color"]{padding:6px 5px;width:35px}#zoomControls button{box-sizing:border-box;height:30px;width:30px}button#undoButton,button#redoButton{width:70px}#image-container{text-align:center;max-width:1000px;margin:0 auto;border:1px solid #ccc;padding:10px;box-sizing:border-box;overflow:hidden}#canvasContainer{position:relative;display:inline-block;margin:0 auto;overflow:auto;transition:all 0.2s;max-width:100%;max-height:calc(100% - 177px)}#canvasContainer::-webkit-scrollbar{width:8px;height:8px}#canvasContainer::-webkit-scrollbar-track{background:#fff}#canvasContainer::-webkit-scrollbar-thumb{cursor:default;background:#afafaf;border-radius:4px}#canvasContainer::-webkit-scrollbar-thumb:hover{background:#888}.hand-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:none;border-radius:8px;font-size:14px;line-height:1;cursor:pointer;background:rgba(0,0,0,.15);color:#111;user-select:none}.hand-toggle:hover{background:rgba(0,0,0,.22)}.hand-toggle[aria-pressed="true"]{background:rgb(100 108 255 / 36%)!important;color:#fff}.hand-toggle .icon{width:18px;height:18px;display:inline-block}@media (prefers-color-scheme:dark){.hand-toggle{background:rgba(255,255,255,.12);color:#eee}.hand-toggle:hover{background:rgba(255,255,255,.18)}.hand-toggle[aria-pressed="true"]{background:rgba(255,255,255,.35);color:#000}}#overlayCanvas.cursor-crosshair{cursor:crosshair}#overlayCanvas.cursor-grab{cursor:grab}#overlayCanvas.cursor-grabbing{cursor:grabbing}