.grid-responsive{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:600px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.content-section{margin-bottom:1.5rem}.content-section:last-child{margin-bottom:0}.card-title{color:#ffffff;font-size:18px;margin-bottom:8px}.card-text{color:#c5cae8;font-size:14px;margin:0;line-height:1.5}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.recommendation-card{background-color:rgba(15,33,81,.3);border-radius:12px;padding:24px;border:1px solid rgba(99,102,241,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.recommendation-title{color:#ffffff;font-size:18px;font-weight:600;margin-bottom:12px}.recommendation-text{color:#c5cae8;font-size:14px;margin-bottom:8px;line-height:1.5}.stat-card__icon--red{background:hsl(var(--wf-accent-red-hsl)/15%);color:var(--wf-accent-red)}.stat-card__icon--yellow{background:hsl(var(--wf-accent-yellow-hsl)/15%);color:var(--wf-accent-yellow)}.stat-card__icon--emerald{background:hsl(var(--wf-accent-green-hsl)/15%);color:var(--wf-accent-green)}.stat-card--compact{padding:1rem}.stat-card--compact .stat-card__value{font-size:1.125rem;margin:0 0 .125rem}.stat-card--compact .stat-card__title{font-size:.75rem;font-weight:500}.stat-card--elevated{box-shadow:var(--wf-shadow-lg)}.stat-card--interactive{cursor:pointer}.stat-card--interactive:hover{border-color:var(--color-brand);box-shadow:var(--wf-shadow-lg);transform:translateY(-2px)}.action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1.5rem;box-shadow:var(--wf-shadow-sm);transition:all .2s ease}.action-card--interactive{cursor:pointer}.action-card--interactive:hover{border-color:var(--color-brand);box-shadow:var(--wf-shadow-md);transform:translateY(-1px)}.action-card__content{display:flex;align-items:flex-start;gap:1rem}.action-card__icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-card__icon svg{width:1.5rem;height:1.5rem}.action-card__text{flex:1}.action-card__title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.action-card__description{font-size:.875rem;color:var(--color-text-subtle);margin:0;line-height:1.5}.action-card__icon--purple{background:hsl(var(--wf-accent-purple-hsl)/15%);color:var(--wf-accent-purple)}.action-card__icon--blue{background:hsl(var(--wf-accent-blue-hsl)/15%);color:var(--wf-accent-blue)}.action-card__icon--green{background:hsl(var(--wf-accent-green-hsl)/15%);color:var(--wf-accent-green)}.action-card__icon--red{background:hsl(var(--wf-accent-red-hsl)/15%);color:var(--wf-accent-red)}.action-card__icon--cyan{background:hsl(var(--wf-accent-cyan-hsl)/15%);color:var(--wf-accent-cyan)}.action-card__icon--indigo{background:hsl(var(--wf-accent-indigo-hsl)/15%);color:var(--wf-accent-indigo)}.action-card__icon--yellow{background:hsl(var(--wf-accent-yellow-hsl)/15%);color:var(--wf-accent-yellow)}.action-card__icon--orange{background:hsl(var(--wf-accent-orange-hsl)/15%);color:var(--wf-accent-orange)}.alert-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;box-shadow:var(--wf-shadow-sm);display:flex;align-items:flex-start;gap:.75rem}.card__actions{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.status-list{display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem}.card-description{font-size:.875rem;color:var(--color-text-subtle);margin:0 0 .75rem}.input--mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.status-indicator{display:flex;align-items:center;gap:.5rem}.data-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:var(--wf-shadow-sm);overflow:hidden}.data-table__header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em}.data-table__title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.data-table__content{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table__head{background:var(--color-surface-muted)}.data-table__head-cell{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.data-table__body{background:var(--color-surface)}.data-table__row{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.data-table__row:hover{background:var(--color-surface-muted)}.data-table__row:last-child{border-bottom:none}.data-table__cell{padding:1rem 1.5rem;font-size:.875rem;color:var(--color-text);vertical-align:top}.data-table__cell--actions{text-align:right;width:1%;white-space:nowrap}.data-table__cell-primary{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.data-table__cell-secondary{font-size:.75rem;color:var(--color-text-subtle);line-height:1.4}.data-table__header--actions{text-align:right;width:1%;white-space:nowrap}.data-table__table{width:100%;border-collapse:collapse}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}button.badge{font-family:inherit;cursor:pointer}button.badge--success{background:color-mix(in srgb,var(--color-success) 15%,transparent)!important;color:var(--color-success)!important;border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)!important}button.badge--danger{background:color-mix(in srgb,var(--color-danger) 15%,transparent)!important;color:var(--color-danger)!important;border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)!important}button.badge--warning{background:color-mix(in srgb,var(--color-warning) 20%,transparent)!important;color:var(--color-warning)!important;border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent)!important}button.badge--info{background:color-mix(in srgb,var(--color-info) 15%,transparent)!important;color:var(--color-info)!important;border:1px solid color-mix(in srgb,var(--color-info) 30%,transparent)!important}button.badge--neutral{background:var(--color-surface-muted)!important;color:var(--color-text-subtle)!important;border:1px solid var(--color-border)!important}.badge--success{background:hsl(var(--wf-accent-green-hsl)/12%);color:var(--wf-accent-green);border:1px solid hsl(var(--wf-accent-green-hsl)/20%)}.badge--danger{background:hsl(var(--wf-accent-red-hsl)/12%);color:var(--wf-accent-red);border:1px solid hsl(var(--wf-accent-red-hsl)/20%)}.badge--warning{background:hsl(var(--wf-accent-yellow-hsl)/20%);color:var(--wf-accent-yellow);border:1px solid hsl(var(--wf-accent-yellow-hsl)/30%)}.badge--info{background:hsl(var(--wf-accent-blue-hsl)/12%);color:var(--wf-accent-blue);border:1px solid hsl(var(--wf-accent-blue-hsl)/20%)}.badge--neutral{background:var(--color-surface-muted);color:var(--color-text-subtle);border:1px solid var(--color-border)}.stage55-card-title{color:#ffffff;font-size:18px;font-weight:600;margin-bottom:8px}.stage55-card-text{color:#c5cae8;font-size:14px;margin:0;line-height:1.5}.stage55-bg-option-card{background:rgba(15,33,81,.4);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;margin-top:1rem;backdrop-filter:blur(10px)}.stage55-recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.stage55-recommendation-card{background-color:rgba(15,33,81,.3);border-radius:12px;padding:24px;border:1px solid rgba(99,102,241,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stage55-recommendation-title{color:#ffffff;font-size:18px;font-weight:600;margin-bottom:12px}.stage55-recommendation-text{color:#c5cae8;font-size:14px;margin-bottom:8px;line-height:1.5}.template-card{background:var(--wf-bg-tertiary);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:1.5rem;transition:all .2s;cursor:pointer}.template-card:hover{border-color:var(--wf-accent-primary);background:var(--wf-bg-secondary)}.template-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.template-card__category{display:inline-block;padding:.25rem .75rem;background:var(--wf-accent-bg);color:var(--wf-accent-primary);font-size:.75rem;font-weight:600;border-radius:9999px}.template-card__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--wf-text-primary)}.template-card__description{font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:1rem;line-height:1.5}.template-card__footer{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--wf-text-tertiary)}.template-card__uses{display:flex;align-items:center;gap:.5rem}.test-status-icon--running{color:var(--color-warning-500)}.test-status-icon--passed{color:var(--color-success-500)}.test-status-icon--failed{color:var(--color-danger-500)}.test-status-icon--pending{color:var(--color-neutral-500)}.test-badge{display:inline-block;padding:.125rem .5rem;font-size:.75rem;border-radius:9999px;font-weight:500}.test-badge--memory{background:hsl(var(--wf-accent-purple-hsl)/15%);color:var(--wf-accent-purple)}.test-badge--backend{background:hsl(var(--wf-accent-blue-hsl)/15%);color:var(--wf-accent-blue)}.test-badge--frontend{background:hsl(var(--wf-accent-green-hsl)/15%);color:var(--wf-accent-green)}.test-badge--integration{background:hsl(var(--wf-accent-orange-hsl)/15%);color:var(--wf-accent-orange)}.test-badge--default{background:var(--color-neutral-100);color:var(--color-neutral-600)}[data-mode=dark] .test-badge--default{background:var(--color-neutral-800);color:var(--color-neutral-400)}.test-modal{background:var(--wf-bg-elevated);border-radius:.5rem;box-shadow:var(--wf-shadow-xl);max-width:56rem;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.test-modal__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem}[data-mode=dark] .test-modal__backdrop{background:rgba(0,0,0,.7)}.test-error-box{margin-top:.5rem;padding:.75rem;border-radius:.375rem;background:var(--color-danger-50);font-size:.75rem;font-family:var(--font-mono,"Courier New",monospace);color:var(--color-danger-700);overflow-x:auto;white-space:pre-wrap}[data-mode=dark] .test-error-box{background:hsl(var(--wf-accent-red-hsl)/10%);color:var(--color-danger-300)}:root{--wf-bg-primary:#ffffff;--wf-bg-secondary:#f8fafc;--wf-bg-tertiary:#f1f5f9;--wf-bg-elevated:#ffffff;--wf-bg-card:#ffffff;--wf-bg-hover:#f8fafc}[data-mode=dark],html.dark{--wf-bg-primary:#0f1115;--wf-bg-secondary:#1a1d21;--wf-bg-tertiary:#2a2d31;--wf-bg-elevated:#2a2d31;--wf-bg-card:#1a1d21;--wf-bg-hover:#2f3439;--wf-text-primary:#f1f5f9;--wf-text-secondary:#94a3b8;--wf-border-primary:#2a2d31;--wf-canvas-bg:#0f1115;--wf-canvas-dot:#2f3439;--wf-canvas-handle-bg:#2a2d31;background-color:#0f1115;--calendar-picker-filter:invert(1)}:root{--calendar-picker-filter:none;--wf-text-primary:#0f172a;--wf-text-secondary:#475569;--wf-text-muted:#94a3b8;--wf-text-tertiary:#cbd5e1;--wf-text-on-accent:#ffffff;--wf-border-primary:#e2e8f0;--wf-border-secondary:#cbd5e1;--wf-canvas-bg:#f8fafc;--wf-canvas-dot:#e2e8f0;--wf-canvas-handle-bg:#ffffff;--xy-edge-stroke:var(--wf-canvas-edge-stroke);--wf-accent-primary:#3b82f6;--wf-accent-secondary:#8b5cf6;--wf-accent-blue:#3b82f6;--wf-accent-purple:#8b5cf6;--wf-accent-indigo:#6366f1;--wf-accent-cyan:#06b6d4;--wf-accent-green:#10b981;--wf-accent-yellow:#f59e0b;--wf-accent-red:#ef4444;--wf-accent-pink:#ec4899;--wf-accent-orange:#f59e0b;--wf-accent-bg:hsl(var(--wf-accent-primary-hsl)/0.08);--wf-accent-border:hsl(var(--wf-accent-primary-hsl)/0.2);--wf-accent-hover:#2563eb;--wf-success-bg:hsl(158 64% 52%/0.1);--wf-success-text:#10b981;--wf-info-bg:hsl(217 91% 60%/0.1);--wf-info-text:#3b82f6;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:#083344;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-success-950:#052e16;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-warning-950:#451a03;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-error-950:#450a0a;--wf-bg-primary-hsl:0 0% 100%;--wf-text-primary-hsl:222 47% 11%;--wf-border-primary-hsl:214 32% 91%;--wf-accent-primary-hsl:217 91% 60%;--wf-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--wf-gradient-success:linear-gradient(135deg,#10b981,#06b6d4);--wf-gradient-warning:linear-gradient(135deg,#f59e0b,#ec4899);--wf-gradient-surface:linear-gradient(135deg,#ffffff,#f8fafc);--wf-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--glass-bg:rgba(255,255,255,0.08);--glass-bg-subtle:rgba(255,255,255,0.05);--glass-bg-strong:rgba(255,255,255,0.12);--glass-border:rgba(255,255,255,0.1);--glass-border-strong:rgba(255,255,255,0.15);--glass-blur:12px;--glass-blur-sm:8px;--glass-blur-lg:16px;--glass-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.08);--glass-shadow-lg:0 10px 15px rgba(0,0,0,0.15),0 4px 6px rgba(0,0,0,0.1);--glass-bg-dark:rgba(255,255,255,0.08);--glass-border-dark:rgba(255,255,255,0.12);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:250ms cubic-bezier(0.4,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-toast:1700;--spacing-0:0;--spacing-px:1px;--spacing-0\.5:0.125rem;--spacing-1:0.25rem;--spacing-1\.5:0.375rem;--spacing-2:0.5rem;--spacing-2\.5:0.625rem;--spacing-3:0.75rem;--spacing-3\.5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-xxs:var(--spacing-1);--spacing-xs:var(--spacing-2);--spacing-sm:var(--spacing-3);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-12);--spacing-3xl:var(--spacing-16);--border-radius-none:0;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-3xl:1.5rem;--border-radius-full:9999px;--wf-border-radius-none:var(--border-radius-none);--wf-border-radius-sm:var(--border-radius-sm);--wf-border-radius-md:var(--border-radius-md);--wf-border-radius-lg:var(--border-radius-lg);--wf-border-radius-xl:var(--border-radius-xl);--wf-border-radius-2xl:var(--border-radius-2xl);--wf-border-radius-3xl:var(--border-radius-3xl);--wf-border-radius-full:var(--border-radius-full);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--font-size-xxs:0.6rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--wf-font-primary:ui-sans-serif,system-ui,sans-serif;--wf-font-mono:ui-monospace,SFMono-Regular,"SF Mono",monospace;--wf-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--wf-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--wf-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--wf-font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--wf-code-font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--wf-font-size-xs:0.75rem;--wf-font-size-sm:0.875rem;--wf-font-size-base:0.95rem;--wf-font-size-h3:1.25rem;--wf-font-size-h2:1.5rem;--wf-font-size-h1:1.75rem;--wf-line-height-h:1.3;--wf-line-height-body:1.6;--wf-icon-chevron-size:2rem;--wf-icon-chevron-sm-size:1.2rem;--wf-icon-delete-size:2rem;--wf-icon-help-size:1rem;--wf-icon-action-size:1rem;--wf-icon-node-size:1.25rem;--wf-icon-chevron-stroke:2;--wf-icon-help-stroke:2;--wf-icon-action-stroke:1.5;--wf-icon-node-stroke:1.5;--wf-icon-chevron-color:#64748b;--wf-icon-chevron-hover:#475569;--wf-icon-help-color:#6b7280;--wf-icon-help-hover:#3b82f6;--wf-icon-action-color:#64748b;--wf-icon-action-hover:#475569;--wf-icon-node-color:#ffffff;--wf-icon-delete-color:#ef4444;--wf-icon-delete-hover:#dc2626}:root[data-mode=dark]{--wf-shadow-sm:0 1px 1px rgb(0 0 0/0.60),0 0 0 1px rgb(255 255 255/0.03);--wf-shadow-md:0 4px 12px rgb(0 0 0/0.50),0 0 0 1px rgb(255 255 255/0.05);--wf-shadow-lg:0 8px 24px rgb(0 0 0/0.45),0 0 0 1px rgb(255 255 255/0.06);--wf-shadow-xl:0 12px 40px rgb(0 0 0/0.50),0 0 0 1px rgb(255 255 255/0.07);--wf-gradient-surface:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.00) 60%)}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pt-2{padding-top:.5rem}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.h-4{height:1rem}.w-4{width:1rem}.title{font-size:1.875rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.subtitle{font-size:1.125rem;color:var(--color-text-subtle);margin:.5rem 0 0;line-height:1.4}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 1rem;line-height:1.3}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bg-success-subtle{background:hsl(var(--wf-accent-green-hsl)/8%)}.bg-error-subtle{background:hsl(var(--wf-accent-red-hsl)/8%)}.bg-warning-subtle{background:hsl(var(--wf-accent-yellow-hsl)/10%)}.text-muted{color:#c5cae8;font-size:16px;margin-bottom:16px;max-width:800px}.text-gradient-warm{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:600;font-size:32px;margin:1rem 0}.gradient-text-examples{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;margin-top:2rem}.border-success{border-color:var(--color-success)}.border-error{border-color:var(--color-danger)}.border-warning{border-color:var(--color-warning)}.text-success-text{color:var(--color-success)}.text-error-text{color:var(--color-danger)}.text-warning-text{color:var(--color-warning)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon--sm{width:1rem;height:1rem}.icon--md{width:1.25rem;height:1.25rem}.icon--lg{width:1.5rem;height:1.5rem}.icon--xl{width:2rem;height:2rem}.icon--danger{color:var(--wf-accent-red)}.icon--success{color:var(--wf-accent-green)}.icon--warning{color:var(--wf-accent-yellow)}.icon--info{color:var(--wf-accent-blue)}.icon--primary{color:var(--color-brand)}.icon--muted{color:var(--color-text-muted)}.wf-text-primary{color:var(--wf-text-primary)}.wf-text-secondary{color:var(--wf-text-secondary)}.wf-text-muted{color:var(--wf-text-muted)}.wf-text-blue{color:var(--wf-accent-blue)}.wf-text-purple{color:var(--wf-accent-purple)}.wf-text-green{color:var(--wf-accent-green)}.wf-text-yellow{color:var(--wf-accent-yellow)}.wf-text-red{color:var(--wf-accent-red)}.wf-text-orange{color:var(--wf-accent-orange)}.wf-text-cyan{color:hsl(188 94% 42%)}.wf-text-rose{color:hsl(351 89% 60%)}.wf-bg-primary{background-color:var(--wf-bg-primary)}.wf-bg-secondary{background-color:var(--wf-bg-secondary)}.wf-bg-card{background-color:var(--wf-bg-card)}.wf-bg-blue-subtle{background-color:hsl(var(--wf-accent-blue-hsl)/.1)}.wf-bg-purple-subtle{background-color:hsl(var(--wf-accent-purple-hsl)/.1)}.wf-bg-green-subtle{background-color:hsl(var(--wf-accent-green-hsl)/.1)}.wf-bg-yellow-subtle{background-color:hsl(var(--wf-accent-yellow-hsl)/.1)}.wf-bg-red-subtle{background-color:hsl(var(--wf-accent-red-hsl)/.1)}.wf-bg-orange-subtle{background-color:hsl(var(--wf-accent-orange-hsl)/.1)}.wf-bg-blue{background-color:var(--wf-accent-blue)}.wf-bg-purple{background-color:var(--wf-accent-purple)}.wf-bg-green{background-color:var(--wf-accent-green)}.wf-bg-yellow{background-color:var(--wf-accent-yellow)}.wf-bg-red{background-color:var(--wf-accent-red)}.wf-bg-orange{background-color:var(--wf-accent-orange)}.wf-bg-cyan{background-color:hsl(188 94% 42%)}.wf-bg-rose{background-color:hsl(351 89% 60%)}.wf-bg-cyan-subtle{background-color:hsl(188 94% 42%/.1)}.wf-bg-rose-subtle{background-color:hsl(351 89% 60%/.1)}.wf-text-xs{font-size:.75rem;line-height:1rem}.wf-text-sm{font-size:.875rem;line-height:1.25rem}.wf-text-base{font-size:1rem;line-height:1.5rem}.wf-text-lg{font-size:1.125rem;line-height:1.75rem}.wf-text-xl{font-size:1.25rem;line-height:1.75rem}.wf-text-2xl{font-size:1.5rem;line-height:2rem}.wf-text-3xl{font-size:1.875rem;line-height:2.25rem}.wf-text-4xl{font-size:2.25rem;line-height:2.5rem}.wf-font-medium{font-weight:500}.wf-font-semibold{font-weight:600}.wf-font-bold{font-weight:700}.wf-p-0{padding:0}.wf-p-1{padding:.25rem}.wf-p-2{padding:.5rem}.wf-p-3{padding:.75rem}.wf-p-4{padding:1rem}.wf-p-5{padding:1.25rem}.wf-p-6{padding:1.5rem}.wf-p-8{padding:2rem}.wf-m-0{margin:0}.wf-m-1{margin:.25rem}.wf-m-2{margin:.5rem}.wf-m-3{margin:.75rem}.wf-m-4{margin:1rem}.wf-m-6{margin:1.5rem}.wf-mb-2{margin-bottom:.5rem}.wf-mb-3{margin-bottom:.75rem}.wf-mb-4{margin-bottom:1rem}.wf-mb-6{margin-bottom:1.5rem}.wf-mt-2{margin-top:.5rem}.wf-mt-3{margin-top:.75rem}.wf-mt-4{margin-top:1rem}.wf-mt-6{margin-top:1.5rem}.wf-mt-12{margin-top:3rem}.wf-h-8{height:2rem}.wf-w-8{width:2rem}.wf-h-10{height:2.5rem}.wf-w-10{width:2.5rem}.wf-border-blue{border-color:var(--wf-accent-blue)}.wf-border-green{border-color:var(--wf-accent-green)}.wf-border-purple{border-color:var(--wf-accent-purple)}.wf-rounded-lg{border-radius:.5rem}.wf-rounded-full{border-radius:9999px}.wf-gap-1{gap:.25rem}.wf-gap-2{gap:.5rem}.wf-gap-3{gap:.75rem}.wf-gap-4{gap:1rem}.wf-gap-6{gap:1.5rem}.wf-px-3{padding-left:.75rem;padding-right:.75rem}.wf-px-4{padding-left:1rem;padding-right:1rem}.wf-px-6{padding-left:1.5rem;padding-right:1.5rem}.wf-py-2{padding-top:.5rem;padding-bottom:.5rem}.wf-py-3{padding-top:.75rem;padding-bottom:.75rem}.wf-py-4{padding-top:1rem;padding-bottom:1rem}.wf-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.wf-py-8{padding-top:2rem;padding-bottom:2rem}.wf-text-white{color:#ffffff}.wf-border-primary{border-color:var(--wf-border-primary)}.wf-border-secondary{border-color:var(--wf-border-secondary)}.wf-hover-bg-blue-dark:hover{background-color:hsl(var(--wf-accent-blue-hsl)/.8)}.wf-hover-bg-green-dark:hover{background-color:hsl(var(--wf-accent-green-hsl)/.8)}.wf-hover-bg-orange-dark:hover{background-color:hsl(var(--wf-accent-orange-hsl)/.8)}.wf-bg-muted{background-color:var(--wf-bg-secondary)}.wf-border-dashed{border-style:dashed}.wf-border-2{border-width:2px}.wf-cursor-pointer{cursor:pointer}.wf-inline-flex{display:inline-flex}.wf-break-all{word-break:break-all}.wf-flex{display:flex}.wf-grid{display:grid}.wf-items-center{align-items:center}.wf-justify-center{justify-content:center}.wf-justify-between{justify-content:space-between}.wf-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.wf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:768px){.md\:wf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:wf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:wf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:wf-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.wf-max-w-xl{max-width:36rem}.wf-max-w-2xl{max-width:42rem}.wf-max-w-3xl{max-width:48rem}.wf-container,.wf-mx-auto{margin-left:auto;margin-right:auto}.wf-container{width:100%;max-width:1280px;padding-left:1rem;padding-right:1rem}.wf-text-center{text-align:center}.wf-min-h-screen{min-height:100vh}.mr-2{margin-right:.5rem}.btn{--btn-bg:var(--color-brand);--btn-text:#fff;--btn-border:transparent;--btn-bg-hover:color-mix(in oklab,var(--color-brand) 88%,black 12%);--btn-bg-active:color-mix(in oklab,var(--color-brand) 80%,black 20%);--btn-ring:0 0 0 3px hsl(var(--wf-accent-primary-hsl)/30%);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;line-height:1;text-align:center;transition:all .2s ease;cursor:pointer;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--wf-shadow-sm)}.btn:hover{background:var(--btn-bg-hover)}.btn:active{background:var(--btn-bg-active)}.btn:focus-visible{outline:none;box-shadow:var(--wf-shadow-sm),var(--btn-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:.5rem .75rem;font-size:.75rem}.btn--lg{padding:1rem 1.5rem;font-size:1rem}.btn--secondary{--btn-bg:var(--color-surface);--btn-text:var(--color-text);--btn-border:var(--color-border);--btn-bg-hover:var(--color-surface-muted)}.btn--ghost{--btn-bg:transparent;--btn-text:var(--color-text);--btn-border:transparent;--btn-bg-hover:hsl(var(--wf-text-primary-hsl)/06%)}.btn--danger{--btn-bg:var(--color-danger)}.btn-group{box-shadow:var(--wf-shadow-sm);display:inline-flex;border-radius:.375rem;overflow:hidden;box-shadow:none}.btn-group .btn{border-radius:0;border-right-width:0;box-shadow:none}.btn-group .btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.btn-group .btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-right-width:1px}.btn-group .btn:focus{z-index:1;position:relative}.btn-group--wrap{display:flex;flex-wrap:wrap;gap:.5rem;border-radius:0;overflow:visible;box-shadow:none}.btn-group--wrap .btn{border-radius:.375rem;border-right-width:1px}.input{padding:.55rem;--input-bg:var(--color-surface);--input-text:var(--color-text);--input-placeholder:var(--color-text-muted);--input-border:var(--color-border);--input-ring:0 0 0 3px hsl(var(--wf-accent-primary-hsl)/28%);background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:.375rem;padding:.75rem;font-size:.875rem;line-height:1.25;transition:all .2s ease;width:100%}.input::-moz-placeholder{color:var(--input-placeholder)}.input::placeholder{color:var(--input-placeholder)}.input:focus{outline:none;box-shadow:var(--input-ring);border-color:var(--color-brand)}.input:hover:not(:focus){border-color:color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%)}.input[data-invalid=true]{border-color:var(--color-danger)}.input-group{position:relative}.input-group .input{padding-left:.7rem}.input-group .input--with-icon{padding-left:2.5rem}.input-group .input-icon,.input-group__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle__input{position:absolute;opacity:0;pointer-events:none}.toggle__switch{width:2.75rem;height:1.5rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:9999px;position:relative;transition:all .2s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--color-border);transition:all .2s ease}.toggle__input:checked+.toggle__switch,.toggle__switch:after{background:var(--color-brand)}.toggle__input:checked+.toggle__switch:after{transform:translateX(1.25rem);border-color:white}.toggle__input:focus+.toggle__switch{outline:none;box-shadow:0 0 0 4px hsl(var(--wf-accent-primary-hsl)/30%)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group__label{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.card__header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.chat-input-area--compact{border:none;background:transparent;padding:12px 8px;min-height:24px;max-height:120px;resize:none;line-height:1.5;font-size:16px;color:var(--color-text-primary,#f3f4f6);overflow-y:auto;flex:1}.chat-input-area--compact::-moz-placeholder{color:var(--color-text-secondary,#9ca3af);font-size:16px}.chat-input-area--compact::placeholder{color:var(--color-text-secondary,#9ca3af);font-size:16px}.chat-input-area--compact:focus{outline:none}.chat-input-area--compact:disabled{opacity:.6;cursor:not-allowed}.attachment-trigger{flex-shrink:0;background:none;border:none;color:var(--color-text-secondary,#9ca3af);padding:12px;border-radius:50%;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.attachment-trigger:hover:not(:disabled){background:var(--color-surface-hover,#4b5563);color:var(--color-text-primary,#f3f4f6)}.attachment-trigger:disabled{opacity:.5;cursor:not-allowed}