.grid[data-v-9e75b49f]{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.grid .cell[data-v-9e75b49f]{border:3px solid black;border-radius:8px;aspect-ratio:3/2;display:grid;place-items:center;box-sizing:border-box;overflow:hidden;position:relative}.grid .cell img[data-v-9e75b49f]{width:100%;height:100%;object-fit:cover;display:block}.grid .cell img.is-scored[data-v-9e75b49f]{filter:grayscale(100%);opacity:.6}.grid .cell .score-badge[data-v-9e75b49f]{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#0e7490;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;z-index:10;box-shadow:0 2px 4px #0006;pointer-events:none}.grid .cell.selected[data-v-9e75b49f],.grid .cell[data-v-9e75b49f]:hover{border-color:#fff;box-shadow:0 0 15px #0e7490cc,0 0 15px #0e7490cc}.grid .cell.selected[data-v-9e75b49f]{background:#22d3ee33}.modal-overlay[data-v-076ed33d]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content[data-v-076ed33d]{border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080}.modal-content.dark[data-v-076ed33d]{background:#111;color:#fff}.modal-content.light[data-v-076ed33d]{background:#fff;color:#000}.modal-header[data-v-076ed33d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2[data-v-076ed33d]{margin:0;font-size:1.5rem}.modal-header .close-btn[data-v-076ed33d]{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-header .close-btn[data-v-076ed33d]:hover{background:#0000000d;color:#000}.modal-header .close-btn[data-v-076ed33d]:active{transform:scale(.95)}.modal-header .dark .close-btn[data-v-076ed33d]{color:#999}.modal-header .dark .close-btn[data-v-076ed33d]:hover{background:#ffffff1a;color:#fff}.shortcuts-table[data-v-076ed33d]{width:100%;border-collapse:collapse}.shortcuts-table th[data-v-076ed33d]{text-align:left;padding:.75rem;border-bottom:2px solid #e5e7eb;font-weight:600;color:#374151}.shortcuts-table td[data-v-076ed33d]{padding:.75rem;border-bottom:1px solid #e5e7eb}.shortcuts-table td[data-v-076ed33d]:first-child{font-weight:500}.shortcuts-table tbody tr:last-child td[data-v-076ed33d]{border-bottom:none}.shortcuts-table tbody tr[data-v-076ed33d]:hover{background:#00000005}.shortcuts-table kbd[data-v-076ed33d]{display:inline-block;padding:.25rem .5rem;font-family:ui-monospace,monospace;font-size:.875rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 1px 2px #0000001a;margin-right:.25rem}.dark .shortcuts-table th[data-v-076ed33d]{border-bottom-color:#374151;color:#d1d5db}.dark .shortcuts-table td[data-v-076ed33d]{border-bottom-color:#374151}.dark .shortcuts-table tbody tr[data-v-076ed33d]:hover{background:#ffffff0d}.dark .shortcuts-table kbd[data-v-076ed33d]{background:#1f2937;border-color:#4b5563;color:#e5e7eb;box-shadow:0 1px 2px #0000004d}.modal-enter-active[data-v-076ed33d],.modal-leave-active[data-v-076ed33d]{transition:opacity .2s ease}.modal-enter-active .modal-content[data-v-076ed33d],.modal-leave-active .modal-content[data-v-076ed33d]{transition:transform .2s ease,opacity .2s ease}.modal-enter-from[data-v-076ed33d],.modal-leave-to[data-v-076ed33d]{opacity:0}.modal-enter-from .modal-content[data-v-076ed33d],.modal-leave-to .modal-content[data-v-076ed33d]{transform:scale(.95);opacity:0}.preview-overlay[data-v-b63465d4]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;backdrop-filter:blur(4px)}.preview-content[data-v-b63465d4]{border-radius:12px;padding:1.5rem;max-width:min(900px,92vw);width:92vw;max-height:90vh;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:1rem}.preview-content.dark[data-v-b63465d4]{background:#111;color:#fff}.preview-content.light[data-v-b63465d4]{background:#fff;color:#000}.preview-header[data-v-b63465d4]{display:flex;justify-content:space-between;align-items:center}.preview-header h2[data-v-b63465d4]{margin:0;font-size:1.25rem}.preview-header .close-btn[data-v-b63465d4]{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.preview-header .close-btn[data-v-b63465d4]:hover{background:#0000000d;color:#000}.preview-header .close-btn[data-v-b63465d4]:active{transform:scale(.95)}.preview-header .dark .close-btn[data-v-b63465d4]{color:#999}.preview-header .dark .close-btn[data-v-b63465d4]:hover{background:#ffffff1a;color:#fff}.preview-body[data-v-b63465d4]{display:flex;align-items:center;justify-content:center;flex:1}.preview-body img[data-v-b63465d4]{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:10px;object-fit:contain}.demo[data-v-0a2915bb]{justify-content:space-between;gap:.75rem;padding:1rem;border:1px dashed rgba(255,255,255,.06);border-radius:8px;background:#ffffff03}.demo .top[data-v-0a2915bb]{display:flex;align-items:center;margin-bottom:2rem}.demo .top .menu[data-v-0a2915bb]{flex:1}.demo.dark[data-v-0a2915bb]{background-color:#111}.demo.light[data-v-0a2915bb]{background:#f6f7f9;color:#000}.demo-content[data-v-0a2915bb]{display:flex;gap:10px;align-items:flex-start}.demo-content .fruit-grid[data-v-0a2915bb]{flex:1}.demo-content .fade-enter-active[data-v-0a2915bb],.demo-content .fade-leave-active[data-v-0a2915bb]{transition:opacity .3s ease,transform .3s ease,width .3s ease,margin-left .3s ease;overflow:hidden;white-space:nowrap}.demo-content .fade-enter-from[data-v-0a2915bb],.demo-content .fade-leave-to[data-v-0a2915bb]{opacity:0;transform:translate(10px);width:0!important;margin-left:-10px}.demo-content .legend[data-v-0a2915bb]{position:sticky;top:1rem;height:fit-content;width:119px}.demo .theme-toggle[data-v-0a2915bb],.demo .modal-toggle[data-v-0a2915bb]{background:none;border:none;border-radius:50%;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--accent, #fbbf24);transition:background .2s}.demo .theme-toggle[data-v-0a2915bb]:hover,.demo .modal-toggle[data-v-0a2915bb]:hover{background:#00000012}.demo button[data-v-0a2915bb]{background:var(--accent);color:#002;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer}.demo button[data-v-0a2915bb]:active{transform:translateY(1px)}