:root{--cc-tool:#ea580c;--cc-tool-dark:#c2410c;--cc-gradient:linear-gradient(135deg,#ea580c 0%,#f97316 100%);--cc-light:#fff7ed}[data-theme="dark"]{--cc-light:rgba(234,88,12,0.15)}.cc-layout.tool-page-container{grid-template-columns:240px minmax(0,1fr) 300px;gap:1.25rem}@media (max-width:1024px){.cc-layout.tool-page-container{grid-template-columns:220px minmax(0,1fr)}}@media (max-width:900px){.cc-layout.tool-page-container{grid-template-columns:1fr}}.cc-layout .tool-card-header{padding:0.625rem 0.75rem;font-size:0.8125rem}.cc-layout .tool-card-body{padding:0.75rem}.cc-layout .tool-form-group{margin-bottom:0.5rem}.cc-layout .tool-form-label{font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.25rem}.cc-layout .tool-form-input{padding:0.4375rem 0.5rem;font-size:0.8125rem}.cc-layout .tool-action-btn{padding:0.5rem;font-size:0.75rem;margin-top:0}.cc-step-list{border:1.5px solid var(--border);border-radius:0.625rem;overflow:hidden;background:var(--bg-primary)}.cc-step-header{display:grid;grid-template-columns:3rem 3.5rem 1fr 6rem;gap:0.5rem;padding:0.5rem 0.75rem;background:var(--bg-secondary);border-bottom:1.5px solid var(--border);font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.cc-step-body{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cc-tool) transparent}.cc-step-body::-webkit-scrollbar{width:5px}.cc-step-body::-webkit-scrollbar-track{background:transparent}.cc-step-body::-webkit-scrollbar-thumb{background:var(--cc-tool);border-radius:3px}.cc-step-row{display:grid;grid-template-columns:3rem 3.5rem 1fr 6rem;gap:0.5rem;padding:0.375rem 0.75rem;align-items:center;border-bottom:1px solid var(--border);animation:cc-rowSlide 0.2s ease-out;transition:background 0.1s}.cc-step-row:last-child{border-bottom:none}.cc-step-row:hover{background:var(--bg-secondary)}.cc-step-row.cc-step-peak{background:#fffbeb}[data-theme="dark"] .cc-step-row.cc-step-peak{background:rgba(245,158,11,0.08)}.cc-step-row.cc-step-done{background:#f0fdf4}[data-theme="dark"] .cc-step-row.cc-step-done{background:rgba(34,197,94,0.08)}.cc-step-num{font-family:var(--font-mono);font-size:0.6875rem;font-weight:600;color:var(--text-muted);text-align:right}.cc-step-op{font-size:0.625rem;font-weight:700;font-family:var(--font-mono);padding:0.125rem 0.375rem;border-radius:0.25rem;text-align:center;line-height:1.4}.cc-op-start{background:var(--cc-light);color:var(--cc-tool)}.cc-op-even{background:#eff6ff;color:#2563eb}[data-theme="dark"] .cc-op-even{background:rgba(37,99,235,0.15);color:#60a5fa}.cc-op-odd{background:#fff7ed;color:var(--cc-tool)}[data-theme="dark"] .cc-op-odd{background:rgba(234,88,12,0.15);color:#fb923c}.cc-step-val{font-family:var(--font-mono);font-size:0.8125rem;font-weight:600;color:var(--text-primary)}.cc-val-peak{color:#d97706;font-weight:700}[data-theme="dark"] .cc-val-peak{color:#fbbf24}.cc-val-done{color:#16a34a;font-weight:700}[data-theme="dark"] .cc-val-done{color:#4ade80}.cc-step-bar-wrap{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.cc-step-bar{height:100%;background:var(--cc-tool);border-radius:3px;transition:width 0.2s ease-out;min-width:0}.cc-bar-peak{background:#f59e0b}.cc-bar-done{background:#22c55e}@keyframes cc-rowSlide{from{opacity:0;transform:translateX(-0.5rem)}to{opacity:1;transform:translateX(0)}}.cc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.625rem;margin-top:0.75rem}.cc-stat-card{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:0.625rem;padding:0.875rem;text-align:center;transition:all 0.15s}.cc-stat-card:hover{border-color:var(--cc-tool)}.cc-stat-label{font-size:0.6875rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.25rem}.cc-stat-value{font-size:1.375rem;font-weight:700;color:var(--cc-tool);font-family:var(--font-mono)}[data-theme="dark"] .cc-stat-card{background:var(--bg-tertiary)}.cc-record-numbers{display:flex;flex-wrap:wrap;gap:0.25rem}.cc-record-btn{padding:0.25rem 0.5rem;font-size:0.625rem;font-weight:500;border-radius:2rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all 0.15s;font-family:var(--font-mono)}.cc-record-btn:hover{background:var(--cc-light);color:var(--cc-tool);border-color:var(--cc-tool)}[data-theme="dark"] .cc-record-btn{background:var(--bg-tertiary)}.cc-speed-group{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0}.cc-speed-label{font-size:0.625rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.cc-speed-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none}.cc-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cc-tool);cursor:pointer}.cc-speed-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cc-tool);cursor:pointer;border:none}.cc-speed-value{font-family:var(--font-mono);font-size:0.6875rem;font-weight:600;color:var(--cc-tool);min-width:2rem;text-align:right}.cc-action-row{display:grid;grid-template-columns:1fr auto auto;gap:0.375rem}.cc-action-row .tool-action-btn{white-space:nowrap}.cc-btn-stop{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--border)!important;padding:0.5rem 0.625rem!important}.cc-btn-stop:hover{border-color:var(--cc-tool)!important;color:var(--cc-tool)!important}.cc-btn-reset{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--border)!important;padding:0.5rem 0.625rem!important}.cc-btn-reset:hover{border-color:var(--text-muted)!important}.cc-graph-container{margin-top:0.75rem;border:1.5px solid var(--border);border-radius:0.75rem;overflow:hidden;background:var(--bg-primary);min-height:340px}.cc-graph-container:empty{display:none}.cc-rule-box{background:var(--cc-light);border:1.5px solid rgba(234,88,12,0.2);border-left:4px solid var(--cc-tool);border-radius:0.5rem;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:0.875rem;font-weight:600;color:var(--cc-tool-dark);line-height:1.8}[data-theme="dark"] .cc-rule-box{background:rgba(234,88,12,0.08);border-color:rgba(234,88,12,0.2);border-left-color:var(--cc-tool);color:#fb923c}.cc-famous-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.75rem;margin:1rem 0}.cc-famous-card{padding:1rem;background:var(--bg-secondary);border-radius:0.5rem;border-left:3px solid var(--cc-tool)}.cc-famous-card h4{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin:0 0 0.375rem}.cc-famous-card p{font-size:0.75rem;color:var(--text-secondary);margin:0;line-height:1.5;font-family:var(--font-mono)}.cc-result-toolbar{display:flex;align-items:center;gap:0.25rem;padding:0.625rem 0.75rem;border-top:1.5px solid var(--border);background:var(--bg-secondary);border-radius:0 0 0.75rem 0.75rem;flex-shrink:0}.cc-toolbar-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.375rem 0.625rem;font-size:0.6875rem;font-weight:600;font-family:var(--font-sans);border:1px solid var(--border);border-radius:0.375rem;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all 0.15s;white-space:nowrap;line-height:1}.cc-toolbar-btn:hover{background:var(--cc-light);color:var(--cc-tool);border-color:var(--cc-tool)}[data-theme="dark"] .cc-result-toolbar{background:var(--bg-tertiary)}[data-theme="dark"] .cc-toolbar-btn{background:var(--bg-secondary);border-color:var(--border);color:var(--text-secondary)}[data-theme="dark"] .cc-toolbar-btn:hover{background:var(--cc-light);color:var(--cc-tool);border-color:var(--cc-tool)}.cc-status{display:flex;align-items:center;gap:0.5rem;font-size:0.8125rem;font-weight:500;color:var(--text-secondary);padding:0.5rem 0}.cc-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.cc-status-dot.cc-running{background:#22c55e;animation:cc-pulse 1s ease-in-out infinite}.cc-status-dot.cc-done{background:var(--cc-tool)}@keyframes cc-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.cc-anim{opacity:0;transform:translateY(1rem);transition:opacity 0.5s ease,transform 0.5s ease}.cc-anim.cc-visible{opacity:1;transform:translateY(0)}.cc-anim-d1{transition-delay:0.1s}.cc-anim-d2{transition-delay:0.2s}.cc-anim-d3{transition-delay:0.3s}.cc-anim-d4{transition-delay:0.4s}@media (prefers-reduced-motion:reduce){.cc-anim{opacity:1;transform:none;transition:none}}@media (max-width:900px){.cc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cc-stats-grid{grid-template-columns:1fr 1fr}.cc-famous-grid{grid-template-columns:1fr}.cc-step-header,.cc-step-row{grid-template-columns:2.5rem 3rem 1fr 4rem;gap:0.25rem;padding:0.375rem 0.5rem}.cc-step-val{font-size:0.75rem}.cc-graph-container{min-height:250px}}