*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px 0}.container{max-width:900px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;color:#fff;animation:fadeInDown .6s ease-out}header h1{font-size:2.2rem;margin-bottom:10px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}header .subtitle{font-size:1rem;opacity:.95;font-weight:300}.input-section{background:#fff;padding:32px;border-radius:12px;box-shadow:0 10px 30px #0003;margin-bottom:24px;animation:fadeInUp .6s ease-out;transition:transform .2s ease}.input-section:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000040}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:10px;color:#2c3e50;font-size:.95rem}.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#fafafa}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;font-family:Consolas,Monaco,monospace}.form-group .description{margin-top:10px;font-size:.88rem;color:#667eea;font-weight:500;padding:8px 12px;background-color:#667eea0d;border-radius:6px;border-left:3px solid #667eea}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}button:active{transform:translateY(0)}button:disabled{background:#bdc3c7;cursor:not-allowed;box-shadow:none;transform:none}button.loading{pointer-events:none;opacity:.8}button.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}.result-section{background:#fff;padding:32px;border-radius:12px;box-shadow:0 10px 30px #0003;display:none;animation:fadeInUp .6s ease-out}.result-section.visible{display:block}.result-section.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.result-success{color:#27ae60}.result-error{color:#e74c3c}.result-warning{color:#f39c12}.status-badge{display:inline-block;padding:10px 20px;border-radius:8px;font-weight:600;font-size:1.1rem;margin-bottom:20px;animation:scaleIn .4s ease-out}.status-badge.success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 4px 15px #38ef7d4d}.status-badge.error{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;box-shadow:0 4px 15px #eb33494d}.error-list,.warning-list{list-style:none;margin:16px 0}.error-list li,.warning-list li{padding:8px 12px;margin-bottom:8px;border-radius:4px}.error-list li{background-color:#ffeaea;border-left:4px solid #e74c3c;transition:transform .2s ease}.error-list li:hover{transform:translate(4px);background-color:#ffd9d9}.warning-list li{background-color:#fff8e6;border-left:4px solid #f39c12;transition:transform .2s ease}.warning-list li:hover{transform:translate(4px);background-color:#fff3d6}.result-table{width:100%;border-collapse:collapse;margin-top:16px;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a}.result-table th,.result-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.result-table th{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;color:#fff;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.result-table tr{transition:background-color .2s ease}.result-table tr:hover{background-color:#f8f9fa}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#2c3e50}.error-title{color:#e74c3c}.warning-title{color:#f39c12}.error-section,.warning-section,.table-section{margin-bottom:20px}.error-item,.warning-item{display:flex;gap:8px;align-items:flex-start}.error-type,.warning-type{font-weight:600;font-size:.85rem;white-space:nowrap}.error-message,.warning-message{flex:1}.config-table{width:100%;border-collapse:collapse;margin-top:12px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.config-table th,.config-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.config-table th{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;color:#fff;border-bottom:2px solid #5568d3;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.config-table tbody tr{transition:background-color .2s ease}.config-table tbody tr:hover{background-color:#f8f9fa}.config-table tbody tr:last-child td{border-bottom:none}.ad-id-cell{font-family:Consolas,Monaco,monospace;font-size:.9rem}footer{text-align:center;margin-top:40px;padding-top:20px;color:#ffffffe6;font-size:.9rem;font-weight:300}.spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:16px;color:#667eea;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){body{padding:10px 0}.container{padding:10px}header h1{font-size:1.6rem}header .subtitle{font-size:.9rem}.input-section,.result-section{padding:20px;border-radius:8px}button{width:100%;padding:14px 24px}.form-group label{font-size:.95rem}.form-group select,.form-group textarea{font-size:16px}.status-badge{font-size:1rem;padding:8px 16px}.section-title{font-size:1rem}.result-table,.config-table{font-size:.85rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.result-table th,.result-table td,.config-table th,.config-table td{padding:10px 8px;white-space:nowrap}.ad-id-cell{font-size:.8rem}.error-list li,.warning-list li{font-size:.9rem;padding:10px}}@media (max-width: 480px){header h1{font-size:1.4rem}.input-section,.result-section{padding:16px}.form-group textarea{rows:4}.result-table th,.result-table td,.config-table th,.config-table td{padding:8px 6px;font-size:.8rem}}.success-title{color:#27ae60}.failed-section{margin-bottom:20px}.failed-title{color:#e74c3c}.failed-entry-list{list-style:none;margin:16px 0}.failed-entry-item{padding:12px 16px;margin-bottom:12px;border-radius:8px;background-color:#ffeaea;border-left:4px solid #e74c3c;transition:transform .2s ease,background-color .2s ease}.failed-entry-item:hover{transform:translate(4px);background-color:#ffd9d9}.failed-entry-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.failed-entry-index{font-weight:600;color:#e74c3c;font-size:.9rem}.failed-entry-raw{font-family:Consolas,Monaco,monospace;font-size:.85rem;background-color:#0000000d;padding:4px 8px;border-radius:4px;word-break:break-all}.failed-entry-reason{font-size:.9rem;color:#555}.reason-label{font-weight:600;color:#e74c3c}.reason-text{color:#333}@media (max-width: 768px){.failed-entry-item{padding:10px 12px}.failed-entry-header{flex-direction:column;align-items:flex-start;gap:6px}.failed-entry-raw{font-size:.8rem;max-width:100%;overflow-x:auto}.failed-entry-reason{font-size:.85rem}}
