*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f0f2f5;margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{background:#fff;border-radius:12px;max-width:800px;margin:auto;padding:30px;box-shadow:0 4px 20px #00000014}h1{text-align:center;color:#08c;margin-bottom:10px}.mode-selector{text-align:center;background:#eef7fb;border-radius:8px;margin-bottom:20px;padding:10px}.upload-area{cursor:pointer;background:#f9fcff;border:2px dashed #08c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px 20px;transition:all .3s;display:flex}.upload-area:hover{background:#eef7fb;border-color:#006dae}.btn-select{color:#fff;pointer-events:none;background:#08c;border-radius:6px;padding:12px 30px;font-size:15px;font-weight:700;box-shadow:0 2px 5px #0000001a}input[type=file]{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.file-list{text-align:left;color:#666;border:1px solid #eee;border-radius:4px;max-height:150px;margin-top:15px;padding:10px;font-size:13px;overflow-y:auto}.file-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:4px 0;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:20px;padding:12px;font-size:16px;font-weight:700;transition:all .2s}.btn-upload{color:#fff;background-color:#28a745}.btn-upload:hover{background-color:#218838}.btn-upload:disabled{cursor:not-allowed;background-color:#ccc}.progress-box{margin-top:20px}.progress-bar-bg{background-color:#e9ecef;border-radius:4px;width:100%;height:20px;overflow:hidden}.progress-bar-fill{text-align:center;color:#fff;background-color:#08c;background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;height:100%;font-size:12px;line-height:20px;transition:width .2s;animation:1s linear infinite progress-bar-stripes}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.status-text{color:#555;text-align:center;margin-top:5px;font-family:monospace;font-size:13px}.result-area{margin-top:30px}textarea{resize:vertical;color:#212529;box-sizing:border-box;background:#f8f9fa;border:1px solid #ccc;border-radius:6px;width:100%;height:250px;padding:10px;font-family:monospace;font-size:12px}.copy-btn{color:#fff;background-color:#6c757d;margin-top:10px}.copy-btn:hover{background-color:#5a6268}