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}body{background-color:#f9fafb;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}#app-container{margin:0 auto;max-width:100%;padding:20px}#top-bar{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;font-size:1.5rem;font-weight:600;margin-bottom:30px;padding:15px;text-align:center}#main-content{display:flex;gap:20px;height:calc(100vh - 150px)}#upload-section{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;box-sizing:border-box;display:flex;flex:0 0 20%;flex-direction:column;gap:20px;padding:24px;transition:box-shadow .3s ease}#upload-section:hover{box-shadow:0 6px 20px #00000014}.uploaded-image-container{align-items:center;background-color:#f3f4f6;border:2px dashed #9ca3af;border-radius:12px;display:flex;height:240px;justify-content:center;transition:background-color .2s ease;width:100%}.uploaded-image-container:hover{background-color:#e5e7eb}.uploaded-image{border-radius:10px;max-height:100%;max-width:100%;object-fit:contain}.placeholder{color:#6b7280;font-size:.95rem;padding:8px;text-align:center}.upload-form{display:flex;flex-direction:column;gap:12px}.upload-form input[type=file]{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px}.upload-form input[type=file]::file-selector-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 12px}.upload-form input[type=file]::file-selector-button:hover{background-color:#2563eb}.upload-form button{background-color:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;transition:background-color .3s ease}.upload-form button:hover{background-color:#2563eb}#search-results-section{grid-gap:20px;box-sizing:border-box;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(3,1fr);height:100%}.search-result-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.search-result-item:hover{box-shadow:0 4px 16px #0000001a;transform:scale(1.02)}.result-image{border-radius:8px;height:100%;object-fit:contain;width:100%}.search-mode-toggle{align-items:center;display:flex;gap:1rem;margin:1rem 0}.toggle-switch{cursor:pointer;display:inline-block;height:22px;position:relative;width:40px}.toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-switch-label{background-color:#ccc;border-radius:22px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .3s}.toggle-switch-label:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:transform .3s;width:16px}.toggle-switch input[type=checkbox]:checked+.toggle-switch-label{background-color:#3b82f6}.toggle-switch input[type=checkbox]:checked+.toggle-switch-label:before{transform:translateX(18px)}.toggle-wrapper{align-items:center;display:inline-flex;gap:8px}.mode-option{border:2px solid #ccc;border-radius:2rem;cursor:pointer;padding:.5rem 1rem;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mode-option input[type=radio]{display:none}.mode-option.selected{background-color:#4caf50;border-color:#4caf50;color:#fff}@media (max-width:768px){#main-content{flex-direction:column;height:auto}#upload-section{flex:none;padding:16px;width:100%}#search-results-section{gap:16px;grid-template-columns:repeat(2,1fr)}.uploaded-image-container{height:180px}.upload-form input[type=file]{font-size:.95rem}.upload-form button{font-size:1rem;padding:10px}.result-limit-slider label,.toggle-text{font-size:.95rem}.mode-option{font-size:.9rem;padding:.4rem .8rem}#top-bar{font-size:1.25rem;padding:12px}.instructions{font-size:.9rem}}@media (max-width:480px){#search-results-section{grid-template-columns:1fr}.uploaded-image-container{height:160px}.upload-form button{font-size:.95rem}}
/*# sourceMappingURL=main.aa8d7292.css.map*/