*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#fff8f0 0%,#ffe4cc 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{color:#fff;display:flex;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);justify-content:space-between;align-items: center;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;align-items: center;gap:1.5rem}.header-text{display:flex;flex-direction:column;align-items: flex-start;gap:.3rem}.logo{display:flex;align-items: center;gap:1rem}.header-logo-image{border-radius:8px;width:auto;height:60px;box-shadow:0 2px 8px #0003}.logo-icon{display:flex;background:#fff3;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;font-size:20px;font-weight:700}.logo-text{color:#fff;text-shadow:0 2px 4px #0003;font-size:2rem;font-weight:700}.header-right{display:flex;flex-direction:column;align-items: flex-end;gap:.35rem}.header-title{opacity:.9;font-size:1.2rem}.app-version-badge{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff8c;border-radius:999px;padding:.3rem .55rem;transition:background .2s,border-color .2s;font-size:.78rem;font-weight:600;line-height:1}.app-version-badge:hover{background:#ffffff47;border-color:#ffffffd9}.changelog-lead{color:#495057;margin:0 0 1rem;font-size:.95rem}.changelog-entries{display:flex;flex-direction:column;gap:1.1rem}.changelog-entry{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:.85rem 1rem}.changelog-entry--current{background:#f0f7ff;border-color:#b8daff}.changelog-entry-title{display:flex;color:#212529;flex-wrap:wrap;align-items: center;gap:.5rem;margin:0 0 .55rem;font-size:1rem}.changelog-entry-summary{color:#495057;margin:0 0 .65rem;font-size:.9rem;line-height:1.6}.changelog-entry-date{color:#6c757d;font-size:.82rem;font-weight:500}.changelog-entry-current{color:#004085;background:#cce5ff;border-radius:999px;padding:.12rem .45rem;font-size:.72rem;font-weight:700}.changelog-entry-list{color:#495057;margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.55}.changelog-entry-list li{margin-bottom:.25rem}.changelog-modal-body{overflow-y:auto;max-height:70vh}.setup-check-btn--link{display:inline-flex;text-decoration:none;box-sizing:border-box;justify-content:center;align-items: center}.setup-check-btn--outline{color:#ff9500;box-shadow:none;background:#fff;border:2px solid #ff9500}.setup-check-btn--outline:hover{color:#e68500;background:#fff8f0;border-color:#e68500;box-shadow:0 2px 8px #ff950033}.practice-complete-section{background:#fff;border:1px solid #ff950033;border-radius:15px;margin-top:2rem;padding:1.75rem 2rem;box-shadow:0 5px 20px #00000014}.practice-complete-title{color:#ff9500;margin:0 0 .75rem;font-size:1.3rem;font-weight:600}.practice-complete-lead,.practice-complete-note{color:#555;margin:0 0 .75rem;font-size:1rem;line-height:1.65}.practice-complete-note{color:#666;font-size:.95rem}.practice-complete-actions{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem;margin-top:.5rem}.practice-check-link{display:inline-flex;color:#fff;text-decoration:none;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border-radius:25px;justify-content:center;align-items: center;margin-top:0;padding:.65rem 1.35rem;transition:all .2s;font-size:.95rem;font-weight:600;box-shadow:0 3px 10px #007bff4d}.practice-check-link:hover{color:#fff;transform:translateY(-1px);box-shadow:0 5px 14px #007bff59}.practice-trouble-btn{display:inline-flex;color:#1a1a1a;cursor:pointer;background:linear-gradient(#ffd54f 0%,#ffc107 100%);border:1px solid #e6ac00;border-radius:999px;justify-content:center;align-items: center;gap:.45rem;padding:.65rem 1.35rem;transition:all .2s;font-size:.95rem;font-weight:700;box-shadow:0 3px 10px #ffc10759}.practice-trouble-btn-icon{font-size:1rem;line-height:1}.practice-trouble-btn:hover{color:#111;background:linear-gradient(#ffe082 0%,#ffca28 100%);border-color:#d4a000;transform:translateY(-1px);box-shadow:0 5px 14px #ffc10773}.practice-trouble-btn:active{transform:translateY(0);box-shadow:0 2px 6px #ffc1074d}.trouble-guide-block{background:#fafafa;border:1px solid #eee;border-radius:10px;margin-top:1.25rem;padding:1rem 1.1rem}.trouble-guide-block p{color:#555;margin:0 0 .85rem;line-height:1.65}.trouble-guide-link{display:inline-flex;color:#0056b3;text-decoration:none;background:#e8f4fc;border:1px solid #b8daff;border-radius:8px;align-items: center;gap:.35rem;padding:.55rem 1rem;font-size:.92rem;font-weight:600;line-height:1.45}.trouble-guide-link:hover{color:#004494;background:#d6ebfa}.trouble-guide-link--support{color:#7a4b00;background:#fff3e0;border-color:#ffcc80}.trouble-guide-link--support:hover{color:#5c3800;background:#ffe8c2}.trouble-guide-modal-content{max-width:640px}.container{max-width:1200px;margin:2rem auto;padding:0 2rem}.upload-section{text-align:center;position:relative;background:#fff;border:2px dashed #ff9500;border-radius:15px;margin-bottom:2rem;padding:2rem;transition:all .3s;box-shadow:0 5px 20px #0000001a}.upload-section:hover{border-color:#e68500;transform:translateY(-2px)}.upload-section.dragover{background:linear-gradient(135deg,#fff8f0 0%,#ffe4cc 100%);border-color:#ff9500}.upload-title{color:#ff9500;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.upload-title-row{display:flex;flex-wrap:wrap;align-items: center;gap:1rem;margin-bottom:1rem}.upload-title-row .upload-title{margin-bottom:0}.xml-output-guide-row{margin-bottom:1.25rem}.xml-output-guide-btn{display:inline-flex;color:#ff9500;cursor:pointer;background:#fff8f0;border:2px solid #ff9500;border-radius:8px;align-items: center;gap:.35rem;padding:.5rem 1rem;transition:background .2s,color .2s,border-color .2s;font-size:.95rem;font-weight:600}.xml-output-guide-btn:hover{color:#fff;background:#ff9500}.tool-guide-item-inline{padding:.4rem .75rem;font-size:.9rem}.upload-section-lead{color:#555;text-align:center;margin-bottom:.75rem;font-size:.95rem}.upload-description{color:#666;margin-bottom:2rem}.file-inputs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.file-input-group{display:flex;flex-direction:column;align-items: center;gap:.5rem}.compare-label{color:#333;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.compare-label-hint,.compare-upload-hint{color:#666;text-align:center;max-width:320px;margin-bottom:.35rem;font-size:.8rem}.reference-xml-select{color:#333;cursor:pointer;background:#fff;border:2px solid #ffe4cc;border-radius:8px;min-width:280px;padding:.6rem 1rem;font-size:1rem}.reference-xml-select:focus{outline:none;border-color:#ff9500}.compare-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border:none;border-radius:25px;padding:.8rem 2rem;transition:all .3s;font-size:1rem;font-weight:600;box-shadow:0 3px 10px #ff95004d}.compare-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff950066}.compare-btn:active{transform:translateY(0)}.file-info{color:#ff9500;background:#fff8f0;border:1px solid #ffe4cc;border-radius:8px;min-width:250px;margin-top:.5rem;padding:.8rem;font-size:.9rem}.loading{text-align:center;color:#ff9500;padding:2rem;font-size:1.1rem}.loading:after{content:"";display:inline-block;animation:spin 1s linear infinite;border:2px solid #ff9500;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin-left:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.results{position:relative;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a}.result-box{text-align:center;border-radius:10px;margin-bottom:2rem;padding:1rem;font-size:1.2rem}.difference-item{color:#e74c3c;background:#fdf2f2;border-left:4px solid #e74c3c;border-radius:5px;margin-bottom:.8rem;padding:.8rem}.match-item{color:#27ae60;background:#f0f9f0;border-left:4px solid #27ae60}.tab-section-title{color:#ff9500;margin:0 0 .75rem;font-size:1.5rem}.tabs{display:flex;border-bottom:2px solid #f0f0f0;align-items: flex-end;gap:.5rem;margin-bottom:1.5rem}.tab[data-tab=pdf-layout]{order:1}.tab[data-tab=network-layout]{order:2}.tab[data-tab=carbon-copy-layout]{order:3}.tab[data-tab=def-info-layout]{order:4}.tab{position:relative;display:inline-flex;cursor:pointer;color:#666;background:#f8f9fa;border:none;border-radius:8px 8px 0 0;align-items: center;gap:.35rem;padding:.8rem 1.5rem;transition:all .3s;font-weight:600}.tab-diff-badge{display:inline-flex;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:1.15rem;height:1.15rem;font-size:.72rem;font-weight:700;line-height:1;box-shadow:0 1px 3px #0003}.tab-diff-badge--red{background:#dc3545}.tab-diff-badge--blue{background:#007bff}.tab-diff-badge--ok{background:#28a745;font-size:.62rem}.tab-badge-legend{display:flex;color:#495057;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex-wrap:wrap;align-items: center;gap:.75rem 1.5rem;margin:-.5rem 0 1.25rem;padding:.55rem .85rem;font-size:.85rem}.tab-badge-legend-item{display:inline-flex;align-items: center;gap:.4rem}.tab-panel-intro{border-bottom:1px solid #e9ecef;margin:0 0 1.25rem;padding-bottom:1rem}.tab-panel-intro p{color:#666;margin:0 0 .5rem;font-size:1rem;line-height:1.6}.tab-panel-intro-label{margin-top:.75rem!important}.tab-panel-body{margin:0;padding:0}.cluster-legend-list,.network-legend-list{list-style:none;margin:.5rem 0;padding-left:0;font-size:.9rem}.cluster-legend-list li,.network-legend-list li{display:flex;align-items: center;gap:.5rem;margin-bottom:.35rem}.cluster-legend-swatch{display:inline-block;box-sizing:border-box;border-radius:3px;flex-shrink:0;width:1.1rem;height:1.1rem}.cluster-legend-swatch--orange{background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border:2px solid #ff9500}.cluster-legend-swatch--blue{background:#fff;border:2px solid #007bff}.cluster-legend-swatch--red{background:#dc35451f;border:2px solid #dc3545}.cluster-legend-list .tab-diff-badge{flex-shrink:0}.network-legend-line{display:inline-block;border-top-style:solid;border-top-width:3px;flex-shrink:0;width:1.75rem;height:0}.network-legend-line--orange{border-top-color:#ff9500}.network-legend-line--blue{border-top-color:#007bff}.network-legend-line--red{border-top-color:#dc3545}.network-legend-line--red-dashed{border-top-style:dashed;border-top-color:#dc3545}.tab.active{color:#fff;background:#ff9500;border-bottom:2px solid #ff9500;margin-bottom:-2px}.tab:hover{color:#fff;background:#e68500}.tab-content{display:none;padding:0}.tab-content.active{display:block}.structure-info{background:#fff8f0;border-radius:10px;padding:1.5rem;line-height:1.8}.structure-info strong{color:#ff9500}.pdf-layout-viewer{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}.pdf-layout-header{margin-bottom:1rem}.pdf-layout-header h3{color:#ff9500;margin-bottom:1rem;font-size:1.5rem}.pdf-layout-header p{color:#666;font-size:1.1rem;line-height:1.6}.pdf-controls{display:flex;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:15px;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1.5rem}.control-group{display:flex;align-items: center;gap:1rem;min-width:200px}.control-group label{color:#333;min-width:100px;font-size:1rem;font-weight:600}.control-group select,.control-group input[type=range]{background:#fff;border:2px solid #ddd;border-radius:8px;padding:.8rem;transition:border-color .3s;font-size:1rem}.control-group select:focus,.control-group input[type=range]:focus{outline:none;border-color:#ff9500}.control-group input[type=range]{outline:none;background:#ddd;border-radius:4px;width:150px;height:8px}.control-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff9500;border-radius:50%;width:20px;height:20px}#scaleValue{color:#ff9500;background:#fff;min-width:60px;padding:.5rem;font-size:1.1rem;font-weight:600}.def-info-layout-viewer{background:0 0;border-radius:0;margin:0;padding:0}.def-info-layout-header h3{color:#007bff;margin-bottom:.75rem;font-size:1.5rem}.def-info-layout-header p{color:#666;font-size:1rem;line-height:1.6}.def-info-placeholder{text-align:center;color:#666;background:#f8f9fa;border-radius:8px;padding:2rem}.def-info-table{border-collapse:collapse;overflow:hidden;background:#fff;border-radius:8px;width:100%;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.def-info-table th,.def-info-table td{text-align:left;vertical-align:top;border:1px solid #dee2e6;padding:.85rem 1rem;font-size:.95rem}.def-info-table th{color:#495057;background:#f1f3f5;font-weight:600}.def-info-row-match td:last-child{background:#f1f8f4}.def-info-row-optional td{background:#f0f7ff}.def-info-row-optional td:last-child{background:#e7f1ff}.def-info-row-diff td{background:#fff8f8}.def-info-row-diff td:last-child{background:#fdecea}.def-info-status{display:inline-block;border-radius:4px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.def-info-match{color:#155724;background:#d4edda}.def-info-optional{color:#004085;background:#cce5ff}.def-info-diff{color:#721c24;background:#f8d7da}.def-info-preview-note{color:#6c757d;margin:0 0 1rem;font-size:.9rem}.def-info-parts-detail{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1rem;padding:1rem}.def-info-parts-detail h4{color:#495057;margin:0 0 1rem;font-size:1rem}.def-info-parts-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width:768px){.def-info-parts-columns{grid-template-columns:1fr}}.def-info-parts-block strong{display:block;color:#007bff;margin-bottom:.5rem}.def-info-parts-list{margin:0;padding-left:1.25rem}.def-info-parts-list li{margin-bottom:.35rem;line-height:1.5}.def-info-part-index{display:inline-block;color:#6c757d;min-width:1.25rem;font-weight:600}.def-info-parts-empty{color:#6c757d;margin:0;font-size:.9rem}.carbon-copy-layout-viewer{background:0 0;margin:0;padding:0}.carbon-copy-layout-header h3{color:#007bff;margin-bottom:.75rem;font-size:1.5rem}.carbon-copy-layout-header p{color:#666;font-size:1rem;line-height:1.6}.carbon-copy-legend-list{list-style:none;margin:.5rem 0;padding-left:0;font-size:.9rem}.carbon-copy-legend-list li{display:flex;align-items: center;gap:.5rem;margin-bottom:.35rem}.carbon-copy-legend-swatch{display:inline-block;border-radius:3px;flex-shrink:0;width:1.1rem;height:1.1rem}.carbon-copy-legend-swatch--source{background:#007bff8c;border:2px solid #007bff}.carbon-copy-legend-swatch--target{background:#fff;border:2px solid #007bff}.carbon-copy-legend-swatch--none{background:linear-gradient(135deg,#ff9500 0%,#e68500 100%)}.carbon-copy-legend-swatch--diff{background:#dc354540;border:2px solid #dc3545}.carbon-copy-layout-row{display:grid;grid-template-columns:1fr 380px;align-items: start;gap:1.25rem}@media (max-width:1100px){.carbon-copy-layout-row{grid-template-columns:1fr}}.carbon-copy-pdf-container{min-width:0}.carbon-copy-placeholder{text-align:center;color:#666;padding:2rem}.carbon-copy-detail-panel{overflow-y:auto;background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;max-height:80vh;padding:1rem}.carbon-copy-detail-panel h4{color:#007bff;margin:0 0 .5rem;font-size:1rem}.carbon-copy-detail-hint{color:#6c757d;margin:0 0 1rem;font-size:.85rem;line-height:1.5}.carbon-copy-detail-summary{border-radius:8px;margin:1rem 0 0;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.carbon-copy-detail-summary--match{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.carbon-copy-detail-summary--diff{color:#856404;background:#fff3cd;border:1px solid #ffc107}.carbon-copy-detail-table{margin-top:0}.carbon-copy-overlay{position:absolute;cursor:pointer;z-index:3;display:flex;box-sizing:border-box;border-radius:6px;justify-content:center;align-items: center;transition:box-shadow .2s,transform .2s}.carbon-copy-overlay:hover{z-index:4;transform:scale(1.02);box-shadow:0 2px 10px #0000002e}.carbon-copy-overlay--source{background:#007bff6b;border:2px solid #007bff}.carbon-copy-overlay--target{background:#fff;border:2px solid #007bff}.carbon-copy-overlay--none{background:0 0;border:2px dashed #0000}.carbon-copy-overlay--diff{background:#dc35452e;border:2px solid #dc3545}.carbon-copy-overlay.selected{outline:3px solid #28a745;outline-offset:2px}.carbon-copy-badge{text-align:center;pointer-events:none;border-radius:4px;min-width:1.5rem;padding:2px 7px;font-size:.78rem;font-weight:700;line-height:1.2;box-shadow:0 2px 4px #0003}.carbon-copy-badge--source{color:#fff;background:#007bff}.carbon-copy-badge--target{color:#007bff;background:#fff;border:2px solid #007bff}.carbon-copy-badge--none{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%)}.carbon-copy-badge--diff{color:#fff;background:#dc3545}.carbon-copy-role-tag{position:absolute;color:#007bff;pointer-events:none;background:#ffffffeb;border:1px solid #007bff;border-radius:3px;padding:1px 4px;font-size:.62rem;font-weight:700;top:2px;left:2px}.carbon-copy-diff-mark{position:absolute;color:#fff;display:flex;pointer-events:none;background:#dc3545;border-radius:50%;justify-content:center;align-items: center;width:18px;height:18px;font-size:11px;font-weight:700;top:-6px;right:-6px}.network-layout-viewer{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}.network-layout-header{margin-bottom:3rem}.network-layout-header h3{color:#007bff;margin-bottom:1rem;font-size:1.5rem}.network-layout-header p{color:#666;font-size:1.1rem;line-height:1.6}.network-controls{display:flex;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:15px;flex-wrap:wrap;align-items: flex-start;gap:2.5rem;margin-bottom:2rem;padding:2.5rem}.network-info-group{flex:1;min-width:350px}.network-info-display{display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem}.network-info-display .info-item{display:flex;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:2px solid #e9ecef;border-radius:10px;justify-content:space-between;align-items: center;padding:.8rem 1.2rem;transition:all .3s;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px #0000000d}.network-info-display .info-item:hover{border-color:#ff9500;transform:translateY(-1px);box-shadow:0 4px 12px #ff950026}.network-info-display .info-item strong{color:#495057;font-weight:600}.network-info-display .info-item span{color:#ff9500;background:#ff95001a;border:1px solid #ff950033;border-radius:6px;padding:.3rem .8rem;font-weight:700}.network-filter-group{flex:1;min-width:300px}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.filter-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:.5rem 1rem;transition:all .3s;font-size:.9rem}.filter-btn:hover{background:#0056b3;transform:translateY(-1px)}.filter-btn.active{background:#28a745}.filter-btn.different{background:#dc3545}.filter-btn.different:hover{background:#c82333}.network-container{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.network-viewer{display:flex;position:relative;overflow:hidden;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:15px;justify-content:center;align-items: center;width:100%;min-height:700px}.network-placeholder{text-align:center;color:#666;padding:2rem;font-size:1.1rem}.network-line{position:absolute;pointer-events:none;z-index:5}.network-line.different{stroke:#dc3545;stroke-width:3}.network-line.same{stroke:#007bff;stroke-width:3}.network-line.single{stroke:#ff9500;stroke-width:3}.network-node{position:absolute;display:flex;color:#fff;cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items: center;transition:all .3s;font-size:.8rem;font-weight:700}.network-node:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.network-node.different{background:#dc3545}.network-node.same{background:#007bff}.network-node.single{background:#ff9500}.network-item,.value-link-item,.network-diagram,.no-network{cursor:pointer;transition:all .3s}.network-item:hover,.value-link-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d!important}.network-diagram:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000040!important}.cluster-marker{cursor:pointer;transition:all .3s}.cluster-marker:hover{transform:scale(1.1);box-shadow:0 4px 12px #e74c3c66;background:#e74c3c33!important}.sheet-navigation{display:flex;background:#fff;border:2px solid #ddd;border-radius:8px;align-items: center;gap:1rem;padding:.5rem}.sheet-nav-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border:none;border-radius:6px;min-width:100px;padding:.5rem 1rem;transition:all .3s;font-size:.9rem;font-weight:600}.sheet-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#e68500 0%,#d67500 100%);transform:translateY(-1px);box-shadow:0 2px 8px #ff95004d}.sheet-nav-btn:disabled{color:#999;cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.sheet-info{color:#333;text-align:center;min-width:80px;font-size:1rem;font-weight:600}.settings-actions{display:flex;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:15px;justify-content:center;gap:1rem;margin-top:2rem;padding:1.5rem}.action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;transition:all .3s;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.action-btn:hover{background:linear-gradient(135deg,#e68500 0%,#d67500 100%);transform:translateY(-2px);box-shadow:0 4px 8px #ff95004d}.cluster-info-overlay{position:absolute;color:#333;z-index:10;pointer-events:none;opacity:0;visibility:hidden;background:#fffffff2;border:2px solid #ff9500;border-radius:6px;max-width:200px;padding:.5rem;transition:all .3s;font-size:.8rem;font-weight:600;transform:translateY(-10px);box-shadow:0 2px 8px #0003}.cluster-info-overlay.different{background:#dc35451a;border-color:#dc3545}.cluster-info-overlay .info-line{margin:.2rem 0;line-height:1.2}.cluster-info-overlay .info-label{color:#666;font-size:.7rem}.cluster-info-overlay .info-value{color:#333;font-weight:700}.cluster-overlay:hover .cluster-info-overlay{opacity:1;visibility:visible;transform:translateY(0)}.cluster-overlay{transition:all .3s}.cluster-overlay:hover{transform:scale(1.02);box-shadow:0 4px 12px #ff95004d}.pdf-container{display:flex;flex-direction:column;gap:2rem;min-height:700px}.pdf-layout-row{display:flex;align-items: flex-start;gap:2rem}.pdf-layout-row .pdf-viewer{flex:1;width:100%;min-width:0}.pdf-layout-row .pdf-info{display:none}.pdf-viewer{position:relative;overflow:auto;display:flex;background:#fff;border:3px solid #ddd;border-radius:15px;justify-content:center;align-items: center;width:100%;max-width:100%;min-height:800px;padding:1rem;box-shadow:0 4px 15px #0000001a}.pdf-viewer::-webkit-scrollbar{width:12px}.pdf-viewer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.pdf-viewer::-webkit-scrollbar-thumb{background:#ff9500;border-radius:6px}.pdf-viewer::-webkit-scrollbar-thumb:hover{background:#e68500}.pdf-placeholder{color:#999;text-align:center;padding:3rem;font-size:1.2rem;line-height:1.8}.pdf-background{position:absolute;object-fit:contain;z-index:1;width:100%;height:100%;top:0;left:0}.cluster-overlay{position:absolute;z-index:2;cursor:pointer;display:flex;background:0 0;border:none;border-radius:8px;justify-content:center;align-items: center;transition:all .3s}.cluster-overlay:hover{background:#007bff33;border:2px solid #007bff;transform:scale(1.02);box-shadow:0 2px 8px #007bff4d}.cluster-overlay.different{background:0 0;border:none}.cluster-overlay.different:hover{background:#dc354540;border:2px solid #dc3545;box-shadow:0 2px 8px #dc354566}.cluster-overlay.selected{background:#28a7451a;border:none;transform:scale(1.02)}.cluster-overlay.selected:hover{background:#28a74540;border:2px solid #28a745;box-shadow:0 2px 8px #28a7454d}.cluster-label{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600;box-shadow:0 2px 4px #0003}.cluster-difference-indicator{position:absolute;color:#fff;z-index:3;background:#dc3545;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:600;top:-15px;right:-10px;box-shadow:0 2px 4px #dc35454d}.pdf-info{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:15px;width:100%;height:-moz-fit-content;height:fit-content;padding:2rem;box-shadow:0 4px 15px #0000001a}.pdf-info h4{color:#ff9500;border-bottom:3px solid #ff9500;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.3rem}.info-item{background:#fff;border-left:4px solid #ff9500;border-radius:8px;margin-bottom:1rem;padding:.8rem;line-height:1.6}.info-item strong{color:#333;font-size:1rem}.cluster-details{overflow-y:auto;max-height:400px;margin-top:1.5rem}.cluster-details h5{color:#ff9500;border-bottom:2px solid #ff9500;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.cluster-item{cursor:pointer;background:#fff;border-left:4px solid #ff9500;border-radius:8px;margin-bottom:.8rem;padding:1rem;transition:transform .2s;box-shadow:0 2px 6px #0000001a}.cluster-item:hover{transform:translate(5px)}.cluster-item.different{background:#dc35450d;border-left:4px solid #dc3545}.cluster-item.selected{background:#28a7451a;border-left:4px solid #28a745;transform:translate(10px)}.cluster-item h5{color:#ff9500;margin-bottom:.5rem;font-size:1rem;font-weight:600}.cluster-item.different h5{color:#dc3545}.cluster-item.selected h5{color:#28a745}.cluster-item p{color:#666;margin:.3rem 0;font-size:.9rem;line-height:1.4}.cluster-filter{margin-bottom:1.5rem}.cluster-color-info,.display-mode-info{background:#ff95000d;border-left:3px solid #ff9500;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.cluster-color-info h5,.display-mode-info h5{color:#ff9500;margin-bottom:.8rem;font-size:1rem;font-weight:600}.cluster-color-info ul{margin:0}.cluster-color-info li{margin-bottom:.5rem;line-height:1.4}.display-mode-info p{margin-bottom:.8rem}.cluster-filter h5{color:#ff9500;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem}.filter-btn{color:#ff9500;cursor:pointer;background:#fff;border:2px solid #ff9500;border-radius:6px;padding:.5rem 1rem;transition:all .3s;font-weight:600}.filter-btn:hover,.filter-btn.active{color:#fff;background:#ff9500}.filter-btn.different{color:#dc3545;border-color:#dc3545}.filter-btn.different:hover,.filter-btn.different.active{color:#fff;background:#dc3545}.video-thumbnail-section{background:#fff;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 5px 20px #0000001a}.video-content{display:flex;align-items: flex-start;gap:2rem}.video-main{text-align:center;flex:1}.video-list{overflow-y:auto;background:#f8f9fa;border-radius:10px;width:300px;max-height:400px;padding:1rem}.video-thumbnail-title{color:#ff9500;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.video-list-title{color:#333;border-bottom:2px solid #ff9500;margin-top:1rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.video-step-label{display:block;color:#555;margin-top:0;margin-bottom:.35rem;font-size:.9rem;font-weight:600}.video-step-select{color:#333;cursor:pointer;background:#fff;border:2px solid #ffe4cc;border-radius:8px;width:100%;margin-bottom:.85rem;padding:.55rem .75rem;font-size:.9rem}.video-step-select:focus{outline:none;border-color:#ff9500}.video-step-videos{margin-top:.25rem}.video-step-videos .step-pdf-btn{margin-bottom:.5rem}.tool-guide-item{cursor:pointer;color:#333;background:linear-gradient(135deg,#fff8f0 0%,#fff0e0 100%);border-left:3px solid #ff9500;border-radius:5px;margin-bottom:.3rem;padding:.6rem;transition:all .3s;font-size:.9rem;font-weight:600}.tool-guide-item:hover{background:linear-gradient(135deg,#fff0e0 0%,#ffe0c8 100%);transform:translate(5px);box-shadow:0 2px 8px #ff950033}.video-category{margin-bottom:1rem}.category-title{color:#ff9500;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.step-pdf-btn{display:inline-block;color:#fff;text-decoration:none;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border:2px solid #ff9500;border-radius:8px;margin-bottom:0;padding:.4rem .75rem;transition:background .2s,color .2s,border-color .2s;font-size:.85rem;font-weight:600}.step-pdf-btn:hover{color:#ff9500;background:#fff;border-color:#ff9500}.video-item{cursor:pointer;background:#fff;border-left:3px solid #0000;border-radius:5px;margin-bottom:.3rem;padding:.5rem;transition:all .3s;font-size:.85rem}.video-item:hover{background:#fff8f0;border-left-color:#ff9500;transform:translate(5px)}.video-item.active{background:#fff8f0;border-left-color:#ff9500;font-weight:600}.video-thumbnail-container{position:relative;display:inline-block;overflow:visible;cursor:pointer;border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000026}.video-thumbnail-container:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000040}.video-thumbnail{display:flex;color:#fff;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items: flex-end;width:400px;height:225px;font-size:1.2rem;font-weight:600;box-shadow:0 8px 24px #00000026}.video-thumbnail img{position:absolute;object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .5s;top:0;left:0}.video-thumbnail-container:hover .video-thumbnail img{transform:scale(1.05)}.video-thumbnail-overlay{position:absolute;z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0006 50%,#000000d9 100%);height:60%;bottom:0;left:0;right:0}.video-thumbnail-content{position:relative;z-index:3;pointer-events:none;width:100%;padding:1.5rem}#videoThumbnailText{color:#fff;text-shadow:0 2px 8px #00000080;letter-spacing:.5px;font-size:1.3rem;font-weight:700;line-height:1.4}.video-thumbnail img[src=""]{display:none}.play-button{position:absolute;display:flex;cursor:pointer;z-index:4;backdrop-filter:blur(10px);background:#ff9500f2;border:4px solid #fffffff2;border-radius:50%;justify-content:center;align-items: center;width:72px;height:72px;transition:all .4s cubic-bezier(.4,0,.2,1);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #ff950066,0 0 #ff950080}.play-button svg{filter:drop-shadow(0 2px 4px #0003);margin-left:3px;transition:transform .3s}.play-button:hover{background:#ff9500;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 8px 30px #ff950099,0 0 0 8px #ff950033}.play-button:hover svg{transform:scale(1.1)}.play-button:active{transform:translate(-50%,-50%)scale(1.05)}.video-description{color:#666;margin-top:1rem;font-size:.9rem}.download-section{background:#f8f9fa;border-left:4px solid #ff9500;border-radius:8px;margin-top:1.5rem;padding:1rem}.download-title{color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.download-link{display:inline-flex;color:#fff;text-decoration:none;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border-radius:5px;align-items: center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;font-weight:600;box-shadow:0 2px 8px #ff95004d}.download-link:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #ff950066}.download-icon{font-size:1.2rem}.comparison-settings{background:#fff8f0;border-radius:10px;padding:1.5rem}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h3{color:#ff9500;margin-bottom:.5rem;font-size:1.4rem}.settings-header p{color:#666;font-size:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.setting-category{background:#fff;border-left:4px solid #ff9500;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.setting-category h4{color:#ff9500;border-bottom:1px solid #ffe4cc;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.setting-item{margin-bottom:.8rem}.checkbox-container{display:flex;cursor:pointer;color:#333;align-items: center;transition:all .3s;font-size:.95rem}.checkbox-container:hover{color:#ff9500}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkmark{position:relative;background-color:#f0f0f0;border:2px solid #ddd;border-radius:4px;width:20px;height:20px;margin-right:10px;transition:all .3s}.checkbox-container:hover input~.checkmark{background-color:#ffe4cc;border-color:#ff9500}.checkbox-container input:checked~.checkmark{background-color:#ff9500;border-color:#ff9500}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.settings-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.settings-btn{cursor:pointer;border:none;border-radius:25px;min-width:120px;padding:.8rem 1.5rem;transition:all .3s;font-size:.9rem;font-weight:600}.settings-btn.primary{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);box-shadow:0 3px 10px #ff95004d}.settings-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff950066}.settings-btn.secondary{color:#ff9500;background:#fff;border:2px solid #ff9500}.settings-btn.secondary:hover{color:#fff;background:#ff9500;transform:translateY(-2px)}.settings-info{background:#fff;border-left:4px solid #3498db;border-radius:10px;padding:1.5rem}.settings-info h4{color:#3498db;margin-bottom:1rem;font-size:1.1rem}.settings-info ul{list-style:none;padding:0}.settings-info li{color:#666;border-bottom:1px solid #f0f0f0;padding:.5rem 0;font-size:.9rem}.settings-info li:last-child{border-bottom:none}.settings-info strong{color:#333}.comparison-results{background:#fff8f0;border-radius:10px;padding:1.5rem}.results-header{text-align:center;margin-bottom:2rem}.results-header h3{color:#ff9500;margin-bottom:.5rem;font-size:1.4rem}.results-header p{color:#666;font-size:1rem}.results-summary{background:#fff;border-left:4px solid #ff9500;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.summary-message{text-align:center;color:#666;padding:2rem;font-size:1.1rem}.structure-header{text-align:center;margin-bottom:2rem}.structure-header h3{color:#ff9500;margin-bottom:.5rem;font-size:1.4rem}.structure-header p{color:#666;font-size:1rem}.structure-content{background:#fff;border-left:4px solid #3498db;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.structure-message{text-align:center;color:#666;padding:2rem;font-size:1.1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.summary-number{color:#ff9500;margin-bottom:.5rem;font-size:2rem;font-weight:700}.summary-label{color:#666;font-size:.9rem}.difference-list{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.difference-list h4{color:#ff9500;margin-bottom:1rem;font-size:1.1rem}.structure-analysis{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.structure-analysis h4{color:#3498db;margin-bottom:1rem;font-size:1.1rem}.structure-item{color:#333;border-bottom:1px solid #f0f0f0;padding:.8rem 0}.structure-item:last-child{border-bottom:none}.structure-item strong{color:#3498db}.setup-guide-compact{display:flex;backdrop-filter:blur(6px);background:#ffffffd9;border-bottom:1px solid #0000000f;justify-content:center;align-items: center;padding:.65rem 1rem}.setup-guide-compact-inner{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: center;gap:1.25rem 1.75rem;width:100%;max-width:1200px}.setup-guide-compact-actions{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items: center;gap:.85rem 1.75rem;min-width:0}.setup-guide-dismiss{color:#888;cursor:pointer;text-decoration:underline;background:0 0;border:none;flex-shrink:0;justify-self:end;padding:.25rem .4rem;font-size:.85rem;font-weight:500}.setup-guide-dismiss:hover{color:#555}.setup-check-btn{color:#fff;cursor:pointer;display:inline-flex;white-space:nowrap;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border:none;border-radius:25px;flex-shrink:0;align-items: center;gap:.45rem;padding:.65rem 1.35rem;transition:all .3s;font-size:.95rem;font-weight:600;box-shadow:0 2px 8px #ff950059}.setup-check-btn:hover{background:linear-gradient(135deg,#e68500 0%,#c70 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ff950066}.setup-check-btn:active{transform:translateY(0)}.setup-check-btn-icon{font-size:1.1rem}@keyframes setupGuideBtnPulse{0%,to{filter:brightness(1);box-shadow:0 2px 8px #ff950066,0 0 #ff950000}45%,55%{filter:brightness(1.14);box-shadow:0 0 0 3px #fffffff2,0 0 0 9px #ff9500a6,0 0 32px 6px #ff95008c,0 6px 20px #e6850073}}.setup-check-btn--highlight{position:relative;z-index:2;animation:setupGuideBtnPulse 1.35s ease-in-out 5}@media (prefers-reduced-motion:reduce){.setup-check-btn--highlight{animation:none;filter:brightness(1.08);box-shadow:0 0 0 3px #fffffff2,0 0 0 8px #ff95008c,0 4px 16px #ff950073}}.reopen-banner-btn{color:#fff;cursor:pointer;display:inline-flex;position:fixed;z-index:100;animation:fadeInUp .5s ease;background:linear-gradient(135deg,#ffc107 0%,#ff8f00 100%);border:1px solid #fff3;border-radius:15px;align-items: center;gap:.3rem;padding:.5rem 1rem;transition:all .3s;font-size:.85rem;font-weight:600;top:6rem;right:2rem;box-shadow:0 2px 6px #ffc1074d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reopen-banner-btn:hover{background:linear-gradient(135deg,#ff8f00 0%,#ff6f00 100%);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 3px 10px #ffc10766}.reopen-banner-btn:active{transform:translateY(0);box-shadow:0 1px 3px #ffc1074d}.reopen-banner-btn:before{content:"";position:absolute;opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-radius:15px;transition:opacity .3s;inset:0}.reopen-banner-btn:hover:before{opacity:1}@media (max-width:768px){.container{padding:0 1rem}.file-inputs{flex-direction:column;align-items: center}.header{text-align:center;flex-direction:column;gap:1rem}.header-right{align-items: center}.video-content{flex-direction:column;gap:1rem}.video-list{width:100%;max-height:300px}.video-thumbnail{width:300px;height:169px}.play-button{width:60px;height:60px}.play-button:after{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:15px solid #fff;margin-left:3px}.pdf-layout-row{flex-direction:column;gap:1rem}.pdf-layout-row .pdf-viewer{flex:none;width:100%}.pdf-layout-row .pdf-info{flex:none;width:100%;max-width:none}.setup-guide-compact-inner{grid-template-columns:1fr;text-align:center}.setup-guide-compact-actions{flex-direction:column;justify-content:center;align-items: center;gap:.75rem;width:100%}.setup-guide-dismiss{justify-self:center}.setup-check-btn{justify-content:center;width:100%;max-width:320px}.reopen-banner-btn{position:fixed;justify-content:center;width:auto;padding:.7rem 1.2rem;font-size:.9rem;inset:auto 1rem 2rem;box-shadow:0 4px 12px #ffc10766}}.reference-file-info{text-align:center;background:linear-gradient(135deg,#e8f5e8 0%,#d4edda 100%);border:2px solid #28a745;border-radius:10px;margin:1rem 0;padding:1rem;box-shadow:0 3px 10px #28a74533}.reference-file-header{display:flex;color:#155724;justify-content:center;align-items: center;gap:.5rem;margin-bottom:.5rem;font-size:1rem}.reference-icon{font-size:1.2rem}.reference-file-details{display:flex;color:#155724;text-align:center;flex-direction:column;align-items: center;gap:.3rem;max-width:36rem;margin-left:auto;margin-right:auto;font-size:.9rem}.reference-file-details:empty{display:none}.reference-file-info:has(.reference-file-details:empty) .reference-file-header{margin-bottom:0}.sheet-count-label{color:#666;font-size:.9em;font-weight:400}.reference-pdf{display:flex;justify-content:center;align-items: center;gap:.3rem}.reference-status{display:flex;justify-content:center;align-items: center;gap:.3rem;font-weight:600}@media (max-width:768px){.reference-file-details{flex-direction:column;gap:.5rem}}.video-modal{position:fixed;display:flex;z-index:10000;animation:fadeIn .3s ease;background-color:#000c;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{display:flex;animation:slideUp .3s ease;background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1200px;max-height:90vh;box-shadow:0 10px 40px #0000004d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.video-modal-header{display:flex;background:linear-gradient(135deg,#ff9500 0%,#ffad33 100%);border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;justify-content:space-between;align-items: center;padding:1.5rem}.video-modal-header h3{color:#fff;margin:0;font-size:1.3rem;font-weight:600}.video-modal-close{color:#fff;cursor:pointer;display:flex;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:all .3s;font-size:2rem;line-height:1}.video-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.video-modal-body{overflow:auto;background:#000;padding:1.5rem}.video-modal-body video{background:#000;border-radius:8px}.tool-guide-modal{display:none;position:fixed;z-index:10000;overflow:auto;background:#00000080;width:100%;height:100%;top:0;left:0}.tool-guide-modal-content{display:flex;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:12px;flex-direction:column;max-width:640px;max-height:90vh;margin:3% auto;box-shadow:0 8px 32px #0003}.tool-guide-modal-header{color:#fff;display:flex;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border-radius:12px 12px 0 0;justify-content:space-between;align-items: center;padding:1rem 1.5rem}.tool-guide-modal-header h3{margin:0;font-size:1.3rem}.tool-guide-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.tool-guide-modal-close:hover{background:#ffffff4d}.tool-guide-modal-body{overflow-y:auto;color:#333;padding:1.5rem;line-height:1.7}.tool-guide-modal-body .tool-guide-lead{color:#444;background:#f8f9fa;border-left:4px solid #ff9500;border-radius:0 8px 8px 0;margin:0 0 1.25rem;padding:.75rem 1rem;font-size:1rem;line-height:1.6}.tool-guide-modal-body h4{color:#333;margin-top:1.2rem;margin-bottom:.5rem;font-size:1.05rem}.tool-guide-section-title{display:flex;color:#333;border-bottom:2px solid #ff9500;align-items: center;gap:.5rem;margin-top:1.25rem;margin-bottom:.6rem;padding-bottom:.35rem;font-size:1.05rem;font-weight:700}.tool-guide-section-title .tool-guide-icon{display:inline-flex;color:#fff;background:#ff9500;border-radius:50%;justify-content:center;align-items: center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:700}.tool-guide-section-title .tool-guide-icon.tool-guide-icon-arrow{font-size:.75rem}.tool-guide-feature-list{list-style:none;margin:0 0 .5rem;padding:0}.tool-guide-feature-list li{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:1rem;padding:.75rem .9rem;box-shadow:0 1px 3px #0000000f}.tool-guide-feature-list li:last-child{margin-bottom:0}.tool-guide-feature-icon{display:inline-block;margin-right:.35rem;font-size:1.1rem}.tool-guide-feature-list strong{color:#222}.tool-guide-feature-list br+span.tool-guide-legend{display:inline-block;margin-top:.5rem}.tool-guide-legend{display:inline-flex;color:#555;align-items: center;gap:.25rem;margin-right:1rem;font-size:.8rem}.tool-guide-dot{display:inline-block;border-radius:50%;width:10px;height:10px}.tool-guide-dot-ref{background:#ff9500}.tool-guide-dot-same{background:#007bff}.tool-guide-dot-diff{background:#dc3545}.tool-guide-steps{list-style:none;counter-reset:step;margin:0;padding:0}.tool-guide-steps li{display:flex;align-items: flex-start;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0}.tool-guide-steps li:last-child{margin-bottom:0}.tool-guide-step-num{display:inline-flex;color:#fff;background:#ff9500;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:1.6rem;height:1.6rem;font-size:.9rem;font-weight:700}.tool-guide-modal-body ul{margin:.5rem 0;padding-left:1.5rem}.tool-guide-modal-body li{margin-bottom:.3rem}.tool-guide-modal-body p{margin:.5rem 0}.tool-guide-modal-body code{background:#f0f0f0;border-radius:4px;padding:.15rem .4rem;font-size:.9em}.tool-guide-glossary{border-top:1px solid #eee;margin-top:1rem;padding-top:.75rem;font-size:.9rem}.tool-guide-glossary a{color:#ff9500;text-decoration:none;font-weight:600}.tool-guide-glossary a:hover{text-decoration:underline}.tool-guide-image-wrap{text-align:center;margin-top:1rem}.tool-guide-image{border:1px solid #eee;border-radius:8px;max-width:100%;height:auto;box-shadow:0 2px 8px #00000014}.xml-output-guide-modal-content{min-width:420px;max-width:560px}.xml-output-guide-modal .tool-guide-modal-body{word-break:keep-all;overflow-wrap:break-word}.tool-guide-steps-xml{list-style:none;counter-reset:step;margin:0;padding:0}.tool-guide-steps-xml .tool-guide-step-block{display:flex;align-items: flex-start;gap:.75rem;margin-bottom:.9rem;padding:0;line-height:1.65}.tool-guide-steps-xml .tool-guide-step-block:last-child{margin-bottom:0}.tool-guide-step-text{flex:1;min-width:0}.tool-glossary-link{display:inline-block;color:#ff9500;text-decoration:none;background:#fff8f0;border:1px solid #ff9500;border-radius:8px;margin-top:.75rem;padding:.4rem .75rem;transition:background .2s,color .2s;font-size:.9rem;font-weight:600}.tool-glossary-link:hover{color:#fff;background:#ff9500}@media (max-width:768px){.video-modal-content{width:95%;max-height:95vh}.video-modal-header{padding:1rem}.video-modal-header h3{font-size:1.1rem}.video-modal-body{padding:1rem}}.network-modal{display:none;position:fixed;z-index:10000;backdrop-filter:blur(4px);animation:fadeIn .3s ease;background-color:#0009;width:100%;height:100%;top:0;left:0}.network-modal-content{animation:slideDown .3s ease;display:flex;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:3px solid #007bff;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;margin:5% auto;padding:0;box-shadow:0 8px 32px #0000004d}.network-modal-header{color:#fff;display:flex;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border-radius:13px 13px 0 0;justify-content:space-between;align-items: center;padding:1.5rem;box-shadow:0 2px 8px #0003}.network-modal-header h3{color:#fff;margin:0;font-size:1.4rem;font-weight:600}.network-modal-close{color:#fff;cursor:pointer;display:flex;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:all .3s;font-size:2rem;line-height:1}.network-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.network-modal-body{overflow-y:auto;background:#fff;flex:1;padding:1.5rem}.network-info-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.network-info-section h4{color:#007bff;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.network-info-item{display:flex;border-bottom:1px solid #dee2e6;justify-content:space-between;padding:.75rem 0}.network-info-item:last-child{border-bottom:none}.network-info-label{color:#495057;flex:1;font-weight:600}.network-info-value{color:#212529;text-align:right;flex:1}.network-difference-section{background:#fff3cd;border-left:4px solid #ffc107;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.network-difference-section h4{color:#856404;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.network-difference-item{background:#fff;border-left:3px solid #dc3545;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.network-difference-item:last-child{margin-bottom:0}.network-comparison-table{border-collapse:collapse;width:100%;margin-top:1rem}.network-comparison-table th,.network-comparison-table td{text-align:left;border-bottom:1px solid #dee2e6;padding:.75rem}.network-comparison-table th{color:#495057;background:#f8f9fa;font-weight:600}.network-comparison-table tr:last-child td{border-bottom:none}.network-value-different{color:#dc3545;background:#fee;border-radius:4px;padding:.25rem .5rem;font-weight:600}.network-value-same{color:#28a745;background:#e8f5e9;border-radius:4px;padding:.25rem .5rem;font-weight:600}.network-value-missing{color:#6c757d;background:#f5f5f5;border-radius:4px;padding:.25rem .5rem;font-style:italic}.network-no-difference{color:#155724;text-align:center;background:#d4edda;border-left:4px solid #28a745;border-radius:8px;padding:1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.network-modal-content{width:95%;max-height:90vh;margin:2% auto}.network-modal-header{padding:1rem}.network-modal-header h3{font-size:1.2rem}.network-modal-body{padding:1rem}.network-info-item{flex-direction:column;gap:.5rem}.network-info-value{text-align:left}}.network-viewer svg line[style*="stroke: transparent"]{transition:stroke-width .2s}.network-viewer svg line[style*="stroke: transparent"]:hover{stroke-width:30!important;stroke:#007bff4d!important}.network-viewer svg line[style*="stroke: #dc3545"],.network-viewer svg line[style*="stroke: #007bff"]{cursor:pointer;transition:stroke-width .2s,opacity .2s}.network-viewer svg line[style*="stroke: #dc3545"]:hover,.network-viewer svg line[style*="stroke: #007bff"]:hover{opacity:.8;filter:drop-shadow(0 0 4px currentColor);stroke-width:calc(var(--base-stroke-width,4px) + 2px)!important}.cluster-modal{display:none;position:fixed;z-index:10000;backdrop-filter:blur(4px);animation:fadeIn .3s ease;background-color:#0009;width:100%;height:100%;top:0;left:0}.cluster-modal-content{animation:slideDown .3s ease;display:flex;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:3px solid #ff9500;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;margin:5% auto;padding:0;box-shadow:0 8px 32px #0000004d}.cluster-modal-header{color:#fff;display:flex;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border-radius:13px 13px 0 0;justify-content:space-between;align-items: center;padding:1.5rem;box-shadow:0 2px 8px #0003}.cluster-modal-header h3{color:#fff;margin:0;font-size:1.4rem;font-weight:600}.cluster-modal-close{color:#fff;cursor:pointer;display:flex;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:all .3s;font-size:2rem;line-height:1}.cluster-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.cluster-modal-body{overflow-y:auto;background:#fff;flex:1;padding:1.5rem}.cluster-basic-info{background:#f8f9fa;border-left:4px solid #ff9500;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.cluster-basic-info h4{color:#ff9500;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.cluster-basic-item{display:flex;border-bottom:1px solid #dee2e6;justify-content:space-between;padding:.75rem 0}.cluster-basic-item:last-child{border-bottom:none}.cluster-basic-label{color:#495057;flex:1;font-weight:600}.cluster-basic-value{color:#212529;text-align:right;flex:1}.cluster-index-info{background:#fff8f0;border-left:4px solid #ff9500;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.95rem}.cluster-index-label{color:#495057;margin-right:.5rem;font-weight:600}.cluster-index-value{color:#212529;font-weight:700}.cluster-compare-section{margin-bottom:1.5rem}.cluster-compare-section h4{color:#ff9500;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.cluster-comparison-table{border-collapse:collapse;overflow:hidden;background:#fff;border-radius:8px;width:100%;margin-top:.5rem;box-shadow:0 1px 4px #0000000f}.cluster-comparison-table th,.cluster-comparison-table td{text-align:left;vertical-align:top;border-bottom:1px solid #dee2e6;padding:.7rem .85rem;font-size:.9rem}.cluster-comparison-table th{color:#495057;background:#f8f9fa;font-weight:600}.cluster-comparison-table tr:last-child td{border-bottom:none}.cluster-compare-row-optional td:nth-child(2),.cluster-compare-row-optional td:nth-child(3){background:#f0f7ff}.cluster-compare-row-diff td:nth-child(2),.cluster-compare-row-diff td:nth-child(3){background:#fff8f8}.cluster-compare-row-match td:nth-child(4){background:#f8fdf9}.cluster-compare-row-optional td:nth-child(4){background:#eef5ff}.cluster-compare-same{color:#28a745;white-space:nowrap;background:#e8f5e9;border-radius:4px;padding:.2rem .55rem;font-weight:600}.cluster-compare-optional{color:#004085;white-space:nowrap;background:#cce5ff;border-radius:4px;padding:.2rem .55rem;font-weight:600}.cluster-compare-note{color:#495057;text-align:left;margin-top:.45rem;font-size:.78rem;font-weight:400;line-height:1.45}.cluster-compare-diff{color:#dc3545;white-space:nowrap;background:#fee;border-radius:4px;padding:.2rem .55rem;font-weight:600}.cluster-diff-summary{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-top:1rem;padding:.85rem 1rem;font-weight:600}.cluster-difference-info{background:#fff3cd;border-left:4px solid #ffc107;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.cluster-difference-info h4{color:#856404;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.cluster-difference-item{background:#fff;border-left:3px solid #dc3545;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.cluster-difference-item:last-child{margin-bottom:0}.cluster-difference-item-label{color:#dc3545;margin-bottom:.5rem;font-weight:600}.cluster-difference-item-value{color:#495057;font-size:.95rem}.cluster-difference-item--choices .cluster-choice-pair-wrap{margin-top:.75rem}.cluster-choice-pair-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.9rem}.cluster-choice-pair-table th,.cluster-choice-pair-table td{text-align:left;vertical-align:top;border:1px solid #dee2e6;padding:.5rem .6rem}.cluster-choice-pair-table th{color:#495057;background:#f8f9fa;font-weight:600}.cluster-choice-pair-lines{line-height:1.45}.cluster-choice-col-list{display:flex;flex-direction:column;gap:.5rem}.cluster-choice-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:.45rem .5rem}.cluster-choice-block--orphan{color:#b02a37;background:#ffe5e5;border-color:#f5c2c7;font-weight:500}.cluster-choice-empty{color:#6c757d}.cluster-choice-pair-row.cluster-choice-row--diff{color:#b02a37;background:#ffe5e5}.cluster-choice-pair-row.cluster-choice-row--diff .cluster-choice-pair-cell{font-weight:500}.cluster-choice-pair-legend{color:#6c757d;margin:.5rem 0 0;font-size:.8rem}.cluster-choice-legend-mark{color:#dc3545;font-weight:600}.cluster-comparison-table{border-collapse:collapse;width:100%;margin-top:1rem}.cluster-comparison-table th,.cluster-comparison-table td{text-align:left;border-bottom:1px solid #dee2e6;padding:.75rem}.cluster-comparison-table th{color:#495057;background:#f8f9fa;font-weight:600}.cluster-comparison-table tr:last-child td{border-bottom:none}.cluster-value-different{color:#dc3545;background:#fee;border-radius:4px;padding:.25rem .5rem;font-weight:600}.cluster-value-same{color:#28a745;background:#e8f5e9;border-radius:4px;padding:.25rem .5rem;font-weight:600}.cluster-no-difference{color:#155724;text-align:center;background:#d4edda;border-left:4px solid #28a745;border-radius:8px;padding:1rem;font-weight:600}.cluster-presence-difference{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;padding:1rem 1.25rem}.cluster-presence-difference h4{margin:0 0 .5rem;font-size:1rem}.cluster-presence-difference p{margin:0;font-size:.95rem;font-weight:500;line-height:1.5}@media (max-width:768px){.cluster-modal-content{width:95%;max-height:90vh;margin:2% auto}.cluster-modal-header{padding:1rem}.cluster-modal-header h3{font-size:1.2rem}.cluster-modal-body{padding:1rem}.cluster-basic-item{flex-direction:column;gap:.5rem}.cluster-basic-value{text-align:left}}.onboarding-welcome-overlay{position:fixed;z-index:20000;display:none;overflow-y:auto;background:#0000008c;justify-content:center;align-items: center;padding:1rem;inset:0}.onboarding-welcome-modal{overflow-y:auto;background:#fff;border:2px solid #ff9500;border-radius:16px;width:100%;max-width:min(960px,96vw);max-height:min(92vh,880px);box-shadow:0 12px 40px #0003}.onboarding-welcome-header{border-bottom:1px solid #eee;padding:1.75rem 2rem .75rem}.onboarding-welcome-header h2{color:#e68500;margin-bottom:.75rem;font-size:1.5rem}.onboarding-welcome-lead{color:#555;margin:0;font-size:1rem;line-height:1.65}.onboarding-welcome-body{padding:1.5rem 2rem 2rem}.onboarding-welcome-block .onboarding-welcome-list{margin-bottom:0}.onboarding-welcome-subtitle{color:#333;margin:1rem 0 .5rem;font-size:1.1rem}.onboarding-welcome-subtitle:first-child{margin-top:0}.onboarding-welcome-subtitle--accent{color:#1a1a1a;letter-spacing:.02em;display:flex;border-bottom:3px solid #ff950073;align-items: center;gap:.5rem;margin-bottom:1rem;padding:.35rem 0 .6rem;font-size:1.2rem}.onboarding-welcome-subtitle--accent:before{content:"";background:linear-gradient(#ff9500 0%,#e68500 100%);border-radius:2px;flex-shrink:0;width:4px;height:1.15em}.onboarding-welcome-list{color:#444;margin:.5rem 0 1rem;padding-left:1.5rem;font-size:1rem;line-height:1.75}.onboarding-welcome-list li{margin-bottom:.65rem}.onboarding-welcome-list--features{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:0 0 .25rem;padding-left:0}.onboarding-welcome-list--features li{display:flex;background:linear-gradient(145deg,#fffbf7 0%,#fff5eb 100%);border:1px solid #ff950038;border-radius:12px;flex-wrap:wrap;align-items: flex-start;gap:.65rem .85rem;margin:0;padding:.9rem 1rem;line-height:1.65;box-shadow:0 2px 8px #e685000f}.onboarding-li-label{color:#fff;text-align:center;letter-spacing:.04em;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border-radius:6px;flex:none;min-width:4.5rem;padding:.2rem .55rem;font-size:.82rem;font-weight:700}.onboarding-li-body{color:#333;flex:200px;font-size:.98rem}.onboarding-welcome-purpose{color:#333;margin-bottom:.25rem;font-size:1rem;line-height:1.75}.onboarding-purpose-intro{background:linear-gradient(135deg,#f0f7ff 0%,#e8f4fc 100%);border:1px solid #007bff2e;border-left:4px solid #007bff;border-radius:12px;margin:0 0 1.15rem;padding:1rem 1.15rem}.onboarding-purpose-intro-text{color:#1a3a52;margin:0;font-size:1.02rem;line-height:1.75}.onboarding-purpose-figure{text-align:center;margin:0 0 1rem;padding:0;line-height:0}.onboarding-purpose-figure img{display:block;border:1px solid #00000014;border-radius:12px;width:100%;max-width:100%;height:auto;box-shadow:0 4px 20px #00000014}.onboarding-welcome-purpose-lead{margin:0 0 .65rem!important}.onboarding-flow-heading{display:inline-block;color:#e68500;letter-spacing:.06em;background:#ff95001f;border-radius:6px;padding:.25rem .65rem;font-size:.92rem;font-weight:700}.onboarding-welcome-list--flow{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0 0 1rem;padding-left:0}.onboarding-welcome-list--flow li{display:flex;background:#fafafa;border:1px solid #eee;border-radius:10px;align-items: flex-start;gap:.75rem;margin:0;padding:.75rem .85rem;line-height:1.65}.onboarding-flow-step{text-align:center;color:#fff;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);border-radius:50%;flex:none;width:1.85rem;height:1.85rem;font-size:.9rem;font-weight:800;line-height:1.85rem;box-shadow:0 2px 6px #e6850059}.onboarding-flow-text{color:#333;flex:1;padding-top:.08rem;font-size:.98rem}.onboarding-flow-text>strong{display:block;color:#1a1a1a;font-size:1rem}.onboarding-flow-detail{display:block;color:#555;margin-top:.35rem;font-size:.9rem;font-weight:500;line-height:1.55}.onboarding-purpose-note{color:#555;border-top:1px dashed #ddd;margin:0;padding:.85rem 0 0;font-size:.92rem;line-height:1.7}@media (max-width:520px){.onboarding-welcome-list--features li{flex-direction:column;gap:.5rem}.onboarding-li-label{align-self: flex-start}}.onboarding-welcome-note{color:#666;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.onboarding-welcome-step{border-top:1px dashed #ddd;margin-top:1rem;padding-top:1rem}.onboarding-welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem}.onboarding-btn{cursor:pointer;border:none;border-radius:25px;padding:.75rem 1.25rem;transition:transform .2s,box-shadow .2s;font-size:.95rem;font-weight:600}.onboarding-btn-primary{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#e68500 100%);box-shadow:0 3px 10px #ff950059}.onboarding-btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 14px #ff950073}.onboarding-btn-secondary{color:#007bff;background:#fff;border:2px solid #007bff}.onboarding-btn-secondary:hover{background:#e7f3ff}.onboarding-btn-link{display:block;color:#666;text-decoration:underline;cursor:pointer;background:0 0;border:none;width:100%;margin-top:1rem;padding:.25rem;font-size:.88rem}.onboarding-btn-link:hover{color:#333}.onboarding-welcome-checkbox{display:flex;color:#444;cursor:pointer;align-items: flex-start;gap:.5rem;margin:1rem 0;font-size:.9rem}.onboarding-welcome-checkbox input{margin-top:.2rem}