.similarity-dashboard{display:flex;align-items:center;justify-content:center;gap:48px;padding:24px;background:linear-gradient(135deg, #1a1a2e, #16213e);border-radius:24px;margin-bottom:30px;flex-wrap:wrap}.similarity-gauge{position:relative;width:200px;height:200px;text-align:center}.similarity-gauge canvas{position:absolute;top:0;left:0}.gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;font-weight:700;color:white;z-index:2}.gauge-label{position:absolute;bottom:20px;left:0;right:0;font-size:0.7rem;color:var(--gray-400);text-align:center}.similarity-stats{display:flex;gap:32px;flex-wrap:wrap}.stat-item{text-align:center;background:rgba(255,255,255,0.1);padding:16px 24px;border-radius:16px;min-width:100px}.stat-value{font-size:1.5rem;font-weight:700;color:#4ade80}.stat-label{font-size:0.7rem;color:var(--gray-400);margin-top:4px}.compare-editors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.editor-panel{background:white;border-radius:20px;overflow:hidden;border:1px solid var(--gray-200);transition:all 0.3s}.editor-panel:hover{box-shadow:0 10px 30px rgba(0,0,0,0.1)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg, var(--gray-50), #fafafa);border-bottom:1px solid var(--gray-200)}.panel-title{display:flex;align-items:center;gap:8px;font-weight:600}.panel-actions{display:flex;gap:6px}.action-btn{background:transparent;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all 0.2s;color:var(--gray-600)}.action-btn:hover{background:var(--gray-200);color:var(--primary-color)}.compare-textarea{width:100%;min-height:280px;padding:16px;font-family:'Fira Code',monospace;font-size:0.85rem;line-height:1.6;border:none;resize:vertical;background:#1a1a2e;color:#e0e0e0}.compare-textarea:focus{outline:none}.panel-footer{padding:8px 16px;background:var(--gray-50);border-top:1px solid var(--gray-200);font-size:0.7rem;color:var(--gray-500)}.detect-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 20px;background:var(--gray-50);border-radius:20px;margin-bottom:24px}.option-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.algorithm-select{padding:8px 16px;border:1px solid var(--gray-300);border-radius:40px;background:white}.detect-btn{padding:8px 28px}.result-section{margin-top:24px;animation:fadeIn 0.4s ease}.detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.detail-card{background:var(--gray-50);border-radius:16px;padding:16px}.detail-card h4{font-size:0.85rem;margin-bottom:12px;display:flex;align-items:center;gap:6px;color:var(--gray-700)}.detail-content{font-size:0.85rem;color:var(--gray-600);line-height:1.6}.diff-section{margin-bottom:24px}.diff-section h4{font-size:0.9rem;margin-bottom:12px;display:flex;align-items:center;gap:6px}.diff-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.diff-column{background:#1a1a2e;border-radius:16px;overflow:hidden}.diff-title{background:#2d2d44;padding:10px 16px;color:white;font-weight:500;font-size:0.8rem}.diff-content{padding:16px;font-family:monospace;font-size:0.8rem;line-height:1.6;color:#e0e0e0;max-height:300px;overflow-y:auto}.diff-highlight{background:#fbbf24;color:#1e293b;padding:2px 4px;border-radius:4px}.diff-removed{background:#ef4444;color:white;text-decoration:line-through}.common-phrases{margin-bottom:24px}.phrases-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.phrase-tag{background:#e0e7ff;color:var(--primary-color);padding:6px 14px;border-radius:30px;font-size:0.75rem;font-weight:500}.unique-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.unique-box{background:var(--gray-50);border-radius:16px;padding:16px}.unique-title{font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--gray-200);color:var(--gray-700)}.unique-content-text{font-size:0.8rem;color:var(--gray-600);line-height:1.6;max-height:120px;overflow-y:auto}.info-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;padding:16px}.info-item{display:flex;align-items:center;gap:8px;font-size:0.8rem;color:var(--gray-600)}.info-item i{color:var(--primary-color)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.compare-editors{grid-template-columns:1fr}.detail-cards{grid-template-columns:1fr}.diff-container{grid-template-columns:1fr}.unique-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.similarity-dashboard{flex-direction:column;text-align:center}.similarity-stats{justify-content:center}}