.copy-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #22c55e4d;position:relative;overflow:hidden}.copy-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.copy-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.copy-button:hover:before{left:100%}.copy-button:active{transform:translateY(0);box-shadow:0 1px 6px #22c55e4d}.copy-button.copied{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 2px 8px #06b6d44d}.copy-button.copied:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 4px 12px #06b6d466}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--info-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--font-mono: "Consolas", "Monaco", "Courier New", monospace}.text-input-container{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.text-input-header{background:#f8f9fa;padding:10px 15px;border-bottom:1px solid #e9ecef;font-weight:500;color:#495057;display:flex;justify-content:space-between;align-items:center}.text-input{flex:1;border:none;outline:none;padding:15px;font-family:var(--font-mono);font-size:12px;line-height:1.4;resize:none;background:#fff}.diff-viewer{display:flex;position:relative}.diff-viewer:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#e9ecef;transform:translate(-50%);z-index:1}.diff-side{flex:1;display:flex;flex-direction:column;max-width:600px}.diff-header{background:#f8f9fa;padding:10px 15px;border-bottom:1px solid #e9ecef;font-weight:500;color:#495057}.diff-content{font-family:var(--font-mono);font-size:13px;line-height:1.4}.diff-line{display:flex;align-items:flex-start;position:relative;cursor:default;transition:none;font-size:13px;min-height:24px;line-height:1.4;box-sizing:border-box}.diff-line.in-hunk{cursor:pointer}.diff-line.in-hunk:hover{background-color:#0000000d}.diff-side.left .diff-line.highlighted{background-color:#2ea04333;border-left:3px solid #2ea043}.diff-side.right .diff-line.highlighted{background-color:#0969da33;border-left:3px solid #0969da}.diff-line.placeholder{background-color:#6c757d1a}.diff-line.placeholder.highlighted{background-color:#6c757d33!important;border-left:3px solid #6c757d!important}.placeholder-content{color:transparent;-webkit-user-select:none;user-select:none}.diff-line.selected{position:relative;z-index:10;animation:selectPulse .3s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.diff-side.left .diff-line.selected.highlighted{background-color:#2ea04366!important;border-left:4px solid #2ea043;transition:all .3s cubic-bezier(.4,0,.2,1)}.diff-side.right .diff-line.selected.highlighted{background-color:#0969da66!important;border-left:4px solid #0969da;transition:all .3s cubic-bezier(.4,0,.2,1)}.diff-line.placeholder.selected.highlighted{background-color:#6c757d66!important;border-left:4px solid #6c757d;transition:all .3s cubic-bezier(.4,0,.2,1)}.diff-line.selected.first-in-hunk{border-top-left-radius:6px;border-top-right-radius:6px}.diff-line.selected.last-in-hunk{border-bottom-left-radius:6px;border-bottom-right-radius:6px}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.merge-controls-below{position:absolute;left:50%;transform:translate(-50%) translateY(20px) scale(.8);display:flex;flex-direction:row;align-items:center;gap:8px;z-index:200;background:#fffffffa;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:10px 16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.merge-controls-below.show{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.merge-button{padding:10px 18px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:100px;position:relative;overflow:hidden}.merge-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.merge-button:hover:before{left:100%}.merge-button.left-merge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.merge-button.left-merge:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #10b98166}.merge-button.left-merge:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #10b9814d}.merge-button.right-merge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.merge-button.right-merge:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #3b82f666}.merge-button.right-merge:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #3b82f64d}.cancel-button{width:32px;height:32px;border:none;border-radius:50%;background:#f8f9fa;color:#6c757d;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.cancel-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#dc35451a;border-radius:50%;transition:all .3s ease;transform:translate(-50%,-50%)}.cancel-button:hover{background:#e9ecef;color:#dc3545;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 16px #dc354533}.cancel-button:hover:before{width:100%;height:100%}.cancel-button:active{transform:scale(.95) rotate(90deg);box-shadow:0 1px 4px #0003}.line-number{width:45px;padding:0 8px;text-align:right;color:#6e7781;background:#f6f8fa;border-right:1px solid #e9ecef;-webkit-user-select:none;user-select:none}.diff-line.highlighted .line-number,.diff-line.selected.highlighted .line-number{background:inherit}.line-content{flex:1;padding:0 8px;white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:unset!important;min-width:0;max-width:100%;font-size:13px!important;line-height:1.4!important}.diff-line.added{background-color:#2ea0431a}.diff-line.removed{background-color:#f851491a}.diff-line.modified{background-color:#ffc5171a}.char-diff.added{background-color:#0969da99}.char-diff.removed{background-color:#2ea04399}.char-added{background-color:#2ea0434d}.char-removed{background-color:#f851494d}.floating-logo{position:fixed;right:30px;bottom:30px;width:78px;height:78px;background:#fff;border-radius:50%;box-shadow:0 4px 20px #00000026;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;border:2px solid #f0f0f0;overflow:hidden}.floating-logo:hover{transform:scale(1.1);box-shadow:0 6px 25px #0003;border-color:var(--primary-gradient, #667eea)}.floating-logo:active{transform:scale(1.05);box-shadow:0 2px 15px #0003}.logo-image{width:58px;height:58px;object-fit:contain;transition:transform .3s ease}.floating-logo:hover .logo-image{transform:scale(1.1)}.logo-tooltip{position:absolute;right:85px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.logo-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#000c}.floating-logo:hover .logo-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(-10px)}@media (max-width: 768px){.floating-logo{right:20px;width:65px;height:65px}.logo-image{width:45px;height:45px}.logo-tooltip{display:none}}.debug-panel{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;margin:20px 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;max-height:600px;overflow-y:auto}.debug-panel h3{margin:0 0 20px;color:#495057;font-size:16px}.debug-panel h4{margin:15px 0 10px;color:#6c757d;font-size:14px}.debug-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.debug-section:last-child{border-bottom:none}.debug-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;background:#fff;padding:10px;border-radius:4px}.hunk-analysis{background:#fff;border-radius:4px;padding:10px}.hunk-debug{margin-bottom:10px;padding:8px;border-radius:4px;border-left:4px solid #28a745}.hunk-debug.misaligned{border-left-color:#dc3545;background-color:#fff5f5}.hunk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.alignment-warning{color:#dc3545;font-weight:700;font-size:10px}.hunk-details div{margin:2px 0;font-size:11px}.issue{color:#dc3545;font-weight:700}.line-alignment{background:#fff;border-radius:4px;overflow-x:auto}.alignment-header{display:grid;grid-template-columns:60px 1fr 1fr 100px;gap:10px;padding:8px;background:#e9ecef;font-weight:700;border-bottom:1px solid #dee2e6}.alignment-row{display:grid;grid-template-columns:60px 1fr 1fr 100px;gap:10px;padding:4px 8px;border-bottom:1px solid #f8f9fa}.alignment-row.missing-left{background-color:#f851491a}.alignment-row.missing-right{background-color:#2ea0431a}.alignment-row.both{background-color:#ffc5170d}.line-content{font-family:var(--font-mono);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:10px;text-transform:uppercase;font-weight:700}.truncated{padding:8px;text-align:center;color:#6c757d;font-style:italic}.css-info{background:#fff;padding:10px;border-radius:4px}.css-info ul{margin:10px 0 0;padding-left:20px}.css-info li{margin:5px 0}.css-info code{background:#f8f9fa;padding:2px 4px;border-radius:2px;font-family:Consolas,Monaco,Courier New,monospace}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;width:90%;max-width:500px;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e9ecef}.share-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#6b7280;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.share-modal-content{padding:24px}.share-modal-content p{margin:0 0 16px;color:#6b7280;font-size:14px}.share-url-container{display:flex;gap:8px;margin-bottom:16px}.share-url-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:var(--font-mono);background:#f9fafb;color:#374151;transition:border-color .2s ease}.share-url-input:focus{outline:none;border-color:#3b82f6;background:#fff}.copy-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background:#2563eb;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:#10b981;color:#fff}.copy-button.copied:hover{background:#059669}.share-modal-footer{text-align:center;margin-top:8px}.share-modal-footer small{color:#9ca3af;font-size:12px}.app{display:flex;flex-direction:column;min-height:100vh;padding:20px;gap:20px;position:relative}.diff-status{text-align:center;padding:12px 20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:14px;font-weight:500;color:#495057}.diff-actions{display:flex;justify-content:center;align-items:center;padding:16px 0;gap:12px;max-width:1200px;margin:0 auto}.diff-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);max-width:1200px;margin:0 auto}.controls-section{display:flex;justify-content:center;padding:40px 0;gap:16px}.find-diff-button{padding:8px 20px;background:#0969da;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.find-diff-button.modern{display:flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.find-diff-button.modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.find-diff-button.modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.find-diff-button.modern:hover:before{left:100%}.find-diff-button.modern:active{transform:translateY(0);box-shadow:0 2px 10px #667eea66}.find-diff-button.modern svg{transition:transform .3s ease}.find-diff-button.modern:hover svg{transform:translateY(-2px)}.find-diff-button:hover:not(:disabled):not(.modern){background:#0860ca}.find-diff-button:disabled{background:#8c959f;cursor:not-allowed}.find-diff-button.needs-update{background:#fd7e14;animation:pulse 2s infinite}.find-diff-button.needs-update:hover{background:#e8670e}@keyframes pulse{0%{box-shadow:0 0 #fd7e1466}70%{box-shadow:0 0 0 10px #fd7e1400}to{box-shadow:0 0 #fd7e1400}}.input-section{display:flex;gap:20px;min-height:250px}.input-section.skinny{gap:12px;justify-content:center}.input-section.skinny .text-input-container{max-width:600px}.aiva-footer{text-align:center;padding:20px 0;margin-top:auto;color:#6c757d;font-size:14px;border-top:1px solid #e9ecef}.aiva-footer strong{color:#000;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}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;background-color:#f5f5f5}#root{min-height:100vh;width:100vw}