:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.mode-toggle{display:flex;gap:0;margin-bottom:1.5rem;border:1px solid #ccc;border-radius:6px;padding:2px;background:#f5f5f5;width:fit-content;margin-left:auto;margin-right:auto}.mode-toggle-btn{padding:.5rem 1rem;font-size:.95rem;border:none;border-radius:4px;background:transparent;cursor:pointer;color:#555}.mode-toggle-btn-active{background:#fff;color:#111;box-shadow:0 1px 2px #00000014}.upload-section{margin-bottom:2rem;text-align:center}.gallery-loading{color:#888;font-size:.9rem;margin-top:1rem}.gallery{margin-top:1rem}.gallery-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.gallery-upload-tile{width:80px;height:80px;border:2px dashed #ccc;border-radius:8px;background:#fafafa;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:0;transition:border-color .15s ease,background .15s ease}.gallery-upload-tile:hover:not(:disabled){border-color:#999;background:#f0f0f0}.gallery-upload-tile:disabled{opacity:.5;cursor:not-allowed}.gallery-upload-icon{font-size:1.5rem;line-height:1;color:#999}.gallery-upload-label{font-size:.65rem;color:#999}.gallery-tile-wrap{position:relative;width:80px;height:80px}.gallery-tile-delete{position:absolute;top:2px;right:2px;z-index:1;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#000000a6;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.gallery-tile-delete:hover:not(:disabled){background:#b40000e6}.gallery-tile-delete:disabled{opacity:.6;cursor:not-allowed}.gallery-tile{position:relative;width:80px;height:80px;padding:0;border:3px solid transparent;border-radius:8px;background:#f0f0f0;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.gallery-tile:hover:not(:disabled){border-color:#0078c866}.gallery-tile:disabled{opacity:.6;cursor:not-allowed}.gallery-tile--selected{border-color:#078;box-shadow:0 0 0 2px #0077884d}.gallery-thumb{width:100%;height:100%;object-fit:cover;display:block}.gallery-tile-time{position:absolute;bottom:0;left:0;right:0;font-size:.6rem;color:#fff;background:#0000008c;padding:2px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analyze-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.analyze-button{padding:.45rem 1.2rem;font-size:.95rem;border-radius:6px;border:none;background:#333;color:#fff;cursor:pointer;transition:background .15s ease}.analyze-button:hover:not(:disabled){background:#111}.analyze-button:disabled{opacity:.55;cursor:not-allowed}.upload-preview-wrap{margin-top:1rem;display:flex;justify-content:center}.upload-preview-wrap .preview-wrap{margin-top:0}.upload-board-summary{margin-top:1rem;min-height:7rem}.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.upload-button{margin-top:.5rem}.model-selector{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:.85rem}.model-selector-label{color:#666}.model-selector-select{font-size:.85rem;padding:.2rem .4rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.model-selector-select:disabled{opacity:.5;cursor:not-allowed}.upload-error{color:#c00;margin-top:.5rem}.analysis-cache-hint{margin:.5rem 0 0;font-size:.85rem;color:#666}.analysis-cache-hint-with-invalidate{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.invalidate-cache-btn{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;border:1px solid #999;background:#f5f5f5;color:#333;cursor:pointer}.invalidate-cache-btn:hover:not(:disabled){background:#e8e8e8;border-color:#666}.invalidate-cache-btn:disabled{opacity:.7;cursor:not-allowed}.confirm-correct-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;margin-bottom:.75rem;justify-content:center}.confirm-correct-label{font-size:.9rem;color:#444}.confirm-correct-btn{padding:.35rem .9rem;font-size:.9rem;border-radius:6px;border:1px solid #078;background:transparent;color:#078;cursor:pointer}.confirm-correct-btn:hover:not(:disabled){background:#0077881a}.confirm-correct-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-success{margin:.5rem 0 .75rem;font-size:.9rem;color:#066}.confirm-error{margin:.5rem 0 .75rem;font-size:.9rem;color:#c00}.box-instruction{margin-top:1rem;text-align:left;max-width:28rem;margin-left:auto;margin-right:auto}.box-instruction-main{margin:0 0 .25rem;font-size:.9rem;color:#333}.box-instruction-nudge{margin:0;font-size:.85rem;color:#666}.analyze-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.analyze-actions-hint{font-size:.85rem;color:#666}.image-result{margin-top:1rem;text-align:left;max-width:24rem;margin-left:auto;margin-right:auto}.card-list{list-style:none;padding:0;font-size:.9rem;max-height:12rem;overflow-y:auto}.card-list-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;border-bottom:1px solid #eee}.card-list-num{flex-shrink:0;width:1.5rem;color:#666}.card-list-label{flex:1;text-align:left}.card-list-card{flex:1;display:flex;align-items:center;min-width:0}.card-list-add-select-wrap{min-width:12rem}.card-list-delete{flex-shrink:0;padding:.2rem .5rem;font-size:.8rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.card-list-delete:hover{background:#f5f5f5}.card-list-add{margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.card-list-add label{font-size:.9rem;color:#555}.card-list-add-select{padding:.35rem .5rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;min-width:10rem}.board-summary{min-height:7rem}.visual-section{margin-top:2rem}.visual-instruction{margin-bottom:1rem;color:#555;font-size:.95rem}.clear-cards-wrap{margin-bottom:1rem}.clear-cards-btn{padding:.35rem .75rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.clear-cards-btn:hover{background:#f5f5f5}.set-visual-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:56rem;margin-left:auto;margin-right:auto}.set-visual-card{padding:0;border:3px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.set-visual-card img{display:block}.set-visual-card:hover{border-color:#0078c866}.set-visual-card--selected{border-color:#078;box-shadow:0 0 0 2px #0077884d}.set-visual-card--selected:hover{border-color:#078;box-shadow:0 0 0 2px #00778880}.manual-section{margin-top:2rem}.preview-wrap{position:relative;margin-top:1rem;display:inline-block;max-width:100%}.preview-image{display:block;max-width:100%;max-height:320px;width:auto;height:auto;border-radius:8px;border:1px solid #ddd}.preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#00000080;border-radius:8px;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .8s linear infinite}.spinner-label{font-size:.9rem}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.bbox-overlay{position:absolute;inset:0;pointer-events:none}.bbox-overlay-editable{pointer-events:auto}.bbox-box{position:absolute;border:2px solid rgba(0,200,100,.9);background:#00c86426;box-sizing:border-box;display:flex;align-items:flex-end;padding:2px;cursor:default}.bbox-overlay-editable .bbox-box{cursor:pointer}.bbox-box-selected{border-color:#ffc800f2;background:#ffc80033;box-shadow:0 0 0 1px #ffc80080}.bbox-handle{position:absolute;z-index:1;background:transparent}.bbox-handle-n{top:0;left:8px;right:8px;height:8px;cursor:n-resize}.bbox-handle-s{bottom:0;left:8px;right:8px;height:8px;cursor:s-resize}.bbox-handle-e{top:8px;bottom:8px;right:0;width:8px;cursor:e-resize}.bbox-handle-w{top:8px;bottom:8px;left:0;width:8px;cursor:w-resize}.bbox-handle-nw{top:0;left:0;width:12px;height:12px;cursor:nw-resize}.bbox-handle-ne{top:0;right:0;width:12px;height:12px;cursor:ne-resize}.bbox-handle-sw{bottom:0;left:0;width:12px;height:12px;cursor:sw-resize}.bbox-handle-se{bottom:0;right:0;width:12px;height:12px;cursor:se-resize}.bbox-label{font-size:.6rem;line-height:1.1;color:#fff;background:#000000b3;padding:1px 4px;border-radius:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.bbox-draw-preview{position:absolute;border:2px dashed rgba(0,200,100,.9);background:#00c8641a;box-sizing:border-box;pointer-events:none}.fix-detection-button{margin-top:.5rem}.fix-detection-form{margin-top:1rem}.fix-detection-form h3{margin:0 0 .5rem;font-size:1rem}.fix-hint{margin:0 0 .75rem;font-size:.85rem;color:#666}.fix-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.fix-actions-inline{flex-direction:row}.fix-action-btn{padding:.4rem .75rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.fix-action-btn:disabled{opacity:.6;cursor:not-allowed}.fix-action-btn-primary{background:#333;color:#fff;border-color:#333}.set-board{--set-board-width: 3;width:fit-content;display:grid;grid-template-columns:repeat(var(--set-board-width),1fr);gap:20px;justify-items:center;align-items:start;margin-left:auto;margin-right:auto;margin-bottom:1rem}.set-board-cell{display:flex;justify-content:center;align-items:center;min-width:0}.set-board-cell img{max-width:100%;height:auto}.set-board-cell-btn{padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer;font:inherit}.set-board-cell-btn:hover{outline:2px solid rgba(0,120,200,.5);outline-offset:2px}.set-board-cell-btn:focus-visible{outline:2px solid rgba(0,120,200,.8);outline-offset:2px}.set-board-add-cell{min-width:0;width:100%;aspect-ratio:90 / 60;padding:0;border:2px dashed #ccc;border-radius:8px;background:#fafafa;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font:inherit;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.set-board-add-cell:hover{border-color:#999;background:#f0f0f0}.set-board-add-cell:focus-visible{outline:2px solid rgba(0,120,200,.8);outline-offset:2px}.set-board-add-icon{font-size:1.5rem;line-height:1;color:#999}.set-board-add-label{font-size:.65rem;color:#999}.sets-found{margin-bottom:.5rem}.sets-found-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.sets-found-toggle{padding:.35rem .65rem;font-size:.85rem;border:1px solid #078;border-radius:4px;background:#fff;color:#078;cursor:pointer}.sets-found-toggle:hover{background:#00778814}.sets-found-list{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.sets-found-row{display:flex;gap:.5rem;justify-content:center;align-items:center}.sets-found-card{display:inline-block;padding:0;border:3px solid transparent;border-radius:8px;line-height:0;width:80px;height:calc(80px * 60 / 90);flex-shrink:0}.card-edit-dialog{padding:0;border:1px solid #ccc;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:min(360px,calc(100vw - 2rem))}.card-edit-dialog::backdrop{background:#0006}.card-edit-content{padding:1.25rem 1.5rem}.card-edit-title{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.card-edit-attr{margin-bottom:1rem}.card-edit-attr-label{display:block;font-size:.8rem;font-weight:600;color:#444;margin-bottom:.35rem}.card-edit-attr-options{display:flex;flex-wrap:wrap;gap:.35rem}.card-edit-opt{min-height:44px;padding:.4rem .75rem;font-size:.9rem;border:2px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}.card-edit-opt:hover{border-color:#999;background:#f5f5f5}.card-edit-opt--selected{border-color:#078;background:#0077881a}.card-edit-opt:focus-visible{outline:2px solid rgba(0,120,200,.8);outline-offset:2px}.card-edit-error{margin:0 0 .75rem;font-size:.9rem;color:#b00}.card-edit-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #eee}.card-edit-btn{min-height:44px;padding:.5rem 1.25rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.card-edit-btn-primary{border:none;background:#078;color:#fff}.card-edit-btn-primary:hover{background:#066}.card-edit-btn-primary:focus-visible{outline:2px solid rgba(0,120,200,.8);outline-offset:2px}.card-edit-btn-secondary{border:2px solid #ccc;background:#fff;color:#333}.card-edit-btn-secondary:hover{border-color:#999;background:#f5f5f5}.card-edit-btn-secondary:focus-visible{outline:2px solid rgba(0,120,200,.8);outline-offset:2px}.card-edit-btn-danger{border:2px solid #b00;background:#fff;color:#b00}.card-edit-btn-danger:hover{background:#fdd;border-color:#800;color:#800}.card-edit-btn-danger:focus-visible{outline:2px solid rgba(180,0,0,.8);outline-offset:2px}