.cc-page{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.cc-header{margin-bottom:.25rem}.cc-title{font-size:1.5rem;font-weight:800;color:#111827;margin:0 0 .5rem}.cc-subtitle{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0;max-width:640px}.cc-step{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.cc-step-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.cc-step-tag{font-size:.6875rem;font-weight:700;letter-spacing:.05em;color:#2563eb;background:#eff6ff;border-radius:4px;padding:.125rem .375rem}.cc-step-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.cc-seg{display:inline-flex;gap:.375rem;background:#f3f4f6;border-radius:8px;padding:.25rem;margin-bottom:.875rem}.cc-seg-btn{border:none;background:transparent;color:#6b7280;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.cc-seg-btn:hover{color:#111827}.cc-seg-btn.active{background:#fff;color:#1d4ed8;box-shadow:0 1px 2px #00000014}.cc-file-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.cc-file-item{display:flex;align-items:center;gap:.625rem;width:100%;text-align:left;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.625rem .875rem;cursor:pointer;transition:all .15s ease}.cc-file-item:hover{border-color:#93c5fd;background:#f0f7ff}.cc-file-item.selected{border-color:#2563eb;background:#eff6ff}.cc-file-icon{font-size:1rem;flex-shrink:0}.cc-file-name{flex:1;font-size:.875rem;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-file-check{color:#2563eb;font-weight:700;flex-shrink:0}.cc-loading{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:2rem 0;color:#6b7280;font-size:.875rem}.cc-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.8125rem;border-radius:8px;padding:.75rem 1rem}.cc-hint{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:.8125rem;line-height:1.6;padding:1rem}.cc-allclear{display:flex;align-items:center;gap:.625rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:.875rem;font-weight:600;padding:1rem}.cc-allclear-icon{font-size:1.125rem}.cc-down-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.875rem;margin-bottom:.75rem}.cc-down-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.cc-down-icon{font-size:.9375rem;flex-shrink:0}.cc-down-name{font-size:.875rem;font-weight:700;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-down-counts{margin-left:auto;flex-shrink:0;font-size:.75rem;font-weight:600;color:#b45309;background:#fef3c7;border-radius:999px;padding:.125rem .5rem}.cc-change-list{display:flex;flex-direction:column;gap:.5rem}.cc-change-row{display:flex;align-items:flex-start;gap:.625rem;background:#fff;border:1px solid #f3f4f6;border-radius:6px;padding:.5rem .625rem}.cc-badge{flex-shrink:0;font-size:.6875rem;font-weight:700;border-radius:4px;padding:.125rem .375rem;margin-top:.0625rem}.cc-badge.modified{color:#b45309;background:#fef3c7}.cc-badge.deleted{color:#be123c;background:#fee2e2}.cc-badge.new{color:#166534;background:#dcfce7}.cc-change-body{flex:1;min-width:0}.cc-change-title{font-size:.8125rem;font-weight:600;color:#1f2937}.cc-change-desc{font-size:.75rem;color:#6b7280;margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cc-fields{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.375rem}.cc-field-chip{font-size:.6875rem;color:#4b5563;background:#f3f4f6;border-radius:4px;padding:.0625rem .375rem}.cc-chain{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.625rem .875rem;margin-bottom:.75rem}.cc-chain-node{font-size:.8125rem;font-weight:700;color:#1e40af;background:#fff;border:1px solid #bfdbfe;border-radius:6px;padding:.25rem .625rem}.cc-chain-node.highlight{color:#fff;background:#2563eb;border-color:#2563eb}.cc-chain-arrow{color:#93c5fd;font-weight:700}.cc-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-top:1px solid #f3f4f6;padding-top:.875rem}.cc-cost{font-size:.8125rem;color:#6b7280}.cc-cta{border:none;background:#2563eb;color:#fff;font-size:.875rem;font-weight:700;border-radius:8px;padding:.5rem 1.125rem;cursor:pointer;transition:background .15s ease}.cc-cta:hover:not(:disabled){background:#1d4ed8}.cc-cta:disabled{opacity:.55;cursor:not-allowed}.cc-cta-ghost{background:#fff;color:#2563eb;border:1px solid #93c5fd;padding:.375rem .75rem;font-size:.8125rem}.cc-cta-ghost:hover:not(:disabled){background:#eff6ff}@media (max-width: 640px){.cc-page{padding:1.25rem .875rem 3rem}.cc-footer{flex-direction:column;align-items:stretch}.cc-cta{width:100%}}