@charset "UTF-8";.frame-container{cursor:pointer;position:absolute}.frame-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--selected-column-background);opacity:.3;transition:all .2s ease;box-sizing:border-box}.frame-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--selected-second-column-background);color:var(--text-dark);padding:2px 6px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s ease;z-index:10}.frame-container:hover .frame-overlay{opacity:.6;border-color:var(--selected-cell-background)}.frame-container:hover .frame-label{opacity:1}.theme-toggle{transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}:root{--selected-column-background: #88C0D0;--selected-second-column-background: #EBCB8B;--selected-cell-background: #A3BE8C;--text-dark: #333}body{font-family:Oswald,system-ui;margin:0;padding:20px;box-sizing:border-box}body.dark-mode{background-color:#2e3440;color:#d8dee9}body.dark-mode .container{background-color:#3b4252}body.dark-mode .csv-input textarea,body.dark-mode .csv-input input{background-color:#4c566a;color:#eceff4;border:1px solid #ECEFF4}body.dark-mode th,body.dark-mode td{border-color:#eceff4}body.dark-mode .table-component{background-color:#4c566a;border:1px solid #ECEFF4}body.dark-mode .table-component th{background-color:#81a1c1;color:#eceff4}body.dark-mode .table-component tbody tr:nth-child(2n){background-color:#2e3440}body.dark-mode .table-component tbody tr:nth-child(odd){background-color:#4c566a}body.dark-mode button{background-color:#81a1c1;color:#eceff4}body.light-mode{background-color:#f4f4f9;color:#333}body.light-mode .container{background-color:#fff}body.light-mode .csv-input textarea,body.light-mode .csv-input input{background-color:#fff;color:#333;border:1px solid #ccc}body.light-mode th,body.light-mode td{border-color:#ccc}body.light-mode .table-component{background-color:#fff;border:1px solid #ccc}body.light-mode .table-component th{background-color:#333;color:#fff}body.light-mode .table-component tbody tr:nth-child(2n){background-color:#f4f4f9}body.light-mode .table-component tbody tr:nth-child(odd){background-color:#fff}body.light-mode button{background-color:#333;color:#fff}.container{margin:0 auto;max-width:1200px;padding:20px}.navbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.navbar ul{list-style:none;display:flex;margin:0;padding:0}.navbar ul li{margin-right:20px}.navbar ul li a{text-decoration:none;color:inherit}.navbar button{padding:10px 20px;border:none;cursor:pointer;background-color:transparent;color:inherit}.csv-input-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.csv-input-container .csv-input{flex:1 1 45%;margin-bottom:10px;padding:10px}.csv-input-container .csv-input textarea,.csv-input-container .csv-input input{width:100%;box-sizing:border-box;padding:10px;border:1px solid}.button-container{display:flex;justify-content:space-around;margin-bottom:20px;padding:1rem}.button-container button{padding:10px 20px;border:none;cursor:pointer}.button-container button:hover{opacity:.9}.button-container div{display:flex;justify-content:center;width:100%}.button-container div svg{margin-right:.5rem}.mt-2{text-align:center}.export-button{padding:10px 20px;margin-top:20px;border:none;cursor:pointer;background-color:#81a1c1;color:#eceff4;border-radius:4px}.export-button:hover{opacity:.9}body.light-mode .export-button{background-color:#333;color:#fff}.all-tables-container{display:flex;flex-direction:column;align-items:center}.visualization-container{display:flex;justify-content:center;width:100%}.visualization-container img{image-rendering:pixelated;image-rendering:crisp-edges}.table-component{position:relative;flex:1 1 calc(50% - 40px);min-width:300px;max-width:none;box-sizing:border-box;overflow:visible}.table-component .relative{position:relative;width:100%;height:100%}table{width:100%;border-collapse:collapse;table-layout:fixed;overflow:hidden}table th,table td{padding:10px;text-align:left;border:1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.selected-column{background-color:#88c0d0!important}.selected-second-column{background-color:#ebcb8b!important}.selected-cell{background-color:#a3be8c!important}.instructions-content{margin-top:20px}.tab-container{display:flex;margin-bottom:20px}.tab-container button{flex:1;padding:10px;margin-right:5px;border:none;cursor:pointer;background-color:#81a1c1;color:#eceff4}.tab-container button:last-child{margin-right:0}.tab-container button:hover{opacity:.9}.tab-container button.active{background-color:#5f88b0}body.light-mode .tab-container button{background-color:#333;color:#fff}body.light-mode .tab-container button.active{background-color:#4d4d4d}.footer{text-align:center;padding:20px;background-color:#3b4252;color:#d8dee9;margin-top:2rem}.footer p{margin:1rem 0}.footer a{color:inherit;text-decoration:underline}.footer a:hover{opacity:.8}body.light-mode .footer{background-color:#fff;color:#333}body.light-mode .footer a{color:inherit}.banner-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;box-sizing:content-box}.banner-ad-label{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.banner-ad-image{display:block;max-width:100%;height:auto;image-rendering:auto}.banner-ad-link{display:block;line-height:0}.banner-ad--top{margin:0 auto 20px}.page-bottom{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;margin-top:2rem}.page-bottom .footer{flex:1 1 320px;margin-top:0}.page-bottom .banner-ad--side{flex:0 0 auto;margin:0 auto}