body{margin:0;padding:0}#app,body{background-color:#f5f6fa}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;min-height:100vh}.main-title{font-size:2.8rem;font-weight:600;color:#2c3e50;margin:0;padding:2rem 1rem;position:relative;display:inline-block;background-color:transparent}.main-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px}@media (max-width:768px){.main-title{font-size:2rem;padding:1.5rem 1rem}}.order-container[data-v-445b941e]{margin:20px 0;padding:15px;border:1px solid #eee;border-radius:8px}.order-info[data-v-445b941e]{display:flex;flex-wrap:wrap;gap:12px;padding:10px}.order-item[data-v-445b941e]{background-color:#f8f9fa;padding:8px 12px;border-radius:6px;min-width:250px;max-width:calc(33% - 12px);display:flex;align-items:flex-start}.key[data-v-445b941e]{font-weight:700;margin-right:8px;color:#666}.value[data-v-445b941e]{word-break:break-all;flex:1}.compare-result[data-v-445b941e]{margin-top:4px;font-weight:700}button[data-v-445b941e]{margin:10px 0;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-445b941e]:hover{background-color:#45a049}input[data-v-445b941e],select[data-v-445b941e]{margin:10 -10px;padding:6px;border:1px solid #ddd;border-radius:4px}label[data-v-445b941e]{margin-right:20px}h1[data-v-445b941e],h2[data-v-445b941e]{font-size:20px;color:#333}.saved-orders[data-v-445b941e]{display:flex;flex-direction:column;gap:20px}.saved-order[data-v-445b941e]{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#fff;margin-bottom:10px}.saved-order h3[data-v-445b941e]{margin:0 0 10px 0;font-size:16px;color:#666}.order-actions[data-v-445b941e]{margin-top:10px;display:flex;gap:10px}.delete-btn[data-v-445b941e]{background-color:#f44}.delete-btn[data-v-445b941e]:hover{background-color:#e33}.header-actions[data-v-445b941e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clear-btn[data-v-445b941e]{background-color:#666;font-size:14px;padding:6px 12px}.clear-btn[data-v-445b941e]:hover{background-color:#555}.comparison-subtitle[data-v-445b941e]{font-size:16px;color:#666;margin:15px 0 10px 0;padding-left:10px;border-left:3px solid #4caf50}.different[data-v-445b941e]{background-color:#fff0f0}.different .key[data-v-445b941e],.different .value[data-v-445b941e]{color:#f44}.different .compare-result[data-v-445b941e]{color:#f44;font-weight:700}.save-section[data-v-445b941e]{display:flex;align-items:center;gap:15px;margin-top:15px}.remark-input[data-v-445b941e]{flex:1}.remark-input input[data-v-445b941e]{width:300px}.saved-order-header[data-v-445b941e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px;background-color:#f8f9fa;border-radius:6px}.order-remark[data-v-445b941e]{color:#e33;font-size:14px;background-color:#f0f0f0;padding:4px 8px;border-radius:4px}.saved-order h3[data-v-445b941e]{margin:0}.dialog-overlay[data-v-445b941e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-445b941e]{background-color:#fff;padding:20px;border-radius:8px;min-width:400px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dialog-content h3[data-v-445b941e]{margin:0 0 20px 0;color:#333;font-size:18px}.dialog-body[data-v-445b941e]{margin-bottom:20px}.dialog-body input[data-v-445b941e]{width:80%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.dialog-footer[data-v-445b941e]{display:flex;justify-content:flex-end;gap:10px}.dialog-footer button[data-v-445b941e]{padding:6px 16px;margin:0}.primary-btn[data-v-445b941e]{background-color:#4caf50}.dialog-footer button[data-v-445b941e]:not(.primary-btn){background-color:#999}.dialog-footer button[data-v-445b941e]:not(.primary-btn):hover{background-color:#888}.header-left[data-v-445b941e]{display:flex;align-items:center;gap:10px}.header-right[data-v-445b941e]{display:flex;gap:10px}.toggle-btn[data-v-445b941e]{padding:4px 8px;font-size:12px;background-color:#f0f0f0;color:#666;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease}.toggle-btn[data-v-445b941e]:hover{background-color:#e0e0e0}.order-content[data-v-445b941e]{transition:all .3s ease}.order-container[data-v-0031e4ea]{margin:20px 0;padding:15px;border:1px solid #eee;border-radius:8px}.order-info[data-v-0031e4ea]{display:flex;flex-wrap:wrap;gap:12px;padding:10px}.order-item[data-v-0031e4ea]{background-color:#f8f9fa;padding:8px 12px;border-radius:6px;min-width:250px;max-width:calc(33% - 12px);display:flex;align-items:flex-start}.key[data-v-0031e4ea]{font-weight:700;margin-right:8px;color:#666}.value[data-v-0031e4ea]{word-break:break-all;flex:1}.compare-result[data-v-0031e4ea]{margin-top:4px;font-weight:700}button[data-v-0031e4ea]{margin:10px 0;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-0031e4ea]:hover{background-color:#45a049}input[data-v-0031e4ea],select[data-v-0031e4ea]{margin:10 -10px;padding:6px;border:1px solid #ddd;border-radius:4px}label[data-v-0031e4ea]{margin-right:20px}h1[data-v-0031e4ea],h2[data-v-0031e4ea]{font-size:20px;color:#333}.saved-orders[data-v-0031e4ea]{display:flex;flex-direction:column;gap:20px}.saved-order[data-v-0031e4ea]{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#fff;margin-bottom:10px}.saved-order h3[data-v-0031e4ea]{margin:0 0 10px 0;font-size:16px;color:#666}.order-actions[data-v-0031e4ea]{margin-top:10px;display:flex;gap:10px}.delete-btn[data-v-0031e4ea]{background-color:#f44}.delete-btn[data-v-0031e4ea]:hover{background-color:#e33}.header-actions[data-v-0031e4ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clear-btn[data-v-0031e4ea]{background-color:#666;font-size:14px;padding:6px 12px}.clear-btn[data-v-0031e4ea]:hover{background-color:#555}.comparison-subtitle[data-v-0031e4ea]{font-size:16px;color:#666;margin:15px 0 10px 0;padding-left:10px;border-left:3px solid #4caf50}.different[data-v-0031e4ea]{background-color:#fff0f0}.different .key[data-v-0031e4ea],.different .value[data-v-0031e4ea]{color:#f44}.different .compare-result[data-v-0031e4ea]{color:#f44;font-weight:700}.save-section[data-v-0031e4ea]{display:flex;align-items:center;gap:15px;margin-top:15px}.remark-input[data-v-0031e4ea]{flex:1}.remark-input input[data-v-0031e4ea]{width:300px}.saved-order-header[data-v-0031e4ea]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px;background-color:#f8f9fa;border-radius:6px}.order-remark[data-v-0031e4ea]{color:#e33;font-size:14px;background-color:#f0f0f0;padding:4px 8px;border-radius:4px}.saved-order h3[data-v-0031e4ea]{margin:0}.dialog-overlay[data-v-0031e4ea]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-0031e4ea]{background-color:#fff;padding:20px;border-radius:8px;min-width:400px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dialog-content h3[data-v-0031e4ea]{margin:0 0 20px 0;color:#333;font-size:18px}.dialog-body[data-v-0031e4ea]{margin-bottom:20px}.dialog-body input[data-v-0031e4ea]{width:80%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.dialog-footer[data-v-0031e4ea]{display:flex;justify-content:flex-end;gap:10px}.dialog-footer button[data-v-0031e4ea]{padding:6px 16px;margin:0}.primary-btn[data-v-0031e4ea]{background-color:#4caf50}.dialog-footer button[data-v-0031e4ea]:not(.primary-btn){background-color:#999}.dialog-footer button[data-v-0031e4ea]:not(.primary-btn):hover{background-color:#888}.header-left[data-v-0031e4ea]{display:flex;align-items:center;gap:10px}.header-right[data-v-0031e4ea]{display:flex;gap:10px}.toggle-btn[data-v-0031e4ea]{padding:4px 8px;font-size:12px;background-color:#f0f0f0;color:#666;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease}.toggle-btn[data-v-0031e4ea]:hover{background-color:#e0e0e0}.order-content[data-v-0031e4ea]{transition:all .3s ease}.order-container[data-v-496b784c]{margin:20px 0;padding:15px;border:1px solid #eee;border-radius:8px}.order-info[data-v-496b784c]{display:flex;flex-wrap:wrap;gap:12px;padding:10px}.order-item[data-v-496b784c]{background-color:#f8f9fa;padding:8px 12px;border-radius:6px;min-width:250px;max-width:calc(33% - 12px);display:flex;align-items:flex-start}.key[data-v-496b784c]{font-weight:700;margin-right:8px;color:#666}.value[data-v-496b784c]{word-break:break-all;flex:1}.compare-result[data-v-496b784c]{margin-top:4px;font-weight:700}button[data-v-496b784c]{margin:10px 0;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-496b784c]:hover{background-color:#45a049}input[data-v-496b784c],select[data-v-496b784c]{margin:10 -10px;padding:6px;border:1px solid #ddd;border-radius:4px}label[data-v-496b784c]{margin-right:20px}h1[data-v-496b784c],h2[data-v-496b784c]{font-size:20px;color:#333}.saved-orders[data-v-496b784c]{display:flex;flex-direction:column;gap:20px}.saved-order[data-v-496b784c]{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#fff;margin-bottom:10px}.saved-order h3[data-v-496b784c]{margin:0 0 10px 0;font-size:16px;color:#666}.order-actions[data-v-496b784c]{margin-top:10px;display:flex;gap:10px}.delete-btn[data-v-496b784c]{background-color:#f44}.delete-btn[data-v-496b784c]:hover{background-color:#e33}.header-actions[data-v-496b784c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clear-btn[data-v-496b784c]{background-color:#666;font-size:14px;padding:6px 12px}.clear-btn[data-v-496b784c]:hover{background-color:#555}.comparison-subtitle[data-v-496b784c]{font-size:16px;color:#666;margin:15px 0 10px 0;padding-left:10px;border-left:3px solid #4caf50}.different[data-v-496b784c]{background-color:#fff0f0}.different .key[data-v-496b784c],.different .value[data-v-496b784c]{color:#f44}.different .compare-result[data-v-496b784c]{color:#f44;font-weight:700}.save-section[data-v-496b784c]{display:flex;align-items:center;gap:15px;margin-top:15px}.remark-input[data-v-496b784c]{flex:1}.remark-input input[data-v-496b784c]{width:300px}.saved-order-header[data-v-496b784c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px;background-color:#f8f9fa;border-radius:6px}.order-remark[data-v-496b784c]{color:#e33;font-size:14px;background-color:#f0f0f0;padding:4px 8px;border-radius:4px}.saved-order h3[data-v-496b784c]{margin:0}.dialog-content[data-v-496b784c]{min-width:400px}.dialog-body[data-v-496b784c]{margin-bottom:20px}.dialog-body input[data-v-496b784c]{width:80%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.dialog-footer[data-v-496b784c]{justify-content:flex-end;gap:10px}.dialog-footer button[data-v-496b784c]{padding:6px 16px}.primary-btn[data-v-496b784c]{background-color:#4caf50}.dialog-footer button[data-v-496b784c]:not(.primary-btn){background-color:#999}.dialog-footer button[data-v-496b784c]:not(.primary-btn):hover{background-color:#888}.header-left[data-v-496b784c]{display:flex;align-items:center;gap:10px}.header-right[data-v-496b784c]{display:flex;gap:10px}.toggle-btn[data-v-496b784c]{padding:4px 8px;font-size:12px;background-color:#f0f0f0;color:#666;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease}.toggle-btn[data-v-496b784c]:hover{background-color:#e0e0e0}.order-content[data-v-496b784c]{transition:all .3s ease}.error-dialog[data-v-496b784c]{text-align:center}.error-dialog .dialog-body[data-v-496b784c]{margin:20px 0}.error-dialog p[data-v-496b784c]{color:#f44;font-size:18px;margin:0}.error-dialog .primary-btn[data-v-496b784c]{background-color:#3498db;min-width:100px}.error-dialog .primary-btn[data-v-496b784c]:hover{background-color:#2980b9}.dialog-overlay[data-v-496b784c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-496b784c]{background-color:#fff;padding:20px;border-radius:8px;min-width:300px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dialog-content h3[data-v-496b784c]{margin:0 0 20px 0;color:#333;font-size:18px}.dialog-footer[data-v-496b784c]{display:flex;justify-content:center;margin-top:20px}.dialog-footer button[data-v-496b784c]{padding:8px 24px;margin:0;font-size:16px}.json-comparison[data-v-91be805e]{padding:2rem;max-width:1400px;margin:0 auto;background:#fff;min-height:100vh}h1[data-v-91be805e]{color:#2c3e50;margin-bottom:2rem;font-size:2rem;text-align:center;font-weight:600}h2[data-v-91be805e]{color:#34495e;margin-bottom:1rem;font-size:1.25rem;font-weight:500;display:flex;align-items:center;gap:.5rem}h2[data-v-91be805e]:before{content:"";display:inline-block;width:4px;height:1.25rem;background:#4caf50;border-radius:2px}.json-input-section[data-v-91be805e]{margin-bottom:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #eef2f7}.json-input-section[data-v-91be805e]:hover{box-shadow:0 6px 24px rgba(0,0,0,.08);border-color:#e0e7ff}.json-container[data-v-91be805e]{display:flex;gap:2rem;margin-top:1rem;position:relative;flex-wrap:nowrap}.json-container[data-v-91be805e]:after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent,#e0e7ff,transparent);transform:translateX(-50%)}.json-input-wrapper.code-input-wrapper[data-v-91be805e],.json-preview-wrapper[data-v-91be805e]{width:50%;flex:none;min-width:0;max-width:50%;box-sizing:border-box}.json-preview-wrapper[data-v-91be805e]{min-width:0;height:500px;display:flex;flex-direction:column;justify-content:flex-start;background:#f8f9fa;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.03);padding:1.5rem 1rem 1rem;margin:0;overflow:auto}.preview-error-message[data-v-91be805e]{flex-shrink:0}.json-raw-error[data-v-91be805e],.json-viewer[data-v-91be805e]{flex:1 1 0;min-height:0;overflow:auto}.input-label[data-v-91be805e]{position:absolute;top:-.5rem;left:1rem;background:#4caf50;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;z-index:10;pointer-events:none}.json-input[data-v-91be805e]{width:100%;height:500px;padding:1.5rem 1rem 1rem;border:2px solid #e0e7ff;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:24px;transition:all .3s ease;resize:none;background:#fafbff;color:#2c3e50;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.json-input[data-v-91be805e]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.1);background:#fff}.json-viewer[data-v-91be805e]{height:500px;background:#fafbff;border:2px solid #e0e7ff;border-radius:8px;padding:1.5rem 1rem 1rem;overflow:auto}.json-input[data-v-91be805e]::-webkit-scrollbar,.json-viewer[data-v-91be805e]::-webkit-scrollbar{width:8px;height:8px}.json-input[data-v-91be805e]::-webkit-scrollbar-track,.json-viewer[data-v-91be805e]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.json-input[data-v-91be805e]::-webkit-scrollbar-thumb,.json-viewer[data-v-91be805e]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.json-input[data-v-91be805e]::-webkit-scrollbar-thumb:hover,.json-viewer[data-v-91be805e]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-v-91be805e] .jv-container{background:transparent;border-radius:6px;padding:0;text-align:left}[data-v-91be805e] .jv-container .jv-array,[data-v-91be805e] .jv-container .jv-code,[data-v-91be805e] .jv-container .jv-ellipsis,[data-v-91be805e] .jv-container .jv-item,[data-v-91be805e] .jv-container .jv-object,[data-v-91be805e] .jv-container .jv-property{text-align:left}[data-v-91be805e] .jv-container .jv-key{color:#881391;font-weight:500;text-align:left}[data-v-91be805e] .jv-container .jv-string{color:#c41a16;text-align:left}[data-v-91be805e] .jv-container .jv-number{color:#1c00cf;font-weight:500;text-align:left}[data-v-91be805e] .jv-container .jv-boolean{color:#00f;font-weight:500;text-align:left}[data-v-91be805e] .jv-container .jv-null{color:grey;font-weight:500;text-align:left}.comparison-actions[data-v-91be805e]{margin:2rem 0;text-align:center}.compare-btn[data-v-91be805e]{background-color:#4caf50;color:#fff;padding:.875rem 2.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px rgba(76,175,80,.2)}.compare-btn[data-v-91be805e]:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.compare-btn[data-v-91be805e]:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.3)}.comparison-result[data-v-91be805e]{margin-top:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid #eef2f7}.result-viewer[data-v-91be805e]{background:#fafbff;padding:1.5rem;border-radius:8px;border:2px solid #e0e7ff;margin-top:1rem}@media (max-width:768px){.json-comparison[data-v-91be805e]{padding:.25rem;min-width:0}h1[data-v-91be805e]{font-size:1rem;margin-bottom:1rem;padding:0 .25rem;text-align:left}h2[data-v-91be805e]{font-size:.95rem;margin-bottom:.5rem;padding-left:.25rem}.json-input-section[data-v-91be805e]{padding:.25rem .25rem .5rem .25rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.json-container[data-v-91be805e]{flex-direction:column;gap:.5rem;margin-top:.5rem}.json-input-wrapper.code-input-wrapper[data-v-91be805e],.json-preview-wrapper[data-v-91be805e]{width:100%;max-width:100%}.line-numbers[data-v-91be805e]{width:22px;font-size:10px;padding:.5rem 0 .25rem 0;border-radius:8px 0 0 8px;background:#f3f4f6}.line-number[data-v-91be805e]{height:18px;padding-right:4px}.code-highlight[data-v-91be805e],.code-input[data-v-91be805e]{left:22px;width:calc(100% - 22px);font-size:10px;padding:.5rem .25rem .25rem;border-radius:0 8px 8px 0}.code-input[data-v-91be805e]{height:100%}.input-label[data-v-91be805e]{left:.25rem;top:-.5rem;font-size:.6rem;padding:.1rem .4rem;border-radius:4px}.json-preview-wrapper[data-v-91be805e]{min-width:0;height:180px;margin-top:.25rem;padding:.25rem;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.03);background:#f8f9fa;display:flex;flex-direction:column;justify-content:flex-start;overflow:auto}.json-raw-error[data-v-91be805e],.json-viewer[data-v-91be805e]{flex:1 1 0;min-height:0;overflow:auto}.error-message[data-v-91be805e]{font-size:.7rem;padding:.3rem;margin-top:.15rem;border-radius:4px}.comparison-result[data-v-91be805e]{padding:.5rem;border-radius:8px;margin-top:1rem}.result-viewer[data-v-91be805e]{padding:.25rem;font-size:10px;border-radius:8px}.compare-btn[data-v-91be805e]{width:100%;padding:.4rem .4rem;font-size:.9rem;border-radius:6px;margin-top:.5rem}}.json-input.error[data-v-91be805e]{border-color:#ff4d4f;background-color:#fff2f0}.json-input.error[data-v-91be805e]:focus{box-shadow:0 0 0 4px rgba(255,77,79,.1)}.error-line-marker[data-v-91be805e]{position:absolute;left:0;width:4px;height:24px;background-color:#ff4d4f;z-index:2}.error-message[data-v-91be805e]{color:#ff4d4f;font-size:.875rem;margin-top:.5rem;padding:.75rem;background-color:#fff2f0;border-radius:4px;border:1px solid #ffccc7;display:flex;align-items:center;gap:.5rem}.error-icon[data-v-91be805e]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:#ff4d4f;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.error-text[data-v-91be805e]{flex:1}.error-line[data-v-91be805e]{background-color:#ff4d4f;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.code-input-wrapper[data-v-91be805e]{position:relative;width:100%;height:500px;display:flex;flex-direction:row}.line-numbers[data-v-91be805e]{position:absolute;left:0;top:0;bottom:0;width:40px;padding:1.5rem 0 1rem 0;background:#f3f4f6;border-radius:8px 0 0 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:24px;color:#bdbdbd;text-align:right;z-index:3;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.line-number[data-v-91be805e]{height:24px;padding-right:8px;box-sizing:border-box}.error-line-number[data-v-91be805e]{color:#ff4d4f;font-weight:700;background:#fff1f0;border-radius:4px}.code-highlight[data-v-91be805e]{margin:0;background:#fafbff;color:transparent;z-index:1;pointer-events:none;overflow:auto;border-radius:0 8px 8px 0}.code-highlight[data-v-91be805e],.code-input[data-v-91be805e]{position:absolute;left:40px;top:0;right:0;bottom:0;width:calc(100% - 40px);height:91%;padding:1.5rem 1rem 1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:24px}.code-input[data-v-91be805e]{background:transparent;color:#2c3e50;border:2px solid #e0e7ff;border-radius:0 8px 8px 0;resize:none;z-index:2;outline:none;box-shadow:none}.code-input.error[data-v-91be805e]{border-color:#ff4d4f}.code-input[data-v-91be805e]:focus{background:transparent}.preview-error-message[data-v-91be805e]{color:#ff4d4f;font-size:.95em;margin-bottom:.5em;padding:.5em .75em;background:#fff2f0;border-radius:4px;border:1px solid #ffccc7;display:flex;align-items:center;gap:.5em}.json-raw-error[data-v-91be805e]{color:#ff4d4f;background:#fff2f0;border-radius:4px;padding:1em;font-size:13px;white-space:pre-wrap;word-break:break-all;min-height:80px;margin:0}.loading-overlay[data-v-91be805e]{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loading-spinner[data-v-91be805e]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4caf50;border-radius:50%;animation:spin-91be805e 1s linear infinite}.loading-text[data-v-91be805e]{margin-top:1rem;color:#4caf50;font-size:1rem;font-weight:500}@keyframes spin-91be805e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-container[data-v-416cd627]{display:flex;justify-content:center;align-items:center;gap:3rem;padding:3rem;min-height:100vh;background-color:#f5f6fa}.custom-btn[data-v-416cd627]{padding:20px 60px;font-size:24px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;border:none;min-width:200px}.custom-btn.primary[data-v-416cd627]{background:#3498db;color:#fff;box-shadow:0 8px 15px rgba(52,152,219,.3)}.custom-btn.primary[data-v-416cd627]:hover{background:#2980b9;transform:translateY(-3px);box-shadow:0 12px 20px rgba(52,152,219,.4)}.custom-btn.secondary[data-v-416cd627]{background:#2ecc71;color:#fff;box-shadow:0 8px 15px rgba(46,204,113,.3)}.custom-btn.secondary[data-v-416cd627]:hover{background:#27ae60;transform:translateY(-3px);box-shadow:0 12px 20px rgba(46,204,113,.4)}.custom-btn.outline[data-v-416cd627]{background:transparent;color:#34495e;border:3px solid #34495e;box-shadow:0 8px 15px rgba(52,73,94,.2)}.custom-btn.outline[data-v-416cd627]:hover{background:#34495e;color:#fff;transform:translateY(-3px);box-shadow:0 12px 20px rgba(52,73,94,.3)}@media (max-width:768px){.button-container[data-v-416cd627]{flex-direction:column;gap:2rem}.custom-btn[data-v-416cd627]{padding:15px 40px;font-size:20px;width:80%;max-width:300px}}.image-container[data-v-4fee4923]{position:relative;display:inline-block;margin-top:15px}img[data-v-4fee4923]{max-width:100%;height:auto;border:1px solid #ddd;padding:5px;transition:filter .3s}img.processing[data-v-4fee4923]{filter:blur(2px)}.coordinates[data-v-4fee4923]{position:absolute;background-color:rgba(0,0,0,.7);color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:10}.origin-marker[data-v-4fee4923]{position:absolute;width:12px;height:12px;background-color:red;border-radius:50%;transform:translate(-50%,-50%);z-index:5;cursor:move;transition:all .2s}.origin-marker.dragging[data-v-4fee4923]{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 10px rgba(255,0,0,.6)}.axis-line[data-v-4fee4923]{position:absolute;background-color:red;transform-origin:left top;pointer-events:none}.x-axis[data-v-4fee4923]{width:2000px;height:1px;top:50%;left:50%}.y-axis[data-v-4fee4923]{width:1px;height:2000px;top:50%;left:50%}.confirm-button[data-v-4fee4923]{position:absolute;z-index:6}.confirm-button button[data-v-4fee4923]{background-color:#42b983;color:#fff;border:none;border-radius:4px;padding:3px 8px;font-size:12px;cursor:pointer}.confirm-button button[data-v-4fee4923]:hover{background-color:#359e75}.loading-overlay[data-v-4fee4923]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}.spinner[data-v-4fee4923]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #42b983;border-radius:50%;animation:spin-4fee4923 1s linear infinite;margin-bottom:10px}@keyframes spin-4fee4923{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calibration-controls[data-v-4fee4923],.calibration-info[data-v-4fee4923]{margin-top:15px;padding:10px;background-color:#f5f5f5;border-radius:4px;max-width:600px}.calibration-controls p[data-v-4fee4923],.calibration-info p[data-v-4fee4923]{margin:5px 0;font-size:14px}input[data-v-4fee4923]{padding:6px 10px;margin-right:10px;width:300px}button[data-v-4fee4923]{padding:6px 15px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:5px;margin-top:5px}button[data-v-4fee4923]:hover{background-color:#359e75}