.header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:20px 0}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;position:relative}.header-left{display:flex;justify-content:flex-start;align-items:center}.header-center{display:flex;justify-content:center;align-items:center}.header-right{display:flex;justify-content:flex-end;align-items:center}.etlpi-link{font-size:24px;font-weight:700;color:#06c;text-decoration:none;transition:color .2s}.etlpi-link:hover{color:#0052a3;text-decoration:underline}.logo{font-size:24px;font-weight:700;color:#333;text-decoration:none}.nav{display:flex;gap:30px}.nav-link{color:#333;text-decoration:none;font-size:14px;transition:color .2s}.nav-link:hover{color:#06c}@media(max-width:768px){.header-container{grid-template-columns:1fr;gap:15px}.header-left,.header-center,.header-right{justify-content:center}.nav{flex-wrap:wrap;justify-content:center;gap:15px}}.footer{background-color:#fff;border-top:1px solid #e0e0e0;padding:30px 20px;text-align:center;color:#666;font-size:14px}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.footer-link{color:#666;text-decoration:none;font-size:14px;transition:color .2s}.footer-link:hover{color:#06c;text-decoration:underline}.footer p{margin:5px 0}@media(max-width:768px){.footer-links{gap:15px}.footer-link{font-size:13px}}.adsense-container{display:flex;justify-content:center;align-items:center;min-height:100px;margin:20px 0;padding:10px;background-color:#f9f9f9;border-radius:8px}.adsense-container ins{display:block;text-align:center}.upload-page{text-align:center;padding:40px 20px}.page-title{font-size:36px;font-weight:700;color:#333;margin-bottom:10px}.page-subtitle{font-size:16px;color:#666;margin-bottom:40px}.ad-space{border:2px dashed #ccc;border-radius:8px;padding:40px;margin:30px auto;max-width:600px;background-color:#f9f9f9}.ad-icon{font-size:48px;color:#999;margin-bottom:10px}.ad-space p{color:#999;font-size:14px}.upload-area{border:2px dashed #ccc;border-radius:8px;padding:60px 20px;margin:30px auto;max-width:700px;background-color:#fafafa;cursor:pointer;transition:all .3s ease}.upload-area:hover{border-color:#06c;background-color:#f0f7ff}.upload-area.dragging{border-color:#06c;background-color:#e6f2ff}.upload-icon{margin-bottom:20px;color:#999}.upload-text{font-size:18px;color:#333;margin-bottom:10px;font-weight:500}.upload-formats{font-size:14px;color:#666;margin-bottom:5px}.upload-size{font-size:14px;color:#666}.error-message{background-color:#fee;color:#c33;padding:15px;border-radius:4px;margin:20px auto;max-width:700px}.file-selected-info{margin:20px auto;max-width:700px;text-align:center}.selected-file-name{font-size:14px;color:#666;margin-bottom:15px}.selected-file-name strong{color:#333;font-weight:600}.delimiter-selector{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.delimiter-selector label{font-size:14px;color:#333;font-weight:500}.delimiter-selector select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;min-width:150px}.process-file-btn{background-color:#06c;color:#fff;border:none;padding:10px 30px;font-size:14px;border-radius:6px;cursor:pointer;transition:background-color .2s;font-weight:500}.process-file-btn:hover{background-color:#0052a3}.select-file-btn{background-color:#06c;color:#fff;border:none;padding:12px 40px;font-size:16px;border-radius:6px;cursor:pointer;margin-top:20px;transition:background-color .2s}.select-file-btn:hover{background-color:#0052a3}@media(max-width:768px){.page-title{font-size:28px}.upload-area{padding:40px 15px}}.analysis-page{padding:20px;max-width:1400px;margin:0 auto}.analysis-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.analysis-header h1{font-size:32px;color:#333;margin:0}.file-name{color:#666;font-size:14px;margin:0}.back-btn{background-color:#06c;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.back-btn:hover{background-color:#0052a3}.selection-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.selection-panel{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.selection-panel h2{font-size:18px;color:#333;margin-bottom:15px}.checkbox-group{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.no-numeric{color:#999;font-style:italic}.results-section{margin-top:40px}.results-section h2{font-size:24px;color:#333;margin-bottom:20px}.chart-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:30px;overflow-x:auto;overflow-y:visible}.table-container{overflow-x:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.results-table{width:100%;border-collapse:collapse;font-size:14px}.results-table th{background-color:#f5f5f5;padding:12px;text-align:left;border-bottom:2px solid #ddd;font-weight:600;color:#333}.results-table td{padding:10px 12px;border-bottom:1px solid #eee;color:#666}.results-table tr:hover{background-color:#f9f9f9}.error-message{background-color:#fee;color:#c33;padding:15px;border-radius:4px;margin-bottom:20px}.info-message{background-color:#e6f2ff;color:#06c;padding:15px;border-radius:4px;text-align:center;margin-top:20px}@media(max-width:768px){.analysis-header{flex-direction:column;align-items:flex-start}.selection-panels{grid-template-columns:1fr}.chart-container{padding:10px}}.info-page{max-width:900px;margin:0 auto;padding:40px 20px}.info-page-header{margin-bottom:30px}.back-link{display:inline-block;color:#06c;text-decoration:none;font-size:14px;margin-bottom:20px;transition:color .2s}.back-link:hover{color:#0052a3;text-decoration:underline}.info-page h1{font-size:36px;color:#333;margin-bottom:30px;text-align:center}.info-page section{margin-bottom:40px}.info-page h2{font-size:24px;color:#333;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.info-page h3{font-size:18px;color:#333;margin-bottom:10px;margin-top:20px}.info-page p{font-size:16px;line-height:1.6;color:#666;margin-bottom:15px}.info-page ul,.info-page ol{margin-left:30px;margin-bottom:20px}.info-page li{font-size:16px;line-height:1.6;color:#666;margin-bottom:10px}.info-page strong{color:#333;font-weight:600}.faq-item{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.faq-item:last-child{border-bottom:none}@media(max-width:768px){.info-page h1{font-size:28px}.info-page h2{font-size:20px}.info-page{padding:20px 15px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;max-width:1200px;width:100%;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}