*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{border:none;background:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}:root{--color-primary: #45acb6;--color-primary-light: #7fe0d6;--color-primary-lighter: #e8f8f6;--color-primary-dark: #1d9a8f;--color-idle: #4caf50;--color-active: #2196f3;--color-pause: #ffc107;--color-warning: #ff9807;--color-timeout: #ff5722;--color-success: #2e7d32;--color-error: #d32f2f;--color-text-primary: #212121;--color-text-secondary: #424242;--color-text-tertiary: #757575;--color-text-disabled: #bdbdbd;--color-bg-primary: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #eeeeee;--color-border: #e0e0e0;--color-border-light: #eeeeee;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgb(0 0 0 / 6%);--shadow-md: 0 4px 16px rgb(69 172 182 / 10%);--shadow-lg: 0 8px 32px rgb(69 172 182 / 14%);--header-gradient: linear-gradient(135deg, #45acb6 0%, #1d9a8f 100%);--scrollbar-size: 8px;--scrollbar-track: var(--color-bg-secondary);--scrollbar-thumb: color-mix(in srgb, var(--color-primary) 55%, transparent);--scrollbar-thumb-hover: var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-sm)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm);border:2px solid var(--scrollbar-track);transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.wb-card{position:relative;min-height:200px;display:flex;flex-direction:column;overflow:hidden;border-width:2px;border-radius:.5rem;border-style:solid;padding:.25rem .5rem .5rem}.wb-card-compact{position:relative;display:flex;flex-direction:column;overflow:hidden;border-width:2px;border-radius:.5rem;border-style:solid;padding:.5rem .75rem}.wb-time{margin-top:auto;padding-top:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.wb-time-compact{margin-top:auto;padding-top:.5rem;font-size:1rem;line-height:1.5rem;font-weight:700}.step-badge{width:1.75rem;height:1.75rem;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(69 172 182 / var(--un-bg-opacity));font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:700}.card-surface{border-width:1px;--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));border-radius:.75rem;border-style:solid;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-shadow:0 1px 3px var(--un-shadow-color, rgb(0 0 0 / 6%));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.wb-badge{border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.ms{margin-inline-start:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.inline-block{display:inline-block}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-16{height:4rem}.h-2,.h2{height:.5rem}.h-20{height:5rem}.h-40{height:10rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.h1{height:.25rem}.max-h-52{max-height:13rem}.max-w-6xl{max-width:72rem}.min-h-\[200px\]{min-height:200px}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-w-0{min-width:0}.w-1\.5{width:.375rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-40{width:10rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.origin-left{transform-origin:left}.scale-x-0{--un-scale-x:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-active{--un-border-opacity:1;border-color:rgb(33 150 243 / var(--un-border-opacity))}.border-amber-200\/40{border-color:#fde68a66}.border-fuchsia-500{--un-border-opacity:1;border-color:rgb(217 70 239 / var(--un-border-opacity))}.border-gray-400{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity))}.border-pause{--un-border-opacity:1;border-color:rgb(255 193 7 / var(--un-border-opacity))}.border-primary\/20{border-color:#45acb633}.border-timeout{--un-border-opacity:1;border-color:rgb(255 87 34 / var(--un-border-opacity))}.border-warning{--un-border-opacity:1;border-color:rgb(255 152 7 / var(--un-border-opacity))}.border-white\/20{border-color:#fff3}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.bg-active{--un-bg-opacity:1;background-color:rgb(33 150 243 / var(--un-bg-opacity))}.bg-active\/10{background-color:#2196f31a}.bg-amber-300\/40{background-color:#fcd34d66}.bg-amber-500\/25{background-color:#f59e0b40}.bg-bg-secondary{--un-bg-opacity:1;background-color:rgb(250 250 250 / var(--un-bg-opacity))}.bg-bg-secondary\/80{background-color:#fafafacc}.bg-border{--un-bg-opacity:1;background-color:rgb(224 224 224 / var(--un-bg-opacity))}.bg-border-light{--un-bg-opacity:1;background-color:rgb(238 238 238 / var(--un-bg-opacity))}.bg-fuchsia-50{--un-bg-opacity:1;background-color:rgb(253 244 255 / var(--un-bg-opacity))}.bg-fuchsia-600{--un-bg-opacity:1;background-color:rgb(192 38 211 / var(--un-bg-opacity))}.bg-idle{--un-bg-opacity:1;background-color:rgb(76 175 80 / var(--un-bg-opacity))}.bg-pause{--un-bg-opacity:1;background-color:rgb(255 193 7 / var(--un-bg-opacity))}.bg-pause\/10{background-color:#ffc1071a}.bg-primary{--un-bg-opacity:1;background-color:rgb(69 172 182 / var(--un-bg-opacity))}.bg-primary-lighter\/50{background-color:#e8f8f680}.bg-text-tertiary{--un-bg-opacity:1;background-color:rgb(117 117 117 / var(--un-bg-opacity))}.bg-timeout{--un-bg-opacity:1;background-color:rgb(255 87 34 / var(--un-bg-opacity))}.bg-timeout\/10{background-color:#ff57221a}.bg-warning{--un-bg-opacity:1;background-color:rgb(255 152 7 / var(--un-bg-opacity))}.bg-warning\/10{background-color:#ff98071a}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.bg-white\/15{background-color:#ffffff26}.bg-white\/30{background-color:#ffffff4d}.hover\:bg-primary-dark:hover{--un-bg-opacity:1;background-color:rgb(29 154 143 / var(--un-bg-opacity))}.hover\:bg-white\/25:hover{background-color:#ffffff40}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-active{--un-text-opacity:1;color:rgb(33 150 243 / var(--un-text-opacity))}.text-amber-100\/90{color:#fef3c7e6}.text-error{--un-text-opacity:1;color:rgb(211 47 47 / var(--un-text-opacity))}.text-fuchsia-700{--un-text-opacity:1;color:rgb(162 28 175 / var(--un-text-opacity))}.text-idle{--un-text-opacity:1;color:rgb(76 175 80 / var(--un-text-opacity))}.text-primary{--un-text-opacity:1;color:rgb(69 172 182 / var(--un-text-opacity))}.text-primary-dark{--un-text-opacity:1;color:rgb(29 154 143 / var(--un-text-opacity))}.text-text-primary{--un-text-opacity:1;color:rgb(33 33 33 / var(--un-text-opacity))}.text-text-secondary{--un-text-opacity:1;color:rgb(66 66 66 / var(--un-text-opacity))}.text-text-tertiary{--un-text-opacity:1;color:rgb(117 117 117 / var(--un-text-opacity))}.text-timeout{--un-text-opacity:1;color:rgb(255 87 34 / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.shadow-lg{--un-shadow:0 8px 32px var(--un-shadow-color, rgb(69 172 182 / 14%));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-md{--un-shadow:0 4px 16px var(--un-shadow-color, rgb(69 172 182 / 10%));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:0 1px 3px var(--un-shadow-color, rgb(0 0 0 / 6%));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:shadow-lg:hover{--un-shadow:0 8px 32px var(--un-shadow-color, rgb(69 172 182 / 14%));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-4{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-primary\/30{--un-ring-color:rgb(69 172 182 / .3) }.ring-white\/20{--un-ring-color:rgb(255 255 255 / .2) }.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media(min-width:640px){.sm\:flex-row{flex-direction:row}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:h-24{height:6rem}.md\:h-44{height:11rem}.md\:max-h-56{max-height:14rem}.md\:w-24{width:6rem}.md\:w-44{width:11rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:p-5{padding:1.25rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1536px){.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}