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}*,:after,:before{box-sizing:border-box}body{margin:0}.app-page,body{min-height:100vh}.app-page{align-items:flex-start;display:flex;justify-content:center}.app-root{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 24px #00000014;color:#1e293b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:1400px;padding:24px 24px 32px;width:100%}.app-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:18px}h1{color:#1e293b;font-size:1.6rem;letter-spacing:.03em;margin:0}.status{color:#64748b;font-size:.85rem;margin-top:4px}button{border:none;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,opacity .12s ease}button:hover:not(:disabled){box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.btn-primary{background:#f4b818;border:1px solid #e5a80a;border-radius:999px;color:#1e293b;font-size:.9rem;padding:8px 18px}.btn-primary:hover:not(:disabled){background:#e5a80a}.btn-primary .btn-lock-icon{color:#1e293b;margin-right:6px;vertical-align:middle}.btn-ghost{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#475569;font-size:.85rem;padding:6px 14px}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 1px 3px #0000000d;margin-top:16px;padding:16px 16px 20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section-header h2{color:#1e293b;font-size:1.05rem;margin:0}.section-subtitle{color:#64748b;font-size:.82rem;margin:4px 0 0}.section-subtext{color:#64748b;font-size:.82rem;margin:0 0 10px}.controls-row{flex-wrap:wrap;gap:16px;margin-bottom:16px}.controls-group,.controls-row{align-items:center;display:flex}.controls-group{gap:12px}.btn-process{margin-left:auto}@media (max-width:600px){.btn-process{margin-left:0;width:100%}}.file-input-label{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-size:.85rem;gap:8px;padding:7px 14px;position:relative}.file-input-label:before{content:"📁";font-size:.9rem}.file-input-label input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.clahe-option{align-items:center;color:#334155;cursor:pointer;display:inline-flex;font-size:.85rem;gap:8px}.clahe-option input[type=checkbox]{accent-color:#f4b818;cursor:pointer;height:18px;width:18px}.preview-layout{display:flex;gap:16px;justify-content:center}.panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;max-width:1200px;overflow:hidden;width:100%}.panel h3{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.9rem;margin:0;padding:10px 12px 6px}.panel-body{padding:10px 12px 12px}.input-preview{background:#f1f5f9;border-radius:10px;max-height:260px;max-width:100%;object-fit:contain}.output-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.output-label{font-size:.9rem;font-weight:600}.output-counter{font-size:.8rem;opacity:.7}.output-image-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.output-image{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;max-height:700px;max-width:100%}.output-tip{font-size:.78rem;opacity:.8}.scanning-overlay{border-radius:12px;bottom:0;overflow:hidden;pointer-events:none}.scanning-line,.scanning-overlay{left:0;position:absolute;right:0;top:0}.scanning-line{animation:scan 2s linear infinite;background:linear-gradient(90deg,#0000,#22c55ecc,#22c55e,#22c55ecc,#0000);box-shadow:0 0 20px #22c55e99;height:4px}@keyframes scan{0%{opacity:1;transform:translateY(0)}to{opacity:.3;transform:translateY(700px)}}.output-nav{display:flex;gap:10px;justify-content:center;margin-top:12px}.no-output{color:#64748b;font-size:.85rem}.modal-backdrop{align-items:center;background:#f8fafce6;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 20px 40px #0000001f;flex-direction:column;max-height:90vh;padding:16px;position:relative}.modal-content,.modal-image-container{align-items:center;display:flex;max-width:90vw}.modal-image-container{background:#f8fafc;border-radius:12px;justify-content:center;max-height:70vh;overflow:auto}.modal-image{border-radius:12px;cursor:grab;max-height:none;max-width:none;transition:transform .1s ease}.modal-image:active{cursor:grabbing}.modal-controls{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-top:12px;padding:8px}.zoom-level{min-width:50px;text-align:center}.modal-caption,.zoom-level{color:#334155;font-size:.85rem}.modal-caption{margin-top:8px}.modal-close{background:#0000;box-shadow:none;color:#64748b;cursor:pointer;font-size:1.4rem;padding:0 6px;position:absolute;right:10px;top:8px}.pattern-layout{display:flex;justify-content:flex-start;margin-top:8px}.pattern-grid-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 12px 14px;width:100%}.pattern-grid-card h3{font-size:.9rem;margin:0 0 8px}.cell-grid{grid-column-gap:26px;grid-row-gap:18px;column-gap:26px;display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 6px;max-width:100%;row-gap:18px;width:380px}.cell-row{align-items:center;display:flex;gap:10px}.cell{aspect-ratio:1/1;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;max-width:100%;position:relative;width:110px}.cell-preview{align-items:center;background:#fff;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.cell-preview img{max-height:88%;max-width:88%;object-fit:contain}.cell-empty{color:#6b7280;font-size:.75rem}.cell-clear{background:#ef4444;border:none;border-radius:50%;box-shadow:0 1px 4px #0006;color:#fff;font-size:14px;height:22px;position:absolute;right:4px;top:4px;width:22px}.cell-clear,.cell-dropdown{align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:center;line-height:1}.cell-dropdown{background:#f4b818;border:1px solid #e5a80a;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#1e293b;font-size:20px;height:32px;width:32px}.cell-dropdown:hover{background:#e5a80a}.pattern-actions{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-top:12px}.client-id-display{font-size:.9rem}.picker-backdrop{align-items:center;background:#f8fafce6;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.picker-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;bottom:135px;box-shadow:0 20px 40px #0000001f;box-sizing:border-box;color:#1e293b;display:flex;flex-direction:column;left:50%;margin-left:-210px;max-height:80vh;max-width:420px;padding:16px;position:fixed;width:90vw}.picker-header{align-items:center;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:10px}.picker-close{background:#0000;border:none;box-shadow:none;color:#64748b;cursor:pointer;font-size:1.4rem;line-height:1}.icon-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:2px;overflow-y:auto;padding-right:2px}.icon-grid-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:6px}.icon-grid-item img{background:#fff;height:80px;object-fit:contain;width:100%}.icon-grid-item:hover{border-color:#3b82f6;box-shadow:0 0 0 1px #93c5fd}.roi-pagination{align-items:center;display:flex;gap:12px}.roi-page-info{color:#64748b;font-size:.85rem;min-width:60px;text-align:center}.detected-objects-guide{color:#64748b;font-size:.85rem;line-height:1.5;margin:0 0 12px}.detected-objects-guide strong{color:#334155}.detected-objects-layout{display:flex;flex-direction:column;gap:20px;margin-top:12px}.detected-roi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:4px}.detected-roi-cell{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;min-height:180px;padding:12px;transition:transform .12s ease,box-shadow .12s ease}.detected-roi-cell:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.detected-roi-image{background:#f1f5f9;border-radius:8px;cursor:zoom-in;flex:1 1;min-height:120px;object-fit:contain;width:100%}.detected-roi-label{align-items:center;color:#334155;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;justify-content:center;margin-top:10px;text-align:center}.roi-number{color:#64748b;font-size:.7rem;font-weight:500}.roi-loading{color:#22c55e;font-size:.8rem;margin-left:4px}.btn-edit-grid{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #22c55e80;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;font-size:.8rem;font-weight:700;padding:5px 12px}.btn-edit-grid:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66}.btn-sm{font-size:.75rem;padding:4px 10px}.roi-image-wrapper{position:relative;width:100%}.grid-line{background:#22c55ecc;cursor:col-resize;position:absolute;transition:background .15s;z-index:10}.grid-line:hover{background:#22c55e}.grid-line-v{cursor:col-resize;height:100%;top:0;transform:translateX(-50%);width:4px}.grid-line-h{cursor:row-resize;height:4px;left:0;transform:translateY(-50%);width:100%}.detected-roi-empty{align-items:center;color:#6b7280;display:flex;flex:1 1;font-size:1.5rem;justify-content:center}.cropped-images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:12px}.cropped-image-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:12px;transition:transform .12s ease,box-shadow .12s ease}.cropped-image-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.cropped-image{background:#f1f5f9;border-radius:8px;cursor:zoom-in;height:300px;object-fit:contain;width:100%}.cropped-image-label{color:#334155;font-size:1rem;font-weight:600;margin-top:12px;text-align:center}@media (max-width:900px){.preview-layout{grid-template-columns:minmax(0,1fr)}.pattern-layout{justify-content:center}.cell-grid{margin-left:auto;margin-right:auto}.detected-roi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.detected-roi-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.82a59e88.css.map*/