:root{--color-main: #1d3461;--color-light: #e7f8ff;--color-medium: #247ba0;--color-cta: #ff1861;--color-bg: #ffffff;--color-text: #1d3461;--color-text-light: #6b7280;--color-border: #e5e7eb;--color-hover: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, 1rem);--spacing-md: clamp(1rem, 2vw, 1.5rem);--spacing-lg: clamp(1.5rem, 3vw, 3rem);--font-size-base: clamp(.875rem, .75rem + .5vw, 1rem);--font-size-lg: clamp(1rem, .875rem + .5vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1rem + 1vw, 2rem);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}body{margin:0;background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;max-width:100vw}#root{min-height:100vh;overflow-x:hidden;max-width:100vw}::-webkit-scrollbar-thumb{background:var(--color-main);border-radius:6px}::selection{background:var(--color-medium);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.app{min-height:100vh;background:var(--color-bg);padding:2rem 3rem;overflow-x:hidden;max-width:100vw;box-sizing:border-box}.header{width:100%;max-width:100%;margin:0 auto 2rem;padding:0 1rem;box-sizing:border-box}.header-wrapper{display:flex;flex-direction:column;gap:1rem}.header-top-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:1rem}.header-content{display:flex;flex-direction:column;gap:1rem;width:100%}.header-top-row>a{display:block;flex-shrink:0;line-height:0}.header-content>div{display:flex;flex-direction:column}.header p.header-desc{font-size:18px;font-family:Roboto,sans-serif;font-weight:400;color:var(--color-main);line-height:1.75}.header-desc a{color:var(--color-medium);text-decoration:none;font-weight:500}a:hover{color:var(--color-cta)}.header-logo{height:60px;width:auto;max-width:100%;display:block;object-fit:contain;aspect-ratio:auto;transition:opacity .2s}.header-logo:hover{opacity:.8}.header-contact-btn{flex-shrink:0}.header h1{font-size:2rem;font-weight:700;color:var(--color-main);margin-top:0;margin-bottom:.5rem;line-height:1.2}.header p{color:var(--color-text-light);font-size:.95rem}.container{width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem;box-sizing:border-box;overflow-x:hidden}table{max-width:100%;overflow-x:auto}img{max-width:100%;height:auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-main);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-medium)}*{scrollbar-width:thin;scrollbar-color:var(--color-main) #f1f1f1}.upload-section{background:#fff;border-radius:0;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.upload-area{border:2px dashed var(--color-border);border-radius:0;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--color-light)}.upload-area:hover{border-color:var(--color-medium)}.upload-area.drag-over{border-color:var(--color-cta);background:#fff0f5}.upload-area-content p{color:var(--color-text-light);font-size:.9rem}.file-input{display:none}.file-list{margin-top:1.5rem;display:grid;gap:.75rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-hover);border-radius:0;border-left:4px solid}.file-info{flex:1;display:flex;align-items:center;gap:1rem}.color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.file-details p{font-size:.85rem;color:var(--color-text-light)}.file-actions{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 1px 2px #0000000d}.btn:hover{box-shadow:0 2px 4px #0000001a}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn-primary{background:var(--color-main);color:#fff;border:2px solid transparent}.btn-primary:hover{background:var(--color-medium)}.btn-cta{background:var(--color-cta);color:#fff}.btn-cta:hover{opacity:.9}.btn-secondary{background:var(--color-main);color:#fff;border:none}.btn-secondary:hover{background:var(--color-medium)}.btn-outline-primary{background:#fff;color:var(--color-main);border:2px solid var(--color-main);font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .15s,color .15s}.btn-outline-primary:hover{background:var(--color-main);color:#fff}.btn-danger{background:var(--color-cta);color:#fff}.btn-danger:hover{opacity:.9}.comparison-section{background:#fff;border-radius:0;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.comparison-section h2{font-size:1.3rem;font-weight:700;color:var(--color-main);margin:0 0 10px}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.baseline-selector{display:flex;align-items:center;gap:.5rem}.comparison-table{width:100%!important;border-collapse:collapse;table-layout:auto;min-width:100%}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;position:relative}.table-responsive table{width:100%!important}.comparison-table th,.comparison-table td{text-align:center;vertical-align:middle;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);min-width:7vw;background:#fff;white-space:normal;word-break:keep-all;width:auto}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;vertical-align:middle;position:sticky;left:0;z-index:2;background:#fff;min-width:7vw;white-space:normal;word-break:keep-all;width:auto}.comparison-table th{position:sticky;top:0;z-index:1;background:var(--color-hover)}.comparison-table th:first-child{z-index:3}.comparison-table td:nth-child(2){vertical-align:middle}.comparison-table th{background:var(--color-hover);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light)}.comparison-table td{font-size:.9rem;color:var(--color-text)}.comparison-table tr:hover{background:var(--color-hover)}.file-name-cell{display:flex;align-items:center;gap:.75rem}.controls-section{background:#fff;border-radius:0;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.controls-section h2{font-size:1.3rem;font-weight:700;color:var(--color-main);margin:0 0 10px}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.9rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.control-group input[type=number],.control-group input[type=range],.control-group select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:0;font-size:.9rem;font-family:inherit;background:#fff;color:var(--color-text)}.control-group input[type=number]:focus,.control-group select:focus{outline:none;border-color:var(--color-medium)}.control-group input[type=range]{padding:0}.range-value{font-weight:600;color:var(--color-medium)}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.file-controls{margin-top:1.5rem;display:grid;gap:1rem}.file-control-card{padding:1.5rem;background:var(--color-hover);border-radius:0;border-left:4px solid}.file-control-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.file-control-header h3{font-size:1rem;font-weight:600;color:var(--color-text)}.charts-section{display:grid;gap:1.5rem}.chart-card{background:#fff;border-radius:0;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;height:fit-content}.chart-card h2{font-size:1.3rem;font-weight:700;color:var(--color-main);margin:0 0 10px}.chart-wrapper{position:relative;height:auto;max-width:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.chart-info{margin-top:1rem;padding:1rem;background:var(--color-light);border-radius:0;font-size:.85rem;color:var(--color-text-light)}.export-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.warning-banner{margin-top:1rem;padding:.75rem 1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:0;color:#856404;font-size:.9rem}.debug-panel{margin-top:1rem;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:0;font-size:.85rem}.debug-log{max-height:200px;overflow-y:auto;background:#fff;padding:.75rem;border-radius:0;font-family:Courier New,monospace}.debug-item{padding:.25rem 0;border-bottom:1px solid #e5e7eb;font-size:.8rem}.debug-item:last-child{border-bottom:none}.file-controls-compact{display:grid;gap:.75rem;width:100%;max-width:100%}.file-control-card-compact{padding:.75rem 1rem;background:var(--color-hover);border-radius:0;border-left:4px solid;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.file-control-header-compact{flex:0 1 auto;min-width:120px;font-size:.9rem;font-weight:600;color:var(--color-text)}.controls-compact-grid{display:flex;align-items:center;gap:1rem;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.control-item-compact{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;max-width:100%}.control-item-compact label{font-size:.9rem;font-weight:500;color:var(--color-text-light);white-space:nowrap}.input-with-value{display:flex;align-items:center;gap:.35rem}.input-with-value input[type=range]{flex:1}.input-with-value input[type=number]{width:70px;padding:.3rem .4rem;border:1px solid var(--color-border);border-radius:0;font-size:.9rem}.value-badge{font-size:.9rem;padding:.2rem .4rem;background:var(--color-main);color:#fff;border-radius:0;white-space:nowrap;min-width:45px;text-align:center}.charts-grid{display:grid;gap:1.5rem}.chart-header-with-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:1rem}.chart-header-with-controls h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.cp-controls{display:flex;gap:1rem;align-items:center}.cp-input{display:flex;flex-direction:column;gap:.25rem}.cp-input label{font-size:.75rem;color:var(--color-text-light);font-weight:500}.cp-input input{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:0;font-size:.85rem;width:80px}.cp-input input:focus{outline:none;border-color:var(--color-medium)}@media(min-width:1400px){.chart-card,.comparison-section,.controls-section{padding:1.25rem}}@media(max-width:1199px){.app{padding:1.5rem;max-width:100vw;overflow-x:hidden}.header,.container{padding:0 .5rem;max-width:100%}.charts-grid{gap:1.25rem}.upload-section,.comparison-section,.controls-section,.chart-card{max-width:100%}}@media(min-width:768px)and (max-width:1023px){.comparison-section,.chart-card,.controls-section{padding:.85rem}.comparison-table th,.comparison-table td{font-size:.8rem;padding:.6rem .75rem}.file-control-card-compact{padding:.7rem 1rem;gap:.7rem;flex-wrap:wrap}.file-control-header-compact{flex:0 0 100%;font-size:.9rem}.controls-compact-grid{flex:0 0 100%;flex-direction:column;gap:.7rem;justify-content:flex-start;align-items:flex-start}.control-item-compact{flex:1 1 100%;width:100%;justify-content:flex-start;align-items:center}.control-item-compact label{font-size:.9rem;flex:0 0 auto;text-align:left;margin-right:auto}.input-with-value{flex:1 1 auto;justify-content:flex-end}.input-with-value input[type=number]{flex:1 1 auto;max-width:150px;padding:.3rem .4rem;font-size:.9rem}.value-badge{font-size:.9rem;padding:.2rem .4rem;flex:0 0 auto}}@media(max-width:767px){.app{padding:1rem;max-width:100vw;overflow-x:hidden}.header,.container{padding:0;max-width:100%}footer{margin-left:calc(-50vw + 50%)!important;width:100vw!important}footer>div{grid-template-columns:1fr!important;gap:2rem!important;padding:0 1rem!important}.header-logo{height:40px}.header h1{font-size:1.5rem}.upload-section{padding:.75rem;border-radius:0;max-width:100%;overflow-x:hidden}.controls-section,.comparison-section,.chart-card{padding:.5rem;border-radius:0;max-width:100%;overflow-x:auto;height:fit-content}.comparison-header{flex-direction:column;align-items:flex-start;gap:1rem}.baseline-selector{width:100%;justify-content:flex-start}.baseline-selector select{flex:1;max-width:60%;font-size:.8rem}.upload-area{padding:2rem 1rem}.file-item{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:.75rem}.file-control-card-compact{padding:.6rem .85rem;gap:.6rem;flex-wrap:wrap}.file-control-header-compact{flex:0 0 100%;min-width:100px;font-size:.85rem}.controls-compact-grid{flex:0 0 100%;flex-direction:column;gap:.6rem;justify-content:flex-start;align-items:flex-start}.control-item-compact{flex:1 1 100%;width:100%;justify-content:flex-start;align-items:center}.control-item-compact label{font-size:.85rem;flex:0 0 auto;text-align:left;margin-right:auto}.input-with-value{flex:1 1 auto;justify-content:flex-end}.input-with-value input[type=number]{flex:1 1 auto;max-width:140px;padding:.3rem .4rem;font-size:.85rem}.value-badge{font-size:.85rem;padding:.2rem .4rem;flex:0 0 auto}.file-info{display:block;overflow:hidden}.file-details h4{font-size:.9rem!important}.file-details p{font-size:.8rem;line-height:1.5;margin-top:.3rem!important}.file-details input{font-size:.8rem!important;padding:.25rem .5rem!important;width:140px!important}.file-actions{display:flex;flex-direction:column;gap:.5rem;min-width:fit-content}.file-actions .btn-sm{font-size:.75rem;padding:.35rem .6rem;white-space:nowrap}.comparison-table{width:100%!important;max-width:100%}.table-responsive{width:100%}.comparison-table th,.comparison-table td{padding:.5rem;font-size:.75rem;text-align:center;vertical-align:middle;min-width:100px}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-size:.7rem;vertical-align:middle;min-width:120px}.comparison-table td:nth-child(2){vertical-align:middle}.chart-card h2{font-size:1.1rem}button,.btn{font-size:.75rem;padding:.35rem .6rem}label{font-size:.75rem}.chart-header-with-controls{flex-direction:column;align-items:flex-start}.cp-controls{width:100%;justify-content:flex-start}.value-badge{min-width:60px}}@media(max-width:480px){.app{padding:.5rem;max-width:100vw;overflow-x:hidden}.header,.container{max-width:100%}.header-logo{height:35px}.header h1{font-size:1.1rem}.header p{font-size:.8rem}.header p.header-desc{font-size:.9rem;line-height:1.5}.sample-btns{flex-direction:column;align-items:stretch}.sample-btns>*{width:100%;text-align:center;box-sizing:border-box}.btn-sm{padding:.25rem .5rem;font-size:.7rem}button,.btn{font-size:.7rem;padding:.3rem .5rem}.comparison-table{font-size:.65rem;width:100%!important;max-width:100%}.comparison-table th,.comparison-table td{padding:.4rem .3rem;vertical-align:middle;min-width:90px}.comparison-table th:first-child,.comparison-table td:first-child{min-width:110px}.comparison-table td:nth-child(2){vertical-align:middle}.baseline-selector select{font-size:.7rem}.file-control-card-compact{padding:.5rem .75rem;gap:.5rem;flex-wrap:wrap}.file-control-header-compact{flex:0 0 100%;min-width:100px;font-size:.85rem}.controls-compact-grid{flex:0 0 100%;flex-direction:column;gap:.5rem;justify-content:flex-start;align-items:flex-start}.control-item-compact{flex:1 1 100%;width:100%;justify-content:flex-start;align-items:center}.control-item-compact label{font-size:.85rem;flex:0 0 auto;text-align:left;margin-right:auto}.input-with-value{flex:1 1 auto;justify-content:flex-end}.input-with-value input[type=number]{flex:1 1 auto;max-width:120px;padding:.25rem .3rem;font-size:.85rem}.value-badge{font-size:.85rem;padding:.15rem .35rem;flex:0 0 auto}.cp-input input{width:60px;font-size:.75rem}.color-dot{width:12px;height:12px}.file-name-cell{gap:.4rem}.upload-section{padding:.5rem;max-width:100%}.chart-card,.controls-section{padding:.4rem;max-width:100%;overflow-x:auto;height:fit-content}.chart-card h2{font-size:1rem}.comparison-section{padding:.5rem;max-width:100%;overflow-x:auto}.site-footer{padding:20px 16px}.footer-social{flex-wrap:nowrap;justify-content:center;gap:0}h1{line-height:1.4}h2,h3{line-height:1.3}h4{line-height:1.2}}.site-footer{background:#1d3461;color:#e7f8ff;padding:28px 32px;font-size:.875rem;margin-top:40px;line-height:1.7;margin-left:-3rem;margin-right:-3rem;margin-bottom:-2rem}.footer-divider{border:none;border-top:1px solid rgba(255,255,255,.15);margin:14px 0}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0}.footer-nav a{color:#e7f8ffcc;text-decoration:none;font-size:.8125rem;padding:2px 12px;transition:color .15s}.footer-nav a+a{border-left:1px solid rgba(255,255,255,.2)}.footer-nav a:hover{color:#fff}.footer-social{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.footer-social::-webkit-scrollbar{display:none}.footer-social a{color:#e7f8ffb3;text-decoration:none;padding:8px;display:flex;align-items:center;transition:color .15s;min-width:44px;min-height:44px;justify-content:center}.footer-social a:hover{color:#fff}.footer-social svg{width:22px;height:22px;flex-shrink:0}.footer-copyright{text-align:center;color:#e7f8ff80;font-size:.8125rem;margin-top:4px}.about-block{margin-top:3rem;border:1px solid var(--color-border);background:#fff}.about-block details{width:100%}.about-block summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.about-block summary::-webkit-details-marker{display:none}.about-block-title{font-size:30px;font-weight:800;font-family:Raleway,sans-serif;color:var(--color-main)}.about-chevron{width:22px;height:22px;flex-shrink:0;color:var(--color-medium);transition:transform .2s ease}.about-block details[open] summary .about-chevron{transform:rotate(180deg)}.about-body{padding:0 1.25rem 1.5rem;color:var(--color-text);font-size:18px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.75}.about-body p{margin:0 0 .75rem}.about-body p:last-child{margin-bottom:0}.about-body h2{font-size:30px;font-weight:800;font-family:Raleway,sans-serif;color:var(--color-main);margin:1.5rem 0 .5rem}.about-body h3{font-size:26px;font-weight:800;font-family:Raleway,sans-serif;color:var(--color-main);margin:1.1rem 0 .35rem}.about-body ul,.about-body ol{margin:.35rem 0 .75rem 1.5rem;padding:0}.about-body li{margin-bottom:.3rem}.about-body a{color:var(--color-medium);text-decoration:none}.about-body a:hover{color:var(--color-cta)}