@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600;700&display=swap";:root{--c-copper:#a8562e;--c-copper-deep:#7a3f1f;--c-copper-soft:#a46746;--c-copper-peach:#edb08a;--c-copper-sand:#e0b394;--c-copper-brick:#b15d37;--c-copper-hover:#934a26;--c-copper-active:#6e3818;--c-copper-tint-08:#a8562e14;--c-copper-tint-12:#a8562e1f;--c-copper-tint-20:#a8562e33;--c-copper-focus-ring:#a8562e59;--c-olive:#667146;--c-mint:#d0e0c0;--c-cream:#e8ddcd;--c-warm-white:#f9f5f3;--c-cream-snow:#fdfcfd;--c-warm-bg-faint:#f4efea;--c-blue-cobalt:#2c54a0;--c-blue-deep:#082592;--c-blue-glass:#c5d8ec;--c-blue-sky:#5ba8e5;--c-blue-chart:#3a82c8;--c-success:#5cb87a;--c-success-bg:#e8f5ec;--c-success-border:#a8d8b5;--c-warning:#e8b23e;--c-warning-bg:#fdf6e3;--c-warning-border:#f0d693;--c-danger:#d9534f;--c-danger-bg:#fcebea;--c-danger-border:#f0b5b3;--c-info:#3a82c8;--c-info-bg:#e8f1f9;--c-info-border:#a8c8e5;--c-ai-purple:#7c6fcf;--c-ai-purple-bg:#efedf8;--c-text-primary:#3d3833;--c-text-body:#5d544d;--c-text-secondary:#7d7574;--c-text-muted:#a89f98;--c-text-disabled:#c8beb7;--c-text-inverse:#fdfcfd;--c-border-default:#e8ddd3;--c-border-subtle:#f0e7e0;--c-border-strong:#c8beb7;--c-bg-app:#f9f5f3;--c-bg-surface:#fdfcfd;--c-bg-elevated:#fff;--c-bg-subtle:#f4efea;--c-bg-dark:#1a1612;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-xs:0 1px 2px #3d38330a;--shadow-sm:0 2px 4px #3d38330d, 0 1px 2px #3d38330a;--shadow-md:0 4px 12px #3d38330f;--shadow-lg:0 8px 24px #3d383314;--shadow-xl:0 12px 32px #3d38331a, 0 4px 8px #a8562e0f;--shadow-2xl:0 24px 48px #3d383324;--shadow-warm-sm:0 2px 6px #a8562e1a;--shadow-warm-md:0 8px 24px #a8562e1f;--shadow-warm-lg:0 16px 40px #a8562e2e;--shadow-warm-glow:0 0 0 4px #a8562e1a;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--font-sans:"Work Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Montserrat", "Work Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--c-bg-app);color:var(--c-text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);color:var(--c-text-primary);font-weight:600}h1{margin-bottom:var(--space-4);font-size:clamp(2rem,3.5vw,2.5rem)}h2{margin-bottom:var(--space-3);font-size:1.5rem}h3{margin-bottom:var(--space-2);font-size:1.25rem}h4{margin-bottom:var(--space-2);font-size:1.125rem}:focus-visible{box-shadow:0 0 0 3px var(--c-copper-focus-ring);border-radius:inherit;outline:none}.container{width:100%;max-width:1280px;padding-inline:var(--space-6);margin-inline:auto}.flex-center{justify-content:center;align-items:center;display:flex}.grid-12{gap:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;height:40px;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-copper);color:var(--c-text-inverse);box-shadow:var(--shadow-warm-sm)}.btn-primary:hover:not(:disabled){background:var(--c-copper-hover);box-shadow:var(--shadow-warm-md)}.btn-primary:active:not(:disabled){background:var(--c-copper-active);transform:translateY(1px)}.btn-secondary{color:var(--c-copper-deep);border-color:var(--c-copper);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--c-copper-tint-08)}.btn-secondary:active:not(:disabled){background:var(--c-copper-tint-12)}.btn-ghost{color:var(--c-text-body);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--c-bg-subtle);color:var(--c-text-primary)}.btn-danger{background:var(--c-danger);color:var(--c-text-inverse)}.btn-danger:hover:not(:disabled){background:#c0413d}.btn-sm{height:32px;padding:6px 14px;font-size:.8125rem}.btn-lg{height:48px;padding:14px 28px;font-size:1rem}.btn-pill{border-radius:var(--radius-pill)}.input{width:100%;height:40px;color:var(--c-text-primary);background:var(--c-bg-surface);border:1px solid var(--c-border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);outline:none;padding:0 14px;font-size:.875rem}.input::placeholder{color:var(--c-text-muted)}.input:hover{border-color:var(--c-border-strong)}.input:focus{border-color:var(--c-copper);box-shadow:var(--shadow-warm-glow)}.input:disabled{background:var(--c-bg-subtle);color:var(--c-text-disabled);cursor:not-allowed}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{color:var(--c-text-primary);font-size:.8125rem;font-weight:600}.field-help{color:var(--c-text-secondary);font-size:.75rem}.field-error{color:var(--c-danger);font-size:.75rem}.card{background:var(--c-bg-surface);border:1px solid var(--c-border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out)}.card-hover:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-warm{background:var(--c-cream-snow);border:1px solid var(--c-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-warm-sm);transition:all var(--duration-base) var(--ease-out)}.card-warm:hover{box-shadow:var(--shadow-warm-md);transform:translateY(-2px)}.card-block{background:linear-gradient(135deg, var(--c-copper-soft), var(--c-copper));color:var(--c-text-inverse);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-warm-lg)}.card-glass{-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-warm-md);background:#f9f2efd9;border:1px solid #f0e7e499}.tag{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);letter-spacing:.3px;padding:3px 10px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.tag-neutral{background:var(--c-bg-subtle);color:var(--c-text-secondary)}.tag-brand{background:var(--c-copper-tint-12);color:var(--c-copper-deep)}.tag-success{background:var(--c-success-bg);color:#2e8049}.tag-warning{background:var(--c-warning-bg);color:#8c6a18}.tag-danger{background:var(--c-danger-bg);color:#a02e2a}.tag-info{background:var(--c-info-bg);color:#1f5a92}.tag-ai{background:var(--c-ai-purple-bg);color:#4f4396}.alert{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid;font-size:.875rem;line-height:1.5;display:flex}.alert-info{background:var(--c-info-bg);border-color:var(--c-info-border);color:#1f5a92}.alert-success{background:var(--c-success-bg);border-color:var(--c-success-border);color:#2e8049}.alert-warning{background:var(--c-warning-bg);border-color:var(--c-warning-border);color:#8c6a18}.alert-danger{background:var(--c-danger-bg);border-color:var(--c-danger-border);color:#a02e2a}.table-container{background:var(--c-bg-surface);border:1px solid var(--c-border-default);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table thead th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--c-text-secondary);background:var(--c-bg-subtle);border-bottom:1px solid var(--c-border-default);letter-spacing:.3px;text-transform:uppercase;font-size:.8125rem;font-weight:600}.table tbody td{padding:var(--space-4);color:var(--c-text-body);border-bottom:1px solid var(--c-border-subtle)}.table tbody tr:hover td{background:var(--c-warm-bg-faint)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .up{color:var(--c-success)}.table .down{color:var(--c-danger)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#1a161273;position:fixed;inset:0}.modal{background:var(--c-bg-elevated);border-radius:var(--radius-xl);width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--shadow-2xl);z-index:310;padding:var(--space-6);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.skeleton{background:linear-gradient(90deg, var(--c-bg-subtle) 0%, var(--c-warm-bg-faint) 50%, var(--c-bg-subtle) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--c-copper-tint-20);border-top-color:var(--c-copper);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--c-text-secondary);flex-direction:column;align-items:center;display:flex}.empty-icon{width:64px;height:64px;color:var(--c-copper-sand);margin-bottom:var(--space-4);font-size:3rem}.empty h3{color:var(--c-text-primary);margin-bottom:var(--space-2);font-size:1.125rem}.empty p{margin-bottom:var(--space-6);max-width:320px;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.agent-wrapper{background-color:var(--c-bg-app);min-height:100vh;padding-bottom:var(--space-16)}.agent-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--c-border-default);background:#fdfcfdd9;height:64px;position:sticky;top:0}.agent-header:after{content:"";background:linear-gradient(90deg,#7a3f1f,#a8562e,#edb08a,#0000);width:100%;height:2px;position:absolute;bottom:0;left:0}.agent-header .header-content{justify-content:space-between;align-items:center;height:100%;display:flex}.agent-title-area{align-items:center;gap:var(--space-3);margin-left:var(--space-4);display:flex}.agent-title-area h2{color:var(--c-text-primary);font-size:1.125rem;font-weight:700}.agent-title-area .sub-title{color:var(--c-text-secondary);font-size:.9375rem;font-weight:400}.agent-icon{font-size:1.5rem}.agent-usage-badge{margin-left:auto}.agent-main{margin-top:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.agent-input-panel h3{margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700}.agent-input-panel .subtitle{color:var(--c-text-secondary);margin-bottom:var(--space-4);font-size:.875rem}.agent-input-form{gap:var(--space-4);display:flex}.agent-input-form .prompt-input{flex:1}.agent-workspace-grid{gap:var(--space-6);grid-template-columns:320px 1fr;align-items:stretch;display:grid}.agent-pipeline h4{margin-bottom:var(--space-4);border-bottom:1px solid var(--c-border-default);padding-bottom:var(--space-2);font-size:1rem;font-weight:700}.agent-pipeline-steps{gap:var(--space-3);flex-direction:column;display:flex}.agent-pipeline-step{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--c-bg-surface);border:1px solid var(--c-border-subtle);transition:all var(--duration-base) var(--ease-out);display:flex}.agent-pipeline-step.running{border-color:var(--theme-color);background:var(--theme-glow)}.agent-pipeline-step.success{border-color:var(--c-success);background:var(--c-success-bg)}.agent-pipeline-step.failed{border-color:var(--c-danger);background:var(--c-danger-bg)}.agent-pipeline-step .step-icon-wrapper{background:var(--c-border-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.agent-pipeline-step.running .step-icon-wrapper{background:var(--theme-color)}.agent-pipeline-step.success .step-icon-wrapper{background:var(--c-success)}.agent-pipeline-step.failed .step-icon-wrapper{background:var(--c-danger)}.agent-pipeline-step .step-num{color:var(--c-text-secondary);font-size:.75rem;font-weight:700}.agent-pipeline-step.running .step-num{color:#fff}.agent-pipeline-step .step-success-icon{color:#fff;font-size:.875rem;font-weight:700}.agent-pipeline-step .step-info{flex:1}.agent-pipeline-step .step-info h5{color:var(--c-text-primary);margin:0 0 2px;font-size:.875rem;font-weight:600}.agent-pipeline-step .step-info p{color:var(--c-text-secondary);margin:0;font-size:.75rem}.agent-results-card{flex-direction:column;min-height:450px;display:flex}.agent-tabs-header{border-bottom:1px solid var(--c-border-default);gap:var(--space-4);display:flex}.agent-tab-btn{color:var(--c-text-secondary);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--duration-base) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.9375rem;font-weight:500}.agent-tab-btn:hover{color:var(--c-text-primary)}.agent-tab-btn.active{color:var(--theme-color);border-bottom-color:var(--theme-color);font-weight:600}.agent-tab-body{padding:var(--space-5) 0;flex:1}.agent-code-view pre{background:var(--c-bg-subtle);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--c-border-default);font-family:var(--font-mono), monospace;color:var(--c-copper-deep);white-space:pre-wrap;margin:0;font-size:.8125rem;overflow-x:auto}.agent-empty-state{height:100%;color:var(--c-text-muted);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;min-height:250px;font-size:.875rem;display:flex}.agent-welcome-state{padding:var(--space-12) var(--space-6);text-align:center}.agent-welcome-state .huge-icon{margin-bottom:var(--space-4);font-size:3.5rem;line-height:1}.agent-welcome-state h3{margin-bottom:var(--space-2);font-size:1.25rem}.agent-welcome-state p{color:var(--c-text-secondary);max-width:420px;font-size:.875rem}.agent-spinner-large{border:3px solid var(--theme-glow);border-top-color:var(--theme-color);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.agent-detail-row{border-bottom:1px solid var(--c-border-subtle);padding-bottom:var(--space-3);margin-bottom:var(--space-3);align-items:center;display:flex}.agent-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.agent-detail-row .label{width:120px;color:var(--c-text-secondary);font-weight:500}.agent-detail-row .val{color:var(--c-text-primary);font-weight:600}.switch-container{width:44px;height:22px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--c-border-default);transition:all var(--duration-fast) var(--ease-out);border-radius:var(--radius-pill);position:absolute;inset:0}.switch-slider:before{content:"";width:16px;height:16px;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.switch-container input:checked+.switch-slider{background-color:var(--c-copper)}.switch-container input:checked+.switch-slider:before{transform:translate(22px)}select{height:40px;color:var(--c-text-primary);background:var(--c-bg-surface);border:1px solid var(--c-border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);outline:none;padding:0 14px;font-size:.875rem}select:hover{border-color:var(--c-border-strong)}select:focus{border-color:var(--c-copper);box-shadow:var(--shadow-warm-glow)}