*{margin:0;padding:0;box-sizing:border-box}.app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6;min-height:100vh}.container{padding:0 20px}.sidebar-card{padding-top:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.sidebar-card h2{font-size:18px;margin-bottom:8px}.sidebar-card p{font-size:14px;margin-bottom:24px}.sidebar-actions{display:flex;flex-direction:column;gap:12px}.text-inputs{display:flex;width:100%;gap:24px}.input-card{width:50%;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.input-card h3{font-size:16px;margin-bottom:16px}.input-card textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;resize:vertical;min-height:300px}.input-card textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.diff-mode{width:100%;padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;gap:24px}.stats-card{border-radius:8px;display:flex;justify-content:space-between;align-items:center}.stats{display:flex;gap:24px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.stat-color{width:12px;height:12px;border-radius:2px}.stat-green{background:#10b981}.stat-red{background:#ef4444}.stat-blue{background:#3b82f6}.actions{display:flex;gap:8px}.diff-view{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:768px){.diff-view{grid-template-columns:1fr}}.diff-panel{background:#16181E;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.diff-header{background:#2E313D;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-weight:500;color:#FFFFFF}.diff-content{padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;max-height:400px;overflow-y:auto}.diff-line{display:flex;margin:0 -16px;padding:0 16px}.line-number{width:32px;text-align:right;margin-right:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.line-content{flex:1 1;white-space:pre-wrap;word-break:break-word}.diff-line.insert{background:#235b3e87;color:#0F9A72}.diff-line.delete{background:#5b232e4d;color:#D13C3C}.diff-line.replace-old{background:#fef2f2;color:#991b1b}.diff-line.replace-new{background:#ecfdf5;color:#065f46}.back-button-container{display:flex;justify-content:center;margin-top:24px}.cancel-btn{height:40px!important;width:100px!important;line-height:0px!important;padding:0!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;background:#EFEFFF!important;color:#805AF5!important;border:1px solid rgba(from var(--color-primary) r g b/.15)!important}