body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#007bff;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--border-color:#dee2e6;--hover-color:#e9ecef;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--border-radius:4px;--box-shadow:0 2px 4px #0000001a;--box-shadow-lg:0 4px 8px #00000026}*{box-sizing:border-box}body{background-color:#f8f9fa;background-color:var(--light-color);color:#343a40;color:var(--dark-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;margin:0}.stamp-maker-app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#007bff;background-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow);color:#fff;padding:24px;padding:var(--spacing-lg);text-align:center}.app-header h1{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.app-header p{font-size:.875rem;font-size:var(--font-size-sm);margin:0;opacity:.9}.app-main{display:flex;flex:1 1;flex-direction:column;gap:24px;gap:var(--spacing-lg);margin:0 auto;max-width:1400px;padding:24px;padding:var(--spacing-lg)}.file-upload-top{width:100%}.file-upload-top .upload-section{max-height:120px;overflow:hidden}.file-upload-top .file-upload-area{max-height:100px;min-height:80px}.main-workspace{display:flex;flex:1 1;gap:24px;gap:var(--spacing-lg);min-height:600px}.image-section{flex:2 1;flex-direction:column}.image-section,.tools-section{display:flex;gap:16px;gap:var(--spacing-md)}.tools-section{flex:1 1;flex-direction:column;max-width:400px}.bottom-controls{display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg)}.bottom-controls>*{flex:1 1;min-width:300px}.image-workspace{flex-direction:row}.canvas-and-zoom,.image-workspace{display:flex;gap:16px;gap:var(--spacing-md)}.canvas-and-zoom{flex:2 1;flex-direction:column}.line-tools{flex:1 1;max-width:350px;min-width:250px}.upload-section{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.file-upload-area{background-color:#fff;border:2px dashed #dee2e6;border:2px dashed var(--border-color);border-radius:4px;border-radius:var(--border-radius);padding:32px;padding:var(--spacing-xl);text-align:center;transition:all .3s ease}.file-upload-area:hover{background-color:#007bff0d;border-color:#007bff;border-color:var(--primary-color)}.file-upload-area.drag-over,.file-upload-wrapper.drag-over{background-color:#28a7450d;border-color:#28a745;border-color:var(--success-color)}.upload-btn{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin-top:16px;margin-top:var(--spacing-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .3s ease}.upload-btn:hover{background-color:#0056b3}.upload-btn:disabled{background-color:#dee2e6;background-color:var(--border-color);cursor:not-allowed}.canvas-container{background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;flex:1 1;position:relative}.canvas-container,.main-canvas{border-radius:var(--border-radius)}.main-canvas{max-height:100%;max-width:100%}.zoom-container{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:16px;padding:var(--spacing-md)}.zoom-view{position:relative}.zoom-canvas{background-color:#fff;border-radius:4px;border-radius:var(--border-radius);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.controls-section{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.export-section,.manual-inputs,.tool-controls{background-color:#fff;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow);padding:24px;padding:var(--spacing-lg)}.export-section h3,.manual-inputs h3,.tool-controls h3{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);color:#343a40;color:var(--dark-color);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;padding-bottom:8px;padding-bottom:var(--spacing-sm)}.tool-btn{background-color:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:16px;padding:var(--spacing-md);text-align:left;transition:all .3s ease;width:100%}.tool-btn:hover:not(:disabled){background-color:#e9ecef;background-color:var(--hover-color);border-color:#007bff;border-color:var(--primary-color)}.tool-btn:disabled{background-color:#f8f9fa;background-color:var(--light-color);cursor:not-allowed;opacity:.6}.tool-btn.active{background-color:#007bff;background-color:var(--primary-color);border-color:#007bff;border-color:var(--primary-color);color:#fff}.tool-btn.completed{background-color:#28a745;background-color:var(--success-color);border-color:#28a745;border-color:var(--success-color);color:#fff}.tool-btn.completed:after{content:" ✓";font-weight:700}.input-group{display:flex;flex-direction:column;margin-bottom:16px;margin-bottom:var(--spacing-md)}.input-group label{color:#343a40;color:var(--dark-color);font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.input-group input,.input-group label{font-size:.875rem;font-size:var(--font-size-sm)}.input-group input{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);padding:8px;padding:var(--spacing-sm);transition:border-color .3s ease}.input-group input:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.input-group input:disabled{background-color:#f8f9fa;background-color:var(--light-color);cursor:not-allowed;opacity:.6}.input-group input.error{border-color:#dc3545;border-color:var(--error-color)}.input-group input.success{border-color:#28a745;border-color:var(--success-color)}.export-btn{background-color:#28a745;background-color:var(--success-color);border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:background-color .3s ease;width:100%}.export-btn:hover:not(:disabled){background-color:#218838}.export-btn:disabled{background-color:#dee2e6;background-color:var(--border-color);cursor:not-allowed}.app-footer{background-color:#343a40;background-color:var(--dark-color);color:#fff;margin-top:auto;padding:24px;padding:var(--spacing-lg);text-align:center}.app-footer p{font-size:.875rem;font-size:var(--font-size-sm);margin:0;opacity:.8}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.error-message,.success-message{margin-bottom:16px;margin-bottom:var(--spacing-md)}.success-message{background-color:#28a7451a;border:1px solid #28a745;border:1px solid var(--success-color);border-radius:4px;border-radius:var(--border-radius);color:#28a745;color:var(--success-color);font-size:.875rem;font-size:var(--font-size-sm);padding:16px;padding:var(--spacing-md)}@media (max-width:1200px){.workspace{grid-template-columns:1fr;grid-template-rows:auto auto auto}.image-workspace{order:1}.upload-section{order:2}.controls-section{order:3}}@media (max-width:768px){.app-main{padding:16px;padding:var(--spacing-md)}.workspace{gap:16px;gap:var(--spacing-md)}.canvas-container{min-height:300px}.zoom-container{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.export-btn:focus,.tool-btn:focus,.upload-btn:focus,input:focus{outline:2px solid #007bff;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#000;--hover-color:#ccc}.export-btn,.tool-btn,.upload-btn{border-width:2px}}.background-removal-section{background-color:#fff;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.background-controls{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.tool-instructions{background-color:#17a2b8;background-color:var(--info-color);color:#fff;font-size:.875rem;font-size:var(--font-size-sm);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.line-selection-section,.tool-instructions{border-radius:4px;border-radius:var(--border-radius)}.line-selection-section{background-color:#fff;box-shadow:0 2px 4px #0000001a;box-shadow:var(--box-shadow);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.line-tools h4{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);color:#343a40;color:var(--dark-color);font-size:1rem;font-size:var(--font-size-base);margin:24px 0 8px;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;padding-bottom:4px;padding-bottom:var(--spacing-xs)}.line-tools h4:first-child{margin-top:0}.letter-lines-list{background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;border-radius:var(--border-radius);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.letter-line-item{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:4px 0;padding:var(--spacing-xs) 0}.letter-line-item:last-child{border-bottom:none}.remove-btn{align-items:center;background-color:#dc3545;background-color:var(--error-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.remove-btn:hover{background-color:#c82333}.line-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);margin-top:24px;margin-top:var(--spacing-lg);padding-top:16px;padding-top:var(--spacing-md)}.line-overlay{pointer-events:none;z-index:10}.zoom-controls{flex-direction:column;margin-bottom:16px;margin-bottom:var(--spacing-md)}.zoom-controls,.zoom-scale-controls{display:flex;gap:8px;gap:var(--spacing-sm)}.zoom-scale-controls{align-items:center;background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;border-radius:var(--border-radius);padding:8px;padding:var(--spacing-sm)}.zoom-scale-controls input[type=range]{flex:1 1}.zoom-placeholder{align-items:center;background-color:#f8f9fa;background-color:var(--light-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);color:#343a40;color:var(--dark-color);display:flex;font-size:.875rem;font-size:var(--font-size-sm);height:200px;justify-content:center;text-align:center;width:200px}.main-canvas{background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:4px;cursor:crosshair;max-height:600px;max-width:600px;object-fit:contain}.canvas-container{align-items:center;background:var(--background-light);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;display:flex;justify-content:center;max-height:650px;min-height:400px;padding:16px;padding:var(--spacing-md);width:100%}.zoom-instructions{margin-top:16px;margin-top:var(--spacing-md)}.image-bounds-info,.zoom-instructions{background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;border-radius:var(--border-radius);font-size:.875rem;font-size:var(--font-size-sm);padding:8px;padding:var(--spacing-sm)}.image-bounds-info{margin-bottom:16px;margin-bottom:var(--spacing-md)}.coordinate-inputs h4{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);color:#343a40;color:var(--dark-color);font-size:1rem;font-size:var(--font-size-base);margin:24px 0 8px;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;padding-bottom:4px;padding-bottom:var(--spacing-xs)}.coordinate-inputs h4:first-child{margin-top:0}.input-group small{color:#6c757d;font-size:.75rem;margin-top:4px;margin-top:var(--spacing-xs)}.letter-lines-summary{background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;border-radius:var(--border-radius);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.letter-lines-grid{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs);margin-top:8px;margin-top:var(--spacing-sm)}.letter-line-chip{background-color:#007bff;background-color:var(--primary-color);color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-family:var(--font-family-mono);font-size:.875rem;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.coordinate-summary,.letter-line-chip{border-radius:4px;border-radius:var(--border-radius)}.coordinate-summary{background-color:#f8f9fa;background-color:var(--light-color);margin-top:24px;margin-top:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.summary-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-top:8px;margin-top:var(--spacing-sm)}.summary-item{font-size:.875rem;font-size:var(--font-size-sm);padding:4px;padding:var(--spacing-xs)}.export-controls{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.export-validation{background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;border-radius:var(--border-radius);padding:16px;padding:var(--spacing-md)}.validation-list{list-style:none;margin:8px 0 0;margin:var(--spacing-sm) 0 0 0;padding:0}.validation-list li{font-size:.875rem;font-size:var(--font-size-sm);padding:4px 0;padding:var(--spacing-xs) 0}.validation-list li.valid{color:#28a745;color:var(--success-color)}.validation-list li.invalid{color:#dc3545;color:var(--error-color)}.export-actions{display:flex;gap:8px;gap:var(--spacing-sm)}.export-actions .tool-btn{flex:1 1}.export-actions .export-btn{flex:2 1}.validation-errors{background-color:#dc35451a;border:1px solid #dc3545;border:1px solid var(--error-color);border-radius:4px;border-radius:var(--border-radius);color:#dc3545;color:var(--error-color);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.validation-errors ul{margin:8px 0 0;margin:var(--spacing-sm) 0 0 0;padding-left:24px;padding-left:var(--spacing-lg)}.export-info{background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;border-radius:var(--border-radius);font-size:.875rem;font-size:var(--font-size-sm);margin-top:24px;margin-top:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.export-info ul{margin:8px 0 0;margin:var(--spacing-sm) 0 0 0;padding-left:24px;padding-left:var(--spacing-lg)}.export-info li{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.error-boundary{align-items:center;background-color:#f8f9fa;background-color:var(--light-color);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.error-boundary-content{background-color:#fff;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 4px 8px #00000026;box-shadow:var(--box-shadow-lg);max-width:600px;padding:32px;padding:var(--spacing-xl);text-align:center}.error-boundary-content h2{color:#dc3545;color:var(--error-color);margin-bottom:16px;margin-bottom:var(--spacing-md)}.error-details{margin:24px 0;margin:var(--spacing-lg) 0;text-align:left}.error-message{background-color:#dc35451a;border:1px solid #dc3545;border:1px solid var(--error-color);border-radius:4px;border-radius:var(--border-radius);color:#dc3545;color:var(--error-color);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-family:var(--font-family-mono);font-size:.875rem;font-size:var(--font-size-sm);padding:16px;padding:var(--spacing-md);word-break:break-word}.error-stack{margin-top:16px;margin-top:var(--spacing-md)}.error-stack pre{background-color:#343a40;background-color:var(--dark-color);border-radius:4px;border-radius:var(--border-radius);color:#fff;font-size:.875rem;font-size:var(--font-size-sm);overflow-x:auto;padding:16px;padding:var(--spacing-md);white-space:pre-wrap}.error-actions{display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;margin:24px 0;margin:var(--spacing-lg) 0}.error-reload-btn,.error-reset-btn{border:none;border-radius:4px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:500;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .3s ease}.error-reset-btn{background-color:#007bff;background-color:var(--primary-color);color:#fff}.error-reset-btn:hover{background-color:#0056b3}.error-reload-btn{background-color:#dee2e6;background-color:var(--border-color);color:#343a40;color:var(--dark-color)}.error-reload-btn:hover{background-color:#c6c8ca}.error-help{margin-top:24px;margin-top:var(--spacing-lg);text-align:left}.error-help ul{margin:8px 0 0;margin:var(--spacing-sm) 0 0 0;padding-left:24px;padding-left:var(--spacing-lg)}.error-help li{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.file-info{margin-top:4px;margin-top:var(--spacing-xs)}.file-info,.upload-hint{color:#6c757d;font-size:.875rem;font-size:var(--font-size-sm)}.upload-hint{margin:8px 0;margin:var(--spacing-sm) 0}.image-info{background-color:#f8f9fa;background-color:var(--light-color);border-radius:4px;border-radius:var(--border-radius);margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.image-info h4{color:#343a40;color:var(--dark-color);font-size:1rem;font-size:var(--font-size-base);margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.image-info p{font-size:.875rem;font-size:var(--font-size-sm);margin:4px 0;margin:var(--spacing-xs) 0}
/*# sourceMappingURL=main.211df352.css.map*/