.wf-demo-container{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.wf-kanban-board{flex:1;justify-content:center;gap:20px;min-height:0;display:flex}.wf-kanban-column{background:var(--color-gray-50);opacity:0;border-radius:16px;flex-direction:column;width:40%;min-width:0;padding:12px;animation:.5s ease-out forwards wfColumnEnter;display:flex;transform:translateY(16px)}.wf-kanban-column:first-child{animation-delay:.1s}.wf-kanban-column:nth-child(2){animation-delay:.2s}@keyframes wfColumnEnter{to{opacity:1;transform:translateY(0)}}.wf-kanban-column-header{flex-shrink:0;align-items:center;gap:8px;margin-bottom:10px;display:flex}.wf-kanban-label{border-radius:8px;padding:4px 10px;font-size:14px;font-weight:500;display:inline-flex}.wf-label-pending{background:var(--color-amber-100);color:var(--color-gray-900)}.wf-label-working{background:var(--color-blue-100);color:var(--color-gray-900)}.wf-label-complete{background:var(--color-emerald-100);color:var(--color-gray-900)}.wf-kanban-count{color:var(--color-gray-500);font-size:12px;font-weight:400}.wf-kanban-cards{opacity:0;flex-direction:column;flex:1;gap:8px;animation:.5s ease-out .3s forwards wfCardsEnter;display:flex;overflow:hidden}@keyframes wfCardsEnter{to{opacity:1}}.wf-kanban-card{background:#fff;border:2px solid #0000000a;border-radius:10px;padding:12px 14px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 8px -2px #0000000f}.wf-kanban-card-content{flex-direction:column;gap:5px;display:flex}.wf-kanban-card-name{color:var(--color-gray-800);font-size:14px;font-weight:500;line-height:1.35}.wf-kanban-card-meta{align-items:center;gap:8px;display:flex}.wf-kanban-card-date{color:var(--color-gray-700);font-size:12px}.wf-kanban-card-attachment{color:var(--color-gray-700);align-items:center;display:flex}.wf-kanban-card-completed{color:var(--color-emerald-600);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.wf-card-completed-badge{color:var(--color-emerald-600);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:8px;right:10px}.wf-completed-animate{animation:.4s ease-out forwards completedTagIn}@keyframes completedTagIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.wf-card-working{background:linear-gradient(#fff,#fff) 0 0/100% 100% padding-box padding-box,linear-gradient(90deg,#0000004d,#0000004d,#000c,#0000004d,#0000004d) 0 0/300% 100% border-box;border:2px solid #0000;animation:2s linear infinite borderShine;position:relative;box-shadow:0 1px 2px #0000000a,0 4px 12px -2px #0000001f}@keyframes borderShine{0%{background-position:0 0,0 0}to{background-position:0 0,100% 0}}.wf-card-spinner{color:var(--color-gray-900);align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;right:10px}.wf-spinner-svg{width:14px;height:14px}.wf-card-spinner-label{background:linear-gradient(90deg,var(--color-gray-800)0%,var(--color-gray-800)35%,var(--color-gray-400)50%,var(--color-gray-800)65%,var(--color-gray-800)100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:500;animation:1.5s linear infinite textShimmer}.wf-spinner-arc{transform-origin:50%;animation:1s linear infinite spinnerRotate}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wf-card-pop-out{animation:.5s ease-in forwards cardPopOut}.wf-card-pop-in{animation:.5s ease-out forwards cardPopIn}@keyframes cardPopOut{0%{opacity:1;transform:scale(1)}40%{opacity:.9;transform:scale(1.03)}to{opacity:0;transform:scale(.85)}}@keyframes cardPopIn{0%{opacity:0;transform:scale(.85)}60%{opacity:.9;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.wf-ai-indicator{z-index:10;border:1px solid var(--color-gray-200);opacity:0;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;animation:.4s ease-out .5s forwards indicatorSlideIn;display:flex;position:absolute;bottom:16px;left:16px;overflow:hidden;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000a}@keyframes indicatorSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wf-wave-circle{width:32px;height:32px;color:var(--color-gray-900);flex-shrink:0}.wf-wave-svg{width:100%;height:100%;overflow:hidden}.wf-wave-path{animation:1s linear infinite waveScroll}@keyframes waveScroll{0%{transform:translate(0)}to{transform:translate(-20px)}}.wf-ai-label{white-space:nowrap;background:linear-gradient(90deg,var(--color-gray-700)0%,var(--color-gray-700)35%,var(--color-gray-400)50%,var(--color-gray-700)65%,var(--color-gray-700)100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:500;animation:1.5s linear infinite textShimmer}@keyframes textShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=768px){.wf-demo-container{padding:0}.wf-kanban-board{gap:8px;padding-left:0;padding-right:0}.wf-kanban-column{width:100%;padding:16px}.wf-kanban-column:nth-child(2){display:none}.wf-ai-indicator{min-width:48px;padding:6px 10px;bottom:12px}.wf-ai-message{display:none}}