body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#a9b1d6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.router-container{background-color:#000;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.router-container:before{background-image:radial-gradient(circle,#fffc 1px,#0000 0),radial-gradient(circle,#ffffff80 1px,#0000 0),radial-gradient(circle,#ffffff4d 1px,#0000 0);background-position:0 0,25px 25px,50px 50px;background-size:100px 100px,150px 150px,200px 200px;opacity:.2}.router-container:after,.router-container:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.router-container:after{background-image:radial-gradient(circle,#bb9af7cc 1px,#0000 0),radial-gradient(circle,#7aa2f7cc 1px,#0000 0),radial-gradient(circle,#f7768ecc 1px,#0000 0),radial-gradient(circle,#9ece6acc 1px,#0000 0),radial-gradient(circle,#e0af68cc 1px,#0000 0);background-position:10px 10px,70px 70px,130px 130px,190px 190px,250px 250px;background-size:300px 300px,250px 250px,350px 350px,400px 400px,320px 320px;opacity:.15}.about-page,.vertical-merge-page{background-color:initial;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:20px;position:relative;z-index:1}.about-page h1,.vertical-merge-page h1{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#bb9af7,#7aa2f7,#f7768e);color:#0000;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #bb9af780}.page-description{border:1px solid #bb9af74d;border-radius:8px;box-shadow:0 0 15px #bb9af733}.about-page p,.page-description{background-color:#1a1a1ab3;color:var(--foreground);font-size:1rem;line-height:1.5;margin-bottom:20px;padding:15px}.about-page p{border-radius:8px}@keyframes twinkle{0%{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}to{opacity:.2;transform:scale(1)}}.star{height:3px;pointer-events:none;width:3px;z-index:1}.star,.star:before{border-radius:50%;position:absolute}.star:before{animation:twinkle 4s infinite;background:#fff;box-shadow:0 0 10px 2px #fff;content:"";height:100%;left:0;top:0;width:100%}.star1{left:10%;top:15%}.star2{left:85%;top:35%}.star3{left:25%;top:65%}.star4{left:65%;top:75%}.star5{left:60%;top:10%}.star1:before{animation-delay:0s;background:#bb9af7;box-shadow:0 0 10px 2px #bb9af7}.star2:before{animation-delay:1s;background:#7aa2f7;box-shadow:0 0 10px 2px #7aa2f7}.star3:before{animation-delay:2s;background:#f7768e;box-shadow:0 0 10px 2px #f7768e}.star4:before{animation-delay:3s;background:#9ece6a;box-shadow:0 0 10px 2px #9ece6a}.star5:before{animation-delay:1.5s;background:#e0af68;box-shadow:0 0 10px 2px #e0af68}.nav-container{position:relative;z-index:10}.nav-link{display:inline-block;overflow:hidden;position:relative;transition:all .3s ease;z-index:2}.nav-link:after{background-image:linear-gradient(90deg,#bb9af7,#7aa2f7,#f7768e);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active{text-shadow:0 0 5px #bb9af7cc}.file-container,.files-list,.preview-container,.quick-start,.section-container,.table-container,.vertical-merge-container{background-color:#1a1a1ab3!important;border:1px solid #bb9af74d!important;border-radius:8px!important;box-shadow:0 0 15px #bb9af733!important;overflow:hidden;position:relative;z-index:5}h1,h2,h3{background-clip:text!important;-webkit-background-clip:text!important;background-image:linear-gradient(90deg,#bb9af7,#7aa2f7,#f7768e)!important;color:#0000!important;font-weight:700!important;text-shadow:0 0 10px #bb9af780!important}:root{--background:#000;--container-bg:#1a1a1a;--nav-bg:#1e1e1e;--foreground:#a9b1d6;--accent-primary:#bb9af7;--accent-secondary:#7aa2f7;--accent-yellow:#e0af68;--accent-green:#9ece6a;--accent-red:#f7768e;--border-color:#333}.App{align-items:center;background-color:#000;background-color:var(--background);color:#a9b1d6;color:var(--foreground);display:flex;flex-direction:column;font-size:16px;margin:0;min-height:100vh;padding:0;text-align:center}.nav-container{background-color:#1e1e1e;background-color:var(--nav-bg);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding:1rem 0;width:100%}.nav-content{display:flex;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-link{color:#a9b1d6;color:var(--foreground);font-size:1rem;margin-right:2rem;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#bb9af7;color:var(--accent-primary)}.App-header{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checkbox{appearance:none;-webkit-appearance:none;background-color:initial;border:2px solid #bb9af7;border:2px solid var(--accent-primary);border-radius:4px;cursor:pointer;height:20px;margin:0;position:relative;width:20px}.checkbox:checked{background-color:#bb9af7;background-color:var(--accent-primary)}.checkbox:checked:after{color:#000;color:var(--background);content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}button:disabled{background-color:#333;background-color:var(--border-color)}select{background-color:#000;background-color:var(--background);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#a9b1d6;color:var(--foreground);font-size:1rem;padding:.5rem;width:100%}.file-container{box-shadow:0 2px 4px #0003;margin-bottom:20px;padding:20px}.checkbox-container{align-items:center;display:flex;margin-bottom:8px}.checkbox-container input[type=checkbox]{height:18px;margin-right:8px;width:18px}.button{background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.button:hover{background-color:#21a1c9}.button:disabled{background-color:#4a4f5a;cursor:not-allowed}.select{border:1px solid #ccc;font-size:1rem;margin-bottom:16px}.file-container-wrapper{display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;width:100%}.file-container{background-color:#1a1a1a;border:1px solid #333}.file-container h2{color:#7aa2f7;color:var(--accent-secondary);font-size:1.2rem;margin-bottom:1rem}.file-content{display:flex;justify-content:space-between}.checkbox-column,.fields-column,.key-column{width:30%}.checkbox-container,.field-item{align-items:center;color:#a9b1d6;color:var(--foreground);display:flex;height:30px;margin-bottom:5px}.field-item{justify-content:flex-start}.checkbox-container{justify-content:center}.select-trigger{background-color:#4a4f5a;border:none;color:#fff;cursor:pointer}.select-content{background-color:#61dafb;color:#282c34}.select-content *{cursor:default}.button-container{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.merged-preview{border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin:20px;padding:20px}.merged-preview,table{background-color:#1a1a1a;background-color:var(--container-bg)}table{margin-top:1rem}td,th{border:1px solid #333;padding:12px 8px}th{background-color:#1a1a1a;background-color:var(--container-bg);color:#bb9af7;color:var(--accent-primary)}tr:hover{background-color:#333;background-color:var(--border-color)}.reset-container{align-items:center;background-color:#1a1a1a;background-color:var(--container-bg);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 0;width:100%}.reset-button{background-color:#f7768e;background-color:var(--accent-red);border:none;border-radius:4px;color:#000;color:var(--background);cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem}.reset-text{color:#7aa2f7;color:var(--accent-secondary);font-size:1.2rem}.range-selector{margin-bottom:1rem}.range-selector select{background-color:#000;background-color:var(--background);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#a9b1d6;color:var(--foreground);font-size:1rem;padding:.5rem;width:100%}.controls-container{background-color:#1a1a1a;background-color:var(--container-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}h1{color:#bb9af7;color:var(--accent-primary);font-size:2rem;margin-bottom:2rem;text-align:center}input[type=file]{background-color:#1a1a1a;background-color:var(--container-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;padding:8px;width:100%}.text-gray-500,input[type=file]{color:#a9b1d6;color:var(--foreground)}.text-gray-500{opacity:.6}.quick-start{background-color:#1a1a1a;background-color:var(--container-bg);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.quick-start h2{color:#bb9af7;color:var(--accent-primary);font-size:1.5rem;margin-bottom:1rem;text-align:left}.quick-start-list{list-style:none;margin:0;padding:0;text-align:left}.quick-start-list li{color:#a9b1d6;color:var(--foreground);font-size:1rem;line-height:1.5;margin-bottom:.5rem}.vertical-merge-section{margin:2rem auto;max-width:1200px;padding:0 2rem;width:100%}.vertical-merge-section h2{color:#bb9af7;color:var(--accent-primary);font-size:1.8rem;margin-bottom:1rem;text-align:left}.section-description{color:#a9b1d6;color:var(--foreground);font-size:1rem;margin-bottom:2rem;opacity:.8;text-align:left}.vertical-merge-container{background-color:var(--background);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.vertical-merge-container h2{color:var(--foreground);font-size:1.5rem;margin-bottom:20px}.file-upload-container{align-items:center;display:flex;margin-bottom:20px}.files-list{margin:20px 0}.file-item{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.file-item span{color:var(--foreground)}.controls{display:flex;gap:10px;margin:20px 0}.preview-container{margin-top:30px}.preview-container h3{color:var(--foreground);font-size:1.2rem;margin-bottom:15px}.table-container{border:1px solid var(--border-color);border-radius:4px;margin-top:10px;overflow-x:auto}table{border-collapse:collapse;font-size:.9rem;width:100%}td,th{border:1px solid var(--border-color);color:var(--foreground);padding:8px 12px;text-align:left}th{font-weight:700}th,tr:nth-child(2n){background-color:var(--background-secondary)}button:disabled{cursor:not-allowed;opacity:.5}.pivot-container{background-color:var(--background);color:var(--foreground);display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;padding:20px;width:100%}.file-upload-section{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem;width:100%}.file-container{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;max-width:45%;min-width:250px;padding:1.5rem}.fields-section{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}.fields-container,.fields-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.field-card{background-color:var(--accent-secondary);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:var(--background);cursor:grab;font-size:14px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.field-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.pivot-builder{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:2rem;padding:20px}.pivot-areas{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.drop-area{background-color:var(--background);border:2px dashed var(--border-color);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;min-height:150px;padding:15px}.drop-area h3{color:var(--accent-primary);font-size:16px;margin:0 0 8px}.drop-area p{color:var(--text-muted);font-size:14px;margin:0 0 15px}.dropped-fields{display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.rows-area{border-color:var(--accent-green)}.columns-area{border-color:var(--accent-primary)}.values-area{border-color:var(--accent-yellow)}.pivot-preview{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:2rem;padding:20px}.preview-container{margin-top:20px;overflow-x:auto}.preview-container table{border-collapse:collapse;width:100%}.preview-container td,.preview-container th{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.preview-container th{background-color:var(--accent-primary);color:var(--background);font-weight:700}.preview-container tr:nth-child(2n){background-color:var(--background-alt)}.mb-4{margin-bottom:16px}.mb-2{margin-bottom:8px}.select{background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;color:var(--foreground);font-size:14px;padding:8px;width:100%}.preview-note{color:var(--text-muted);font-style:italic;margin-top:10px;text-align:center}.download-container{display:flex;justify-content:center;margin-top:20px}.download-button{align-items:center;gap:8px}.action-buttons,.download-button{display:flex;justify-content:center}.action-buttons{margin-top:20px}.build-table-button{align-items:center;display:flex;gap:8px;justify-content:center}.build-table-button:disabled{background-color:var(--border-color)!important;box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.file-upload-section{align-items:center;flex-direction:column;margin-bottom:10px}.file-container{max-width:450px;width:100%}.pivot-areas{gap:15px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.c81d485d.css.map*/