.grid-tool[data-v-dac101d3]{background:radial-gradient(circle at 15% 20%,rgba(168,85,247,.12),transparent 50%),radial-gradient(circle at 80% 5%,rgba(59,130,246,.12),transparent 45%),#f6f4ff;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:60px 24px 80px}.grid-tool__inner[data-v-dac101d3]{display:flex;flex-direction:column;gap:28px;width:min(1200px,100%)}.grid-tool .hero[data-v-dac101d3]{text-align:center}.grid-tool .hero .eyebrow[data-v-dac101d3]{color:#a855f7;font-size:13px;letter-spacing:.15em;margin-bottom:10px;text-transform:uppercase}.grid-tool .hero h1[data-v-dac101d3]{color:#1f2937;font-size:36px;font-weight:700;margin-bottom:12px}.grid-tool .hero .subtitle[data-v-dac101d3]{color:#64748b;font-size:16px}.grid-tool .result-card[data-v-dac101d3],.grid-tool .upload-card[data-v-dac101d3]{background:#fff;border:1px solid rgba(168,85,247,.18);border-radius:30px;box-shadow:0 30px 60px #0f172a14;padding:28px}.grid-tool .steps[data-v-dac101d3]{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-tool .steps .step-card[data-v-dac101d3]{background:#f8edffb3;border:1px solid rgba(168,85,247,.25);border-radius:20px;padding:16px}.grid-tool .steps .step-card .step-title[data-v-dac101d3]{color:#8b5cf6;font-weight:600;margin-bottom:6px}.grid-tool .steps .step-card .step-desc[data-v-dac101d3]{color:#475569;line-height:1.5}.grid-tool .upload-card[data-v-dac101d3]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-height:250px}.grid-tool .upload-card .card-info[data-v-dac101d3]{display:flex;flex-direction:column;gap:14px}.grid-tool .upload-card .card-info h2[data-v-dac101d3]{color:#1f2937;font-size:20px}.grid-tool .upload-card .card-info p[data-v-dac101d3]{color:#475569;font-weight:600}.grid-tool .upload-card .card-info p select[data-v-dac101d3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid rgba(148,163,184,.6);border-radius:16px;font-size:15px;padding:10px 14px;text-align:left}.grid-tool .upload-card .card-info .grid-select[data-v-dac101d3]{align-items:center;color:#475569;display:flex;flex-direction:row;font-weight:600;gap:8px;justify-content:left}.grid-tool .upload-card .card-info .grid-select .label[data-v-dac101d3]{text-align:left}.grid-tool .upload-card .card-info .grid-select .select-display[data-v-dac101d3]{align-items:center;background:#fff;border:1px solid rgba(148,163,184,.6);border-radius:16px;cursor:pointer;display:flex;flex:1;font-size:15px;justify-content:space-between;padding:10px 14px}.grid-tool .upload-card .card-info .grid-select .select-display .arrow[data-v-dac101d3]{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;height:12px;margin-left:8px;transform:rotate(45deg);width:12px}.grid-tool .upload-card .card-info .grid-select .select-options[data-v-dac101d3]{background:#fff;border:1px solid rgba(148,163,184,.4);border-radius:16px;box-shadow:0 20px 40px #0f172a1f;margin-top:8px;overflow:hidden}.grid-tool .upload-card .card-info .grid-select .select-options .option[data-v-dac101d3]{background:transparent;border:none;color:#475569;cursor:pointer;font-weight:600;padding:10px 14px;text-align:left;width:100%}.grid-tool .upload-card .card-info .grid-select .select-options .option.active[data-v-dac101d3]{background:#a855f71a;color:#8b5cf6}.grid-tool .upload-card .card-info .grid-select .select-options .option[data-v-dac101d3]:hover{background:#94a3b826}.grid-tool .upload-card .card-info .dropzone[data-v-dac101d3]{align-items:center;background:#f8fafce6;border:1px dashed rgba(148,163,184,.6);border-radius:24px;display:flex;justify-content:center;min-height:100px;padding:24px;text-align:center}.grid-tool .upload-card .card-info .dropzone .primary[data-v-dac101d3]{background:linear-gradient(120deg,#a855f7,#38bdf8);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;height:45px;line-height:45px;width:150px}.grid-tool .upload-card .card-info .dropzone .drop-tip[data-v-dac101d3]{color:#94a3b8;margin-top:10px}.grid-tool .upload-card .card-info .actions[data-v-dac101d3]{display:flex;flex-wrap:wrap;gap:12px}.grid-tool .upload-card .card-info .ghost[data-v-dac101d3]{background:transparent;border:1px solid rgba(148,163,184,.4);border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:10px 18px}.grid-tool .upload-card .card-info .error[data-v-dac101d3]{color:#f43f5e;font-size:14px}.grid-tool .upload-card .placeholder[data-v-dac101d3],.grid-tool .upload-card .preview[data-v-dac101d3]{align-items:center;background:#f8fafc;border-radius:28px;display:flex;justify-content:center;min-height:280px;overflow:hidden}.grid-tool .upload-card .placeholder img[data-v-dac101d3],.grid-tool .upload-card .preview img[data-v-dac101d3]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.grid-tool .upload-card .placeholder p[data-v-dac101d3],.grid-tool .upload-card .preview p[data-v-dac101d3]{color:#94a3b8}.grid-tool .result-card[data-v-dac101d3]{display:flex;flex-direction:column;gap:20px}.grid-tool .result-card .result-header[data-v-dac101d3]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.grid-tool .result-card .result-header .label[data-v-dac101d3]{color:#a855f7;font-size:12px;letter-spacing:.2em;margin-bottom:6px;text-transform:uppercase}.grid-tool .result-card .result-header h2[data-v-dac101d3]{color:#1f2937;font-size:22px}.grid-tool .result-card .result-header .result-actions[data-v-dac101d3]{display:flex;gap:8px}.grid-tool .result-card .result-header .result-actions .solid[data-v-dac101d3]{background:linear-gradient(120deg,#a855f7,#38bdf8);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;height:45px;padding:5px 24px}.grid-tool .result-card .result-header .result-actions .solid[data-v-dac101d3]:disabled{cursor:not-allowed;opacity:.5}.grid-tool .result-card .result-flex[data-v-dac101d3]{align-items:start;display:grid;gap:24px;grid-template-columns:520px 1fr}@media (max-width:1024px){.grid-tool .result-card .result-flex[data-v-dac101d3]{grid-template-columns:1fr}}.grid-tool .result-card .result-flex .preview-side[data-v-dac101d3]{display:flex;justify-content:center}.grid-tool .result-card .result-flex .list-side[data-v-dac101d3]{max-height:500px;overflow-y:auto}.grid-tool .result-card .grid-board[data-v-dac101d3]{border:1px solid rgba(148,163,184,.3);border-radius:20px;display:grid;grid-template-columns:repeat(3,1fr);height:500px;margin:0 auto;overflow:hidden;width:500px}.grid-tool .result-card .grid-board .board-cell[data-v-dac101d3]{align-items:center;aspect-ratio:1/1;background:#f8fafc;border-bottom:1px solid rgba(148,163,184,.8);border-right:1px solid rgba(148,163,184,.8);display:flex;justify-content:center;position:relative}.grid-tool .result-card .grid-board .board-cell img[data-v-dac101d3]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.grid-tool .result-card .grid-board .board-cell .cell-label[data-v-dac101d3]{background:#0f172abf;border-radius:999px;bottom:8px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;right:8px}.grid-tool .result-card .grid-board .board-cell[data-v-dac101d3]:nth-child(3n){border-right:none}.grid-tool .result-card .grid-board .board-cell[data-v-dac101d3]:nth-last-child(-n+3){border-bottom:none}.grid-tool .result-card .grid-preview[data-v-dac101d3]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-tool .result-card .grid-preview .grid-item[data-v-dac101d3]{align-items:center;background:#f8fafc;border-radius:20px;display:flex;flex-direction:column;gap:10px;padding:14px}.grid-tool .result-card .grid-preview .grid-item img[data-v-dac101d3]{border-radius:16px;-o-object-fit:cover;object-fit:cover;width:100%}.grid-tool .result-card .grid-preview .grid-item .ghost[data-v-dac101d3]{background:transparent;border:1px solid rgba(148,163,184,.4);border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:6px 14px}.grid-tool .processing[data-v-dac101d3]{color:#475569;font-size:14px;text-align:center}.grid-tool .helper[data-v-dac101d3]{color:#94a3b8;text-align:center}.fade-enter-active[data-v-dac101d3],.fade-leave-active[data-v-dac101d3]{transition:opacity .25s ease}.fade-enter-from[data-v-dac101d3],.fade-leave-to[data-v-dac101d3]{opacity:0}@media (max-width:640px){.result-card[data-v-dac101d3],.upload-card[data-v-dac101d3]{padding:20px}}