#root{max-width:100%;margin:0 auto;text-align:center}.app-container{display:flex;flex-direction:row}.line{width:100%;height:1px;background-color:#ccc}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}.tool-bar{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em}.input-section{display:flex;flex-direction:column;gap:1rem;padding:24px;align-items:flex-start;width:30vw;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;box-sizing:border-box;border-right:2px solid #ccc;background-color:#fff;box-shadow:4px 0 12px rgba(0,0,0,.1);z-index:1000;transition:transform .3s ease-in-out}.input-section>[data-slot=tabs]{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;min-width:0}.input-section .input-tabs-list{border-radius:24px;background-color:#eee;align-items:center;justify-content:center;padding-top:6px;padding-bottom:6px;position:sticky;top:0;z-index:10}.input-section .input-tabs-list .input-tab-trigger{border-radius:16px;transition:all .05s ease-in-out!important}.input-section .input-tabs-list .input-tab-trigger[data-selected]{background-color:#fff!important;color:#666!important;box-shadow:none!important}.input-section .input-tabs-list .input-tab-trigger:active,.input-section .input-tabs-list .input-tab-trigger:hover{background-color:#ddd!important;color:#333!important;box-shadow:none!important}@media(max-width:768px){.input-section{width:280px;transform:translateX(-100%)}.input-section.sidebar-open{transform:translateX(0)}}@media(max-width:480px){.input-section{width:100vw}}.input-section [data-slot=tabs-list]{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:wrap;min-width:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.input-section [data-slot=tabs-list]::-webkit-scrollbar{height:4px}.input-section [data-slot=tabs-list]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.input-section [data-slot=tabs-list]::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px}.input-section [data-slot=tabs-content]{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.image-preview{flex:1;width:100%;max-width:100%}.image-preview img{max-width:100%}.input-controls{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0;gap:1rem;width:100%}.input-controls .image-upload-container{flex-shrink:0;width:100%;max-width:100%}.image-input{font-size:1rem}.image-input,.prompt-input{padding:.75rem;border:2px solid #ccc;border-radius:16px}.prompt-input{width:100%;font-size:.9rem;background-color:#fff;color:#333;transition:border-color .2s ease}.prompt-input:focus{outline:none;border-color:#666}.prompt-input::placeholder{color:#999}.prompt-display{width:100%;min-height:40px;resize:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;font-family:inherit;line-height:1.5;background-color:#f9f9f9}.submit-button{width:100%;padding:.75rem;background-color:#fff;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.submit-button:hover{background-color:#999;color:#eee}.action-button{border-radius:12px!important;background-color:#fff!important;color:#333!important;border:2px solid #ccc!important;padding:12px 24px!important;font-size:14px!important;cursor:pointer;font-weight:500}.action-button:hover{background-color:#f0f0f0!important;border-color:#999!important}.action-button:active{background-color:#e8e8e8!important;border-color:#888!important}.action-button:disabled{opacity:.6!important;cursor:not-allowed}.action-button:disabled:hover{transform:none!important;box-shadow:none!important}.image-select{padding:.75rem;border:2px solid #666;border-radius:4px;font-size:1rem;color:#666}.line{border:1px solid #a3a3a3}.hamburger-menu{display:none;position:fixed;top:16px;left:24px;z-index:1001;width:48px;height:48px;border:2px solid #ccc;cursor:pointer;padding:8px;border-radius:16px;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width:768px){.hamburger-menu{display:block}}.hamburger-menu .hamburger-lines{display:flex;flex-direction:column;gap:3px;width:20px;height:16px}.hamburger-menu .hamburger-lines .line{width:100%;height:2px;background-color:#333;border:none;transition:all .3s ease}.hamburger-menu:hover{background-color:#eee;transition:all .2s ease-in-out}.hide-sidebar-button{display:none;align-items:center;gap:8px;padding:10px 16px;background-color:#fff;border:2px solid #ccc;border-radius:16px;cursor:pointer;font-size:.9rem;color:#333;transition:all .2s ease;width:100%;justify-content:center}@media(max-width:768px){.hide-sidebar-button{display:flex}}.hide-sidebar-button:hover{background-color:#f0f0f0;border-color:#999}.hide-sidebar-button:active{background-color:#e8e8e8}.hide-sidebar-button svg{font-size:20px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:999}@media(max-width:768px){.sidebar-overlay.overlay-visible{display:block}}.example-dropdown-container{margin-bottom:1.5rem}.example-dropdown-trigger{width:100%;padding:.75rem;border:2px solid #ccc;border-radius:16px;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .2s ease;text-align:left;display:flex;align-items:center;justify-content:space-between}.example-dropdown-trigger:focus{outline:none;border-color:#ccc}.example-dropdown-trigger:hover{border-color:#666}.example-dropdown-trigger .dropdown-arrow-icon{flex-shrink:0}.example-dropdown-trigger[data-state=open] .dropdown-arrow-icon{transform:rotate(180deg)}.example-dropdown-content{border-radius:16px!important}.example-preview{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.example-preview img{max-height:400px;width:auto;object-fit:contain}.checkbox-group input[type=checkbox],.checkbox-options input[type=checkbox]{accent-color:#666;border-color:#666}.checkbox-group input[type=checkbox]:checked,.checkbox-options input[type=checkbox]:checked{background-color:#666;border-color:#666}.radio-group input[type=radio],.radio-options input[type=radio]{accent-color:#666;border-color:#666}.radio-group input[type=radio]:checked,.radio-options input[type=radio]:checked{background-color:#666;border-color:#666}.description-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;border:2px solid #ccc}.description-table thead{background-color:#f4f4f4}.description-table thead th{border-bottom:2px solid #ccc;padding:12px;text-align:left;font-weight:600}.description-table thead th:not(:last-child){border-right:2px solid #ccc}.description-table thead th:first-of-type{border-top-left-radius:14px}.description-table thead th:last-of-type{border-top-right-radius:14px}.description-table tbody{font-family:monospace}.description-table tbody tr:not(:last-child) td{border-bottom:2px solid #ccc}.description-table tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.description-table tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.description-table tbody td{padding:12px;background-color:#fff}.description-table tbody td:not(:last-child){border-right:2px solid #ccc}.description-table tbody tr:hover td{background-color:#fafafa}.example-tab-content{display:flex;flex-direction:column;flex:1 1 auto}.instructions-content{flex:1 1 auto;overflow-y:auto;padding-right:.5rem;padding-left:.5rem;margin-top:.75rem}.instructions-content h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}.instructions-content h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#333}.instructions-content p,.instructions-content ul{margin-bottom:1rem;line-height:1.6;color:#555}.instructions-content ul{margin-left:1.5rem}.instructions-content ul li{margin-bottom:.5rem}.instructions-content ul li strong{color:#333;font-weight:600}.api-keys-content{flex:1 1 auto;overflow-y:auto;padding-right:.5rem;padding-left:.5rem;margin-top:.75rem}.api-keys-content h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}.api-keys-content p{line-height:1.6;color:#555}.api-keys-content .api-key-input-group,.api-keys-content p{margin-bottom:1.5rem}.api-keys-content .api-key-input-group label{display:block;margin-bottom:.5rem;font-size:.95rem;color:#333}.api-keys-content .api-key-input-group label strong{font-weight:600}.api-keys-content .api-key-input-group label .api-key-hint{font-weight:400;color:#666;font-size:.85rem;margin-left:.5rem}.api-keys-content .api-key-input-group .api-key-input{width:100%;padding:.75rem;border:2px solid #ccc;border-radius:16px;font-size:.9rem;font-family:monospace;background-color:#fff;color:#333;transition:border-color .2s ease}.api-keys-content .api-key-input-group .api-key-input:focus{outline:none;border-color:#666}.api-keys-content .api-key-input-group .api-key-input::placeholder{color:#999}.api-keys-content .api-keys-note{margin-top:2rem;padding:1rem;background-color:#f9f9f9;border-radius:8px;border-left:3px solid #666}.api-keys-content .api-keys-note p{margin:0;font-size:.85rem;line-height:1.5;color:#555}.api-keys-content .api-keys-note p strong{color:#333;font-weight:600}.input-footer{margin-top:auto;padding-top:1rem;padding-bottom:1rem;border-top:1px solid #eee;font-size:.85rem;color:#666;flex-shrink:0;background-color:#fff;width:100%}.input-footer a{color:#333;font-weight:500;text-decoration:underline;text-underline-offset:2px}.input-footer a:hover{color:#000}.image-upload-container{width:100%;max-width:100%;margin:0;border:2px solid #ccc;border-radius:24px;background:#fff;overflow:hidden;box-sizing:border-box}.image-upload-container .upload-methods .method-tabs{display:flex;background:#f7f7f7;border-bottom:1px solid #ccc}.image-upload-container .upload-methods .method-tabs .method-tab{flex:1;padding:12px 16px;background:rgba(0,0,0,0);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border:none;border-bottom:2px solid rgba(0,0,0,0)}.image-upload-container .upload-methods .method-tabs .method-tab:hover{background:#eee;color:#334155}.image-upload-container .upload-methods .method-tabs .method-tab.active{color:#8a8a8a;border-bottom-color:#ccc;background:#fff}.image-upload-container .upload-methods .upload-content{padding:12px}.image-upload-container .upload-methods .upload-content .file-upload-area{border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff}.image-upload-container .upload-methods .upload-content .file-upload-area:hover{border-color:#ccc;background:#eee}.image-upload-container .upload-methods .upload-content .file-upload-area.drag-over{border-color:#ccc;background:#eee;transform:scale(1.02)}.image-upload-container .upload-methods .upload-content .file-upload-area .upload-icon{font-size:48px;margin-bottom:16px}.image-upload-container .upload-methods .upload-content .file-upload-area .upload-text{font-size:16px;font-weight:500;color:#666;margin-bottom:8px}.image-upload-container .upload-methods .upload-content .file-upload-area .upload-hint{font-size:14px;color:#999}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group{display:flex;align-items:center;gap:12px}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group .url-input{flex:1;padding:8px 12px;border:2px solid #ccc;border-radius:16px;font-size:14px}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group .url-input:focus{outline:none;border-color:#999}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group .url-input::placeholder{color:#9ca3af}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group .url-submit-btn{padding:12px 24px;background:#333;color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group .url-submit-btn:hover:not(:disabled){background:#000}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group .url-submit-btn:disabled{background:#ccc;cursor:not-allowed}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-start{text-align:center;padding:40px 20px}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-start .camera-icon{font-size:48px;margin-bottom:16px}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-start .camera-text{font-size:16px;font-weight:500;color:#666;margin-bottom:24px}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-start .camera-start-btn{padding:12px 24px;background:#333;color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-start .camera-start-btn:hover{background:#000}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-video{width:100%;max-width:400px;height:300px;border-radius:8px;background:#000;display:block;margin:0 auto 16px}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls{display:flex;justify-content:center;gap:12px}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls .capture-btn{padding:6px 12px;background:#0e854a;color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls .capture-btn:hover{background:#059669}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls .cancel-btn{padding:6px 12px;background:#d30000;color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls .cancel-btn:hover{background:#b30000}.image-upload-container .image-preview-section{border-top:1px solid #ccc;background:#fff}.image-upload-container .image-preview-section .preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ccc}.image-upload-container .image-preview-section .preview-header h4{margin:0;font-size:16px;font-weight:600;color:#666}.image-upload-container .image-preview-section .preview-header .clear-btn{padding:6px 12px;background:#d30000;color:#fff;border:none;border-radius:16px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.image-upload-container .image-preview-section .preview-header .clear-btn:hover{background:#b30000}.image-upload-container .image-preview-section .image-preview{padding:16px;text-align:center}.image-upload-container .image-preview-section .image-preview img{max-width:100%;max-height:400px;object-fit:contain}@media(max-width:640px){.image-upload-container .upload-methods .method-tabs .method-tab{padding:10px 12px;font-size:13px}.image-upload-container .upload-methods .upload-content{padding:16px}.image-upload-container .upload-methods .upload-content .file-upload-area{padding:30px 16px}.image-upload-container .upload-methods .upload-content .file-upload-area .upload-icon{font-size:40px}.image-upload-container .upload-methods .upload-content .file-upload-area .upload-text{font-size:14px}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group{flex-direction:column}.image-upload-container .upload-methods .upload-content .url-upload-area .url-input-group .url-submit-btn{width:100%}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-video{height:250px}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls{flex-direction:column}.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls .cancel-btn,.image-upload-container .upload-methods .upload-content .camera-upload-area .camera-capture .camera-controls .capture-btn{width:100%}.image-upload-container .image-preview-section .preview-header{padding:12px 16px}.image-upload-container .image-preview-section .preview-header h4{font-size:14px}.image-upload-container .image-preview-section .image-preview{padding:16px}}.model-select{padding:.75rem;border:2px solid #a3a3a3;border-radius:4px;font-size:1rem}.detail-summary-header h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.representation-type-buttons{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.representation-btn{padding:8px 16px;border:2px solid #e0e0e0;border-radius:16px;background-color:#f8f9fa;color:#495057;font-size:14px;font-weight:500;cursor:pointer;transition:all .1s ease-in-out;white-space:nowrap;width:100%}.representation-btn:hover{background-color:#eee;border-color:#999}.representation-btn.active{background-color:#ccc;border-color:#999;color:#fff}.representation-btn.active:hover{background-color:#999;border-color:#999}.representation-btn:focus{outline:none}.react-markdown ul{list-style-type:disc;margin-left:20px;margin-bottom:16px}.react-markdown ul li{margin-bottom:8px;line-height:1.5}.react-markdown ol{list-style-type:decimal;margin-left:20px;margin-bottom:16px}.react-markdown ol li{margin-bottom:8px;line-height:1.5}.react-markdown p{margin-bottom:12px;line-height:1.5}.react-markdown strong{font-weight:700}.react-markdown em{font-style:italic}.react-markdown h1,.react-markdown h2,.react-markdown h3,.react-markdown h4,.react-markdown h5,.react-markdown h6{margin-top:20px;margin-bottom:12px;font-weight:700}.react-markdown h1{font-size:1.5em}.react-markdown h2{font-size:1.3em}.react-markdown h3{font-size:1.2em}.react-markdown h4{font-size:1.1em}.react-markdown h5{font-size:1em}.react-markdown h6{font-size:.9em}.description-table,.variation-aware-table,.variation-summary-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;border:2px solid #ccc;margin-bottom:16px}.description-table thead,.variation-aware-table thead,.variation-summary-table thead{background-color:#f4f4f4}.description-table thead th,.variation-aware-table thead th,.variation-summary-table thead th{border-bottom:2px solid #ccc;padding:12px;text-align:left;font-weight:600}.description-table thead th:not(:last-child),.variation-aware-table thead th:not(:last-child),.variation-summary-table thead th:not(:last-child){border-right:2px solid #ccc}.description-table thead th:first-of-type,.variation-aware-table thead th:first-of-type,.variation-summary-table thead th:first-of-type{border-top-left-radius:14px}.description-table thead th:last-of-type,.variation-aware-table thead th:last-of-type,.variation-summary-table thead th:last-of-type{border-top-right-radius:14px}.description-table tbody,.variation-aware-table tbody,.variation-summary-table tbody{font-family:monospace}.description-table tbody tr:not(:last-child) td,.variation-aware-table tbody tr:not(:last-child) td,.variation-summary-table tbody tr:not(:last-child) td{border-bottom:2px solid #ccc}.description-table tbody tr:last-child td:first-child,.variation-aware-table tbody tr:last-child td:first-child,.variation-summary-table tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.description-table tbody tr:last-child td:last-child,.variation-aware-table tbody tr:last-child td:last-child,.variation-summary-table tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.description-table tbody td,.variation-aware-table tbody td,.variation-summary-table tbody td{padding:12px;background-color:#fff}.description-table tbody td:not(:last-child),.variation-aware-table tbody td:not(:last-child),.variation-summary-table tbody td:not(:last-child){border-right:2px solid #ccc}.description-table tbody tr:hover td,.variation-aware-table tbody tr:hover td,.variation-summary-table tbody tr:hover td{background-color:#fafafa}.toggle-button{border:1px solid #9f9f9f;border-radius:8px;text-transform:none!important}.app-bar,.toggle-button{background-color:#f4f4f4}.app-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:start;padding:12px;border:2px solid #ccc;backdrop-filter:blur(4px);box-shadow:0 12px 12px rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(16px);box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:16px;gap:16px}.app-bar-left{flex-shrink:0}.app-bar-center{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px;flex:1;justify-content:center}.app-bar-right{flex-shrink:0}.control-group{display:flex;flex-direction:row;align-items:center;gap:8px}.control-label{font-size:14px;font-weight:500;color:#374151;white-space:nowrap}.confidence-control{display:flex;flex-direction:row;align-items:center;gap:8px}.confidence-slider{width:120px;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none}.confidence-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.confidence-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.confidence-value{font-size:12px;font-weight:600;color:#000;min-width:35px;text-align:center}.dropdown-trigger{padding:6px 12px;border:1px solid #666;border-radius:6px;background-color:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:left}.dropdown-trigger:hover{background-color:#f9fafb;border-color:#9ca3af}.dropdown-trigger:focus{outline:none;border-color:#666;box-shadow:0 0 0 3px hsla(0,0%,40%,.1)}.app-bar-right button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.app-bar-right button:hover{background-color:#f9fafb;border-color:#9ca3af}.app-bar-right button:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.display-options{display:flex;flex-direction:row;gap:16px;align-items:center;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;font-size:14px;color:#374151;cursor:pointer;white-space:normal}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#666;border-color:#666}