:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5;color:#333}#root{width:100%}button{font-family:inherit}.ag-theme-alpine .ag-header-cell-label{justify-content:center}.app{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh}.app-header{text-align:center;margin-bottom:30px}.app-header h1{font-size:2rem;margin:0 0 8px;color:#1a1a2e}.app-header .subtitle{color:#666;margin:0}.app-main{display:flex;flex-direction:column;gap:30px}section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}section h2{font-size:1.2rem;margin:0 0 16px;color:#333;border-bottom:2px solid #4472c4;padding-bottom:8px}.excel-uploader{width:100%}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.drop-zone:hover{border-color:#4472c4;background:#f0f4ff}.drop-zone.loading{border-color:#4472c4;background:#f0f4ff;cursor:wait}.drop-zone p{margin:0 0 8px;color:#666}.drop-zone .file-types{font-size:.85rem;color:#999}.loading-indicator{color:#4472c4;font-weight:500;display:flex;align-items:center;gap:10px}.loading-indicator:before{content:"";width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#4472c4;border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 20px}.upload-progress span{color:#4472c4;font-weight:500}.progress-bar{width:100%;max-width:300px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4472c4,#2f5496);border-radius:4px;transition:width .2s ease-out}.file-info{display:flex;align-items:center;justify-content:center;gap:16px}.file-name{font-weight:500;color:#333;background:#e8f0fe;padding:8px 16px;border-radius:4px}.select-file-btn,.change-file-btn{background:#4472c4;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.select-file-btn:hover,.change-file-btn:hover{background:#3461b3}.change-file-btn{background:#666}.change-file-btn:hover{background:#555}.cancel-upload-btn{margin-top:10px;padding:6px 16px;border:1px solid #dc3545;border-radius:4px;background:#fff;color:#dc3545;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.cancel-upload-btn:hover{background:#dc3545;color:#fff}.excel-grid-container{display:flex;flex-direction:column;gap:12px}.excel-grid-placeholder{border:2px dashed #ddd;border-radius:8px;padding:60px 20px;text-align:center;color:#999}.sheet-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;border-bottom:1px solid #ddd}.sheet-tab{padding:8px 16px;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;background:#f5f5f5;cursor:pointer;white-space:nowrap;font-size:.9rem;color:#666;transition:all .2s}.sheet-tab:hover{background:#e8f0fe;color:#4472c4}.sheet-tab.active{background:#4472c4;color:#fff;border-color:#4472c4}.grid-wrapper{height:500px;width:100%}.ag-theme-alpine{--ag-header-background-color: #f0f4ff;--ag-odd-row-background-color: #fafbfc;--ag-row-hover-color: transparent;--ag-selected-row-background-color: transparent;--ag-range-selection-background-color: transparent;--ag-range-selection-border-color: transparent}.ag-theme-alpine .ag-row-hover,.ag-theme-alpine .ag-row-selected,.ag-theme-alpine .ag-row-focus{background-color:inherit!important}.ag-theme-alpine .ag-cell-focus{border:none!important;outline:none!important}.ag-theme-alpine .ag-cell-range-selected:not(.cell-selected){background-color:transparent!important}.row-number-cell{background:#f5f5f5!important;color:#999;font-size:.85rem;text-align:center}.selection-info{display:flex;align-items:center;gap:8px;padding:12px;background:#f8f9fa;border-radius:4px;font-size:.9rem}.selection-info .hint{color:#999;font-style:italic}.selection-info .label{color:#666}.selection-info .range{font-family:monospace;font-weight:600;color:#4472c4;background:#e8f0fe;padding:2px 8px;border-radius:4px}.selection-info .sheet{color:#999;font-size:.85rem}.selection-info .dimensions{color:#666;font-size:.85rem;margin-left:8px;padding-left:8px;border-left:1px solid #ddd}.cell-selected{background-color:#4472c440!important;border:1px solid #4472c4!important}.selection-help{font-size:.85rem;color:#666;padding:8px 12px;background:#f0f4ff;border-radius:4px;border-left:3px solid #4472c4}.selection-help strong{color:#4472c4}.upload-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.data-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.word-uploader{width:100%}.paragraph-list-container{display:flex;flex-direction:column;gap:12px}.paragraph-list-placeholder{border:2px dashed #ddd;border-radius:8px;padding:60px 20px;text-align:center;color:#999}.paragraph-list-placeholder .hint{font-size:.85rem;margin-top:8px}.paragraph-list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #ddd}.paragraph-list-header .count{font-weight:500;color:#666}.paragraph-list-header .hint{font-size:.85rem;color:#4472c4;font-weight:500}.paragraph-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.paragraph-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .15s}.paragraph-item:hover{border-color:#4472c4;background:#f8faff}.paragraph-item.selected{border-color:#4472c4;background:#e8f0fe}.paragraph-item.heading{border-left:3px solid #4472c4}.paragraph-type-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0}.paragraph-item.heading .paragraph-type-badge{background:#4472c4;color:#fff}.paragraph-item.paragraph .paragraph-type-badge{background:#e0e0e0;color:#666}.paragraph-text{flex:1;font-size:.9rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paragraph-style{font-size:.75rem;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:3px;flex-shrink:0}.paragraph-list-container.edit-mode{border:2px solid #4472c4;border-radius:8px;padding:12px;background:#f8faff}.paragraph-item.clickable:hover{border-color:#28a745;background:#e8f5e9}.paragraph-item.current-edit{border-color:#ffc107;background:#fff3cd;border-width:2px}.mapping-list-container{display:flex;flex-direction:column;gap:12px}.mapping-list-placeholder{border:2px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center;color:#999}.mapping-list-placeholder .hint{font-size:.85rem;margin-top:8px}.mapping-list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #ddd}.mapping-list-header .count{font-weight:500;color:#666}.mapping-list{display:flex;flex-direction:column;gap:8px}.mapping-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa}.mapping-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4472c4;color:#fff;font-weight:600;font-size:.85rem;flex-shrink:0}.mapping-details{flex:1;display:flex;flex-direction:column;gap:4px}.mapping-excel,.mapping-word{display:flex;align-items:center;gap:6px;font-size:.9rem}.mapping-excel .label,.mapping-word .label{color:#666;font-weight:500}.mapping-excel .range{font-family:monospace;font-weight:600;color:#4472c4;background:#e8f0fe;padding:2px 6px;border-radius:3px}.mapping-excel .sheet{color:#999;font-size:.85rem}.mapping-word .paragraph{color:#333;font-style:italic}.remove-mapping-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:#f0f0f0;color:#666;cursor:pointer;font-weight:600;transition:all .15s;flex-shrink:0}.remove-mapping-btn:hover{background:#f44;color:#fff}.drag-handle{cursor:grab;padding:4px 8px;color:#999;-webkit-user-select:none;user-select:none;flex-shrink:0}.drag-handle:active{cursor:grabbing}.drag-icon{font-size:1.2rem;font-weight:700;letter-spacing:2px}.mapping-item.dragging{box-shadow:0 4px 12px #00000026;background:#fff}.mapping-item.editing{border-color:#4472c4;background:#f0f7ff}.mapping-list-header .edit-hint{color:#4472c4;font-size:.85rem;font-weight:500}.mapping-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.edit-dropdown{position:relative}.edit-mapping-btn{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#666;cursor:pointer;font-size:.85rem;transition:all .15s}.edit-mapping-btn:hover{background:#f0f0f0;border-color:#ccc}.edit-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:160px}.edit-menu button{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer;font-size:.9rem;color:#333}.edit-menu button:hover{background:#f5f5f5}.edit-menu button:first-child{border-radius:6px 6px 0 0}.edit-menu button:last-child{border-radius:0 0 6px 6px}.cancel-edit-btn{padding:6px 12px;border:1px solid #ff6b6b;border-radius:4px;background:#fff;color:#ff6b6b;cursor:pointer;font-size:.85rem;transition:all .15s}.cancel-edit-btn:hover{background:#ff6b6b;color:#fff}.mapping-item .range.highlight,.mapping-item .paragraph.highlight{background:#fff3cd;border:1px dashed #ffc107}.excel-grid-container.edit-mode{border:2px solid #4472c4;border-radius:8px;padding:12px;background:#f8faff}.edit-mode-bar{display:flex;justify-content:space-between;align-items:center;background:#fff3cd;padding:10px 14px;border-radius:4px;border:1px solid #ffeeba;margin-bottom:12px}.edit-mode-hint{color:#856404;font-size:.9rem;font-weight:500}.edit-mode-actions{display:flex;gap:8px}.confirm-edit-btn{padding:6px 16px;border:none;border-radius:4px;background:#28a745;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .15s}.confirm-edit-btn:hover:not(:disabled){background:#218838}.confirm-edit-btn:disabled{background:#ccc;cursor:not-allowed}.edit-mode-actions .cancel-edit-btn{padding:6px 16px;border:1px solid #dc3545;border-radius:4px;background:#fff;color:#dc3545;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.edit-mode-actions .cancel-edit-btn:hover{background:#dc3545;color:#fff}.generate-section{text-align:center}.generate-button-container{display:flex;flex-direction:column;align-items:center;gap:12px}.generate-btn{background:#28a745;color:#fff;border:none;padding:16px 48px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.generate-btn:hover:not(.disabled):not(.generating){background:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.generate-btn.disabled{background:#ccc;cursor:not-allowed}.generate-btn.generating{background:#17a2b8;cursor:wait;display:flex;align-items:center;justify-content:center;gap:10px}.generate-btn.generating:before{content:"";width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite}.generate-btn.uploading{background:#6c757d;cursor:wait}.generate-btn.uploading:before{display:none}.generate-progress{margin-top:10px;width:100%}.generate-progress .progress-bar{max-width:100%;height:6px}.generate-progress .progress-fill{background:linear-gradient(90deg,#28a745,#218838)}.generate-hint{color:#666;font-size:.9rem;margin:0}.generate-error{color:#dc3545;font-size:.9rem;margin:0;padding:8px 16px;background:#f8d7da;border-radius:4px}.section-header-with-tabs{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:2px solid #4472c4;padding-bottom:8px}.section-header-with-tabs h2{margin:0;border-bottom:none;padding-bottom:0}.mapping-tabs{display:flex;gap:4px}.mapping-tab{padding:8px 16px;border:1px solid #ddd;border-radius:4px 4px 0 0;background:#f5f5f5;cursor:pointer;white-space:nowrap;font-size:.9rem;color:#666;transition:all .2s}.mapping-tab:hover{background:#e8f0fe;color:#4472c4}.mapping-tab.active{background:#4472c4;color:#fff;border-color:#4472c4}.preview-tab-container{display:flex;flex-direction:column;gap:12px}.preview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #ddd}.preview-title{font-weight:500;color:#333}.refresh-preview-btn{padding:8px 16px;border:1px solid #4472c4;border-radius:4px;background:#fff;color:#4472c4;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.refresh-preview-btn:hover:not(.disabled){background:#4472c4;color:#fff}.refresh-preview-btn.disabled{border-color:#ccc;color:#999;cursor:not-allowed}.preview-loading{display:flex;justify-content:center;padding:20px}.processing-indicator{display:flex;align-items:center;gap:10px;color:#4472c4;font-weight:500}.processing-indicator:before{content:"";width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#4472c4;border-radius:50%;animation:spinner .8s linear infinite}.preview-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#f8d7da;border-radius:4px;color:#dc3545}.preview-error button{padding:8px 16px;border:1px solid #dc3545;border-radius:4px;background:#fff;color:#dc3545;cursor:pointer;font-weight:500;transition:all .15s}.preview-error button:hover{background:#dc3545;color:#fff}.preview-placeholder{border:2px dashed #ddd;border-radius:8px;padding:60px 20px;text-align:center;color:#999}.preview-placeholder .hint{font-size:.85rem;margin-top:8px}.preview-container{min-height:600px;border:1px solid #ddd;border-radius:4px;background:#f5f5f5;overflow:auto;padding:20px}.preview-container.loading{opacity:.5}.preview-container .docx-wrapper{background:#fff;box-shadow:0 2px 8px #0000001a;margin:0 auto}.preview-warning{background:#fff3cd;border:1px solid #ffeeba;border-left:4px solid #ffc107;color:#856404;padding:10px 14px;border-radius:4px;font-size:.85rem;margin-bottom:12px}.preview-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px;background:#f8f9fa;border-radius:4px;margin-bottom:12px}.pagination-btn{padding:8px 16px;border:1px solid #4472c4;border-radius:4px;background:#fff;color:#4472c4;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#4472c4;color:#fff}.pagination-btn:disabled{border-color:#ccc;color:#999;cursor:not-allowed;background:#f5f5f5}.pagination-info{font-size:.9rem;color:#666;font-weight:500;min-width:120px;text-align:center}