*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{margin:0;-webkit-font-smoothing:antialiased}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-20{bottom:5rem}.left-1\/2{left:50%}.left-4{left:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[260px_1fr_320px\]{grid-template-columns:260px 1fr 320px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-brand-200{--tw-border-opacity: 1;border-color:rgb(155 195 238 / var(--tw-border-opacity, 1))}.border-brand-300{--tw-border-opacity: 1;border-color:rgb(105 164 228 / var(--tw-border-opacity, 1))}.border-ink-100{--tw-border-opacity: 1;border-color:rgb(238 240 243 / var(--tw-border-opacity, 1))}.border-ink-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-ink-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-l-white\/20{border-left-color:#fff3}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-brand-50{--tw-bg-opacity: 1;background-color:rgb(231 240 251 / var(--tw-bg-opacity, 1))}.bg-brand-500{--tw-bg-opacity: 1;background-color:rgb(11 95 212 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-ink-100{--tw-bg-opacity: 1;background-color:rgb(238 240 243 / var(--tw-bg-opacity, 1))}.bg-ink-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-ink-50{--tw-bg-opacity: 1;background-color:rgb(247 248 250 / var(--tw-bg-opacity, 1))}.bg-ink-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/90{background-color:#ffffffe6}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.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-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.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}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-brand-500{--tw-text-opacity: 1;color:rgb(11 95 212 / var(--tw-text-opacity, 1))}.text-brand-600{--tw-text-opacity: 1;color:rgb(8 78 174 / var(--tw-text-opacity, 1))}.text-brand-700{--tw-text-opacity: 1;color:rgb(6 62 137 / var(--tw-text-opacity, 1))}.text-brand-800{--tw-text-opacity: 1;color:rgb(4 47 99 / var(--tw-text-opacity, 1))}.text-brand-900{--tw-text-opacity: 1;color:rgb(2 31 62 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-ink-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-ink-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-ink-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-ink-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-ink-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-ink-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}.mockup-host *{box-sizing:border-box}.hover\:border-brand-300:hover{--tw-border-opacity: 1;border-color:rgb(105 164 228 / var(--tw-border-opacity, 1))}.hover\:border-purple-300:hover{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.hover\:border-red-300:hover{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.hover\:bg-brand-50:hover{--tw-bg-opacity: 1;background-color:rgb(231 240 251 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-600:hover{--tw-bg-opacity: 1;background-color:rgb(8 78 174 / var(--tw-bg-opacity, 1))}.hover\:bg-ink-100:hover{--tw-bg-opacity: 1;background-color:rgb(238 240 243 / var(--tw-bg-opacity, 1))}.hover\:bg-ink-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:text-brand-600:hover{--tw-text-opacity: 1;color:rgb(8 78 174 / var(--tw-text-opacity, 1))}.hover\:text-brand-700:hover{--tw-text-opacity: 1;color:rgb(6 62 137 / var(--tw-text-opacity, 1))}.hover\:text-ink-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-brand-500:focus{--tw-border-opacity: 1;border-color:rgb(11 95 212 / var(--tw-border-opacity, 1))}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-brand-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(11 95 212 / var(--tw-ring-opacity, 1))}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:bg-brand-100{--tw-bg-opacity: 1;background-color:rgb(206 225 247 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-brand-600{--tw-text-opacity: 1;color:rgb(8 78 174 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-brand-700{--tw-text-opacity: 1;color:rgb(6 62 137 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.canvas-frame,.preview-frame,.flow-screen-mini{--hdr-bg: #1e2c45;--hdr-sub: #13203a;--hdr-accent: #ed6b00;--hdr-muted: rgba(255,255,255,.72);--hdr-border: rgba(255,255,255,.1);--bg-page: #f7f8fa;--surface: #fff;--surface-alt: #f3f4f6;--surface-hover: #eef0f3;--divider: #e5e7eb;--border: #d1d5db;--border-strong: #6b7280;--text: #111827;--text-sub: #4b5563;--text-muted: #9ca3af;--s-success: #0b7a3e;--s-success-bg: #dcf3e4;--s-success-br: #9ed5b2;--s-warning: #b25a00;--s-warning-bg: #fdeed4;--s-warning-br: #f0c38a;--s-error: #a21414;--s-error-bg: #fbe2e2;--s-error-br: #f1a9a9;--s-info: #0b5fd4;--s-info-bg: #e4eeff;--s-info-br: #a9c7f5;--btn-primary: #0b5fd4;--btn-primary-h: #084eae;--btn-success: #0b7a3e;--btn-success-h: #076532;--btn-danger: #a21414;--btn-danger-h: #820f0f;--btn-neutral-b: #9ca3af;--sap-brand: #0070f2;--sap-brand-hover: #0064d9;--sap-brand-active: #0040b0;--sap-base: #ffffff;--sap-bg: #f5f6f7;--sap-bg-alt: #fafbfc;--sap-bg-hover: #f0f3f6;--sap-border: #d9dde1;--sap-border-light: #e5e9ec;--sap-text: #1d2d3e;--sap-text-subtle: #556b82;--sap-text-muted: #7a8897;--sap-success: #256f3a;--sap-success-bg: #e8f5e9;--sap-error: #aa0808;--sap-error-bg: #fbe9e9;--sap-warning: #b05500;--sap-warning-bg: #fef4e7;--sap-info: #0070f2;--sap-info-bg: #e8f1fb;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg-page);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.canvas-frame *,.preview-frame *,.flow-screen-mini *{box-sizing:border-box}.canvas-frame .ds-light,.preview-frame .ds-light,.flow-screen-mini .ds-light{font-family:"72","72full",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--sap-text);background:var(--sap-bg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.canvas-frame .shell-logo,.preview-frame .shell-logo,.flow-screen-mini .shell-logo{font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.canvas-frame .shell-logo:before,.preview-frame .shell-logo:before,.flow-screen-mini .shell-logo:before{content:"";width:1.5rem;height:1.5rem;background:#fff;border-radius:.1875rem}.canvas-frame .shell-sep,.preview-frame .shell-sep,.flow-screen-mini .shell-sep{width:1px;height:1.5rem;background:var(--hdr-border)}.canvas-frame .shell-module,.preview-frame .shell-module,.flow-screen-mini .shell-module{font-size:.8125rem;color:var(--hdr-muted)}.canvas-frame .shell-module strong,.preview-frame .shell-module strong,.flow-screen-mini .shell-module strong{color:#fff;font-weight:600}.canvas-frame .shell-spacer,.preview-frame .shell-spacer,.flow-screen-mini .shell-spacer{flex:1}.canvas-frame .terminal-id,.preview-frame .terminal-id,.flow-screen-mini .terminal-id{background:var(--hdr-accent);color:#fff;font-weight:700;font-size:.75rem;padding:.25rem .625rem;border-radius:.1875rem;letter-spacing:.06em}.canvas-frame .shell-scan-mini,.preview-frame .shell-scan-mini,.flow-screen-mini .shell-scan-mini{display:flex;align-items:center;gap:.375rem;color:var(--hdr-muted);font-size:.75rem;padding:.25rem .625rem;border:1px solid var(--hdr-border);border-radius:.1875rem}.canvas-frame .shell-scan-mini:before,.preview-frame .shell-scan-mini:before,.flow-screen-mini .shell-scan-mini:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#3ec97a;animation:pulse 2s infinite}.canvas-frame .shell-user,.preview-frame .shell-user,.flow-screen-mini .shell-user{width:2.125rem;height:2.125rem;border-radius:50%;background:var(--hdr-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.canvas-frame .term-bar,.preview-frame .term-bar,.flow-screen-mini .term-bar{background:var(--hdr-sub);color:var(--hdr-muted);height:1.75rem;padding:0 1rem;display:flex;align-items:center;gap:1.25rem;font-size:.6875rem;flex-shrink:0;border-bottom:1px solid var(--hdr-border)}.canvas-frame .term-bar span strong,.preview-frame .term-bar span strong,.flow-screen-mini .term-bar span strong{color:#fff;font-weight:600;margin-left:.25rem}.canvas-frame .main,.preview-frame .main,.flow-screen-mini .main{flex:1;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem}.canvas-frame .content,.preview-frame .content,.flow-screen-mini .content{max-width:60rem;width:100%}.canvas-frame .welcome,.preview-frame .welcome,.flow-screen-mini .welcome{text-align:center;margin-bottom:3rem}.canvas-frame .welcome h1,.preview-frame .welcome h1,.flow-screen-mini .welcome h1{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:.75rem;letter-spacing:-.02em}.canvas-frame .welcome p,.preview-frame .welcome p,.flow-screen-mini .welcome p{font-size:1.125rem;color:var(--text-sub)}.canvas-frame .flow,.preview-frame .flow,.flow-screen-mini .flow{display:grid;grid-template-columns:repeat(4,1fr) auto;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.5rem;align-items:stretch;margin-bottom:2.5rem}.canvas-frame .step-card,.preview-frame .step-card,.flow-screen-mini .step-card{background:#fff;border:1px solid var(--divider);border-radius:.5rem;padding:1.25rem 1rem 1.125rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.canvas-frame .step-card.current,.preview-frame .step-card.current,.flow-screen-mini .step-card.current{border-color:var(--btn-primary);background:#fbfcff;box-shadow:0 0 0 2px var(--s-info-bg)}.canvas-frame .step-num,.preview-frame .step-num,.flow-screen-mini .step-num{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--surface-alt);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}.canvas-frame .step-card.current .step-num,.preview-frame .step-card.current .step-num,.flow-screen-mini .step-card.current .step-num{background:var(--btn-primary);color:#fff}.canvas-frame .step-label,.preview-frame .step-label,.flow-screen-mini .step-label{font-size:.9375rem;font-weight:700;color:var(--text)}.canvas-frame .step-desc,.preview-frame .step-desc,.flow-screen-mini .step-desc{font-size:.75rem;color:var(--text-sub);line-height:1.4}.canvas-frame .step-arrow,.preview-frame .step-arrow,.flow-screen-mini .step-arrow{display:flex;align-items:center;justify-content:center;color:var(--border);font-size:1.125rem;padding-top:2rem}.canvas-frame .cta-row,.preview-frame .cta-row,.flow-screen-mini .cta-row{display:flex;flex-direction:column;gap:.75rem;align-items:center}.canvas-frame .cta-primary,.preview-frame .cta-primary,.flow-screen-mini .cta-primary{height:4.5rem;padding:0 2.5rem;background:var(--btn-primary);color:#fff;border-radius:.5rem;font-size:1.125rem;font-weight:700;display:inline-flex;align-items:center;gap:.75rem;letter-spacing:.02em;min-width:20rem;justify-content:center}.canvas-frame .cta-primary:hover,.preview-frame .cta-primary:hover,.flow-screen-mini .cta-primary:hover{background:var(--btn-primary-h)}.canvas-frame .cta-secondary,.preview-frame .cta-secondary,.flow-screen-mini .cta-secondary{height:2.75rem;padding:0 1.5rem;color:var(--text-sub);font-size:.875rem;font-weight:500;border-radius:.25rem}.canvas-frame .cta-secondary:hover,.preview-frame .cta-secondary:hover,.flow-screen-mini .cta-secondary:hover{background:var(--surface-hover);color:var(--text)}.canvas-frame .active-hint,.preview-frame .active-hint,.flow-screen-mini .active-hint{background:var(--s-success-bg);border:1px solid #9ed5b2;border-radius:.375rem;padding:.875rem 1rem;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--s-success)}.canvas-frame .active-hint b,.preview-frame .active-hint b,.flow-screen-mini .active-hint b{font-weight:700}.canvas-frame .active-hint .go,.preview-frame .active-hint .go,.flow-screen-mini .active-hint .go{margin-left:auto;padding:.375rem .75rem;background:var(--s-success);color:#fff;border-radius:.25rem;font-size:.8125rem;font-weight:600}.canvas-frame .active-hint .go:hover,.preview-frame .active-hint .go:hover,.flow-screen-mini .active-hint .go:hover{background:#076532}.canvas-frame .mockup-note,.preview-frame .mockup-note,.flow-screen-mini .mockup-note{position:fixed;bottom:.75rem;right:.75rem;background:#1e2c45eb;color:#fff;padding:.25rem .5rem;border-radius:.1875rem;font-size:.625rem;letter-spacing:.04em;font-weight:700}.canvas-frame .mockup-note strong,.preview-frame .mockup-note strong,.flow-screen-mini .mockup-note strong{color:#ffc99a}.canvas-frame .shell-bar,.preview-frame .shell-bar,.flow-screen-mini .shell-bar{height:3rem;background:var(--sap-base);border-bottom:1px solid var(--sap-border);display:flex;align-items:center;padding:0 1rem;gap:1rem;position:sticky;top:0;z-index:100}.canvas-frame .shell-title,.preview-frame .shell-title,.flow-screen-mini .shell-title{font-size:.875rem;color:var(--sap-text-subtle);padding-left:1rem;border-left:1px solid var(--sap-border)}.canvas-frame .shell-title strong,.preview-frame .shell-title strong,.flow-screen-mini .shell-title strong{color:var(--sap-text);font-weight:600}.canvas-frame .shell-btn,.preview-frame .shell-btn,.flow-screen-mini .shell-btn{width:2.75rem;height:2.75rem;border:none;background:transparent;color:var(--sap-text-subtle);border-radius:.375rem;display:flex;align-items:center;justify-content:center;position:relative}.canvas-frame .shell-btn:hover,.preview-frame .shell-btn:hover,.flow-screen-mini .shell-btn:hover{background:var(--sap-bg-hover)}.canvas-frame .shell-btn .dot,.preview-frame .shell-btn .dot,.flow-screen-mini .shell-btn .dot{position:absolute;top:.5rem;right:.5rem;width:.5rem;height:.5rem;background:var(--sap-error);border-radius:50%;border:2px solid var(--sap-base)}.canvas-frame .scan-bar,.preview-frame .scan-bar,.flow-screen-mini .scan-bar{background:var(--sap-base);border-bottom:1px solid var(--sap-border);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1rem;position:sticky;top:3rem;z-index:99}.canvas-frame .scan-icon,.preview-frame .scan-icon,.flow-screen-mini .scan-icon{width:2.75rem;height:2.75rem;background:var(--sap-info-bg);color:var(--sap-brand);border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-frame .scan-input-wrap,.preview-frame .scan-input-wrap,.flow-screen-mini .scan-input-wrap{flex:1;position:relative}.canvas-frame .scan-input,.preview-frame .scan-input,.flow-screen-mini .scan-input{width:100%;height:2.75rem;border:2px solid var(--sap-brand);border-radius:.375rem;padding:0 6.5rem 0 .875rem;font-size:1rem;background:#fff;color:var(--sap-text);outline:none;font-variant-numeric:tabular-nums;font-weight:500}.canvas-frame .scan-input::-moz-placeholder,.preview-frame .scan-input::-moz-placeholder,.flow-screen-mini .scan-input::-moz-placeholder{color:var(--sap-text-muted);font-weight:400}.canvas-frame .scan-input::placeholder,.preview-frame .scan-input::placeholder,.flow-screen-mini .scan-input::placeholder{color:var(--sap-text-muted);font-weight:400}.canvas-frame .scan-input:focus,.preview-frame .scan-input:focus,.flow-screen-mini .scan-input:focus{box-shadow:0 0 0 3px var(--sap-info-bg);border-color:var(--sap-brand-active)}.canvas-frame .scan-hint,.preview-frame .scan-hint,.flow-screen-mini .scan-hint{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--sap-text-muted);background:var(--sap-bg);padding:.1875rem .5rem;border-radius:.1875rem}.canvas-frame .scan-meta,.preview-frame .scan-meta,.flow-screen-mini .scan-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;font-size:.75rem;color:var(--sap-text-subtle);min-width:11rem}.canvas-frame .scan-meta strong,.preview-frame .scan-meta strong,.flow-screen-mini .scan-meta strong{color:var(--sap-success);font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.375rem}.canvas-frame .scan-meta strong:before,.preview-frame .scan-meta strong:before,.flow-screen-mini .scan-meta strong:before{content:"";width:.5rem;height:.5rem;background:var(--sap-success);border-radius:50%}.canvas-frame .page,.preview-frame .page,.flow-screen-mini .page{padding:1rem 1.5rem 2rem}.canvas-frame .page-header,.preview-frame .page-header,.flow-screen-mini .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem;gap:1rem}.canvas-frame .page-title,.preview-frame .page-title,.flow-screen-mini .page-title{font-size:1.125rem;font-weight:600;color:var(--sap-text)}.canvas-frame .page-title small,.preview-frame .page-title small,.flow-screen-mini .page-title small{font-size:.875rem;font-weight:400;color:var(--sap-text-subtle);margin-left:.5rem}.canvas-frame .page-actions,.preview-frame .page-actions,.flow-screen-mini .page-actions{display:flex;gap:.5rem}.canvas-frame .btn,.preview-frame .btn,.flow-screen-mini .btn{height:2.25rem;padding:0 .875rem;border:1px solid var(--sap-border);border-radius:.375rem;background:#fff;color:var(--sap-text);font-size:.875rem;display:inline-flex;align-items:center;gap:.375rem}.canvas-frame .btn:hover,.preview-frame .btn:hover,.flow-screen-mini .btn:hover{background:var(--sap-bg-hover);border-color:var(--sap-text-muted)}.canvas-frame .filter-row,.preview-frame .filter-row,.flow-screen-mini .filter-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--sap-border-light);overflow-x:auto}.canvas-frame .filter-chip,.preview-frame .filter-chip,.flow-screen-mini .filter-chip{padding:.375rem .75rem;border-radius:1rem;border:1px solid var(--sap-border);background:#fff;color:var(--sap-text);font-size:.8125rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.375rem;height:2rem}.canvas-frame .filter-chip .count,.preview-frame .filter-chip .count,.flow-screen-mini .filter-chip .count{font-size:.6875rem;color:var(--sap-text-muted);font-weight:600;background:var(--sap-bg);padding:.0625rem .375rem;border-radius:.75rem;min-width:1.125rem;text-align:center}.canvas-frame .filter-chip:hover,.preview-frame .filter-chip:hover,.flow-screen-mini .filter-chip:hover{background:var(--sap-bg-hover)}.canvas-frame .filter-chip.active,.preview-frame .filter-chip.active,.flow-screen-mini .filter-chip.active{background:var(--sap-info-bg);border-color:var(--sap-brand);color:var(--sap-brand);font-weight:600}.canvas-frame .filter-chip.active .count,.preview-frame .filter-chip.active .count,.flow-screen-mini .filter-chip.active .count{color:#fff;background:var(--sap-brand)}.canvas-frame .filter-spacer,.preview-frame .filter-spacer,.flow-screen-mini .filter-spacer{flex:1}.canvas-frame .filter-search,.preview-frame .filter-search,.flow-screen-mini .filter-search{position:relative}.canvas-frame .filter-search input,.preview-frame .filter-search input,.flow-screen-mini .filter-search input{width:16rem;height:2rem;padding:0 .625rem 0 2rem;border:1px solid var(--sap-border);border-radius:.375rem;font-size:.8125rem;background:#fff;color:var(--sap-text);outline:none}.canvas-frame .filter-search input:focus,.preview-frame .filter-search input:focus,.flow-screen-mini .filter-search input:focus{border-color:var(--sap-brand);box-shadow:0 0 0 2px var(--sap-info-bg)}.canvas-frame .filter-search:before,.preview-frame .filter-search:before,.flow-screen-mini .filter-search:before{content:"";position:absolute;left:.625rem;top:50%;transform:translateY(-50%);width:.875rem;height:.875rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8897' stroke-width='2'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-size:contain;background-repeat:no-repeat}.canvas-frame .table-wrap,.preview-frame .table-wrap,.flow-screen-mini .table-wrap{background:var(--sap-base);border:1px solid var(--sap-border);border-radius:.375rem;overflow:hidden;margin-top:.875rem}.canvas-frame table.gates,.preview-frame table.gates,.flow-screen-mini table.gates{width:100%;border-collapse:collapse;font-size:.875rem}.canvas-frame table.gates thead th,.preview-frame table.gates thead th,.flow-screen-mini table.gates thead th{text-align:left;padding:.625rem .875rem;background:var(--sap-bg-alt);border-bottom:1px solid var(--sap-border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--sap-text-subtle);white-space:nowrap}.canvas-frame table.gates tbody tr,.preview-frame table.gates tbody tr,.flow-screen-mini table.gates tbody tr{border-bottom:1px solid var(--sap-border-light);cursor:pointer}.canvas-frame table.gates tbody tr:last-child,.preview-frame table.gates tbody tr:last-child,.flow-screen-mini table.gates tbody tr:last-child{border-bottom:none}.canvas-frame table.gates tbody tr:hover,.preview-frame table.gates tbody tr:hover,.flow-screen-mini table.gates tbody tr:hover{background:var(--sap-bg-hover)}.canvas-frame table.gates tbody tr.is-mine,.preview-frame table.gates tbody tr.is-mine,.flow-screen-mini table.gates tbody tr.is-mine{background:#f0fbf3}.canvas-frame table.gates tbody tr.is-mine:hover,.preview-frame table.gates tbody tr.is-mine:hover,.flow-screen-mini table.gates tbody tr.is-mine:hover{background:#e4f5e8}.canvas-frame table.gates td,.preview-frame table.gates td,.flow-screen-mini table.gates td{padding:.75rem .875rem;vertical-align:middle}.canvas-frame .cell-tor,.preview-frame .cell-tor,.flow-screen-mini .cell-tor{width:4.5rem}.canvas-frame .tor-badge,.preview-frame .tor-badge,.flow-screen-mini .tor-badge{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:2.25rem;padding:0 .625rem;background:var(--sap-bg);border:1px solid var(--sap-border);border-radius:.25rem;font-weight:700;font-size:1rem;color:var(--sap-text);font-variant-numeric:tabular-nums;letter-spacing:.02em}.canvas-frame .cell-zone,.preview-frame .cell-zone,.flow-screen-mini .cell-zone{width:6.5rem}.canvas-frame .zone-label,.preview-frame .zone-label,.flow-screen-mini .zone-label{display:inline-flex;align-items:center;gap:.3125rem;font-size:.8125rem;color:var(--sap-text-subtle);font-weight:500}.canvas-frame .zone-dot,.preview-frame .zone-dot,.flow-screen-mini .zone-dot{width:.625rem;height:.625rem;border-radius:50%;flex-shrink:0}.canvas-frame .zone-trocken .zone-dot,.preview-frame .zone-trocken .zone-dot,.flow-screen-mini .zone-trocken .zone-dot{background:#a4adb7}.canvas-frame .zone-frische .zone-dot,.preview-frame .zone-frische .zone-dot,.flow-screen-mini .zone-frische .zone-dot{background:#4db8cc}.canvas-frame .zone-tk .zone-dot,.preview-frame .zone-tk .zone-dot,.flow-screen-mini .zone-tk .zone-dot{background:#1f5a94}.canvas-frame .zone-tk,.preview-frame .zone-tk,.flow-screen-mini .zone-tk{color:#0a3d6b;font-weight:600}.canvas-frame .zone-molkerei .zone-dot,.preview-frame .zone-molkerei .zone-dot,.flow-screen-mini .zone-molkerei .zone-dot{background:#4db8cc}.canvas-frame .zone-og .zone-dot,.preview-frame .zone-og .zone-dot,.flow-screen-mini .zone-og .zone-dot{background:#3fa867}.canvas-frame .zone-og,.preview-frame .zone-og,.flow-screen-mini .zone-og{color:#1e5a3a;font-weight:600}.canvas-frame .zone-fleisch .zone-dot,.preview-frame .zone-fleisch .zone-dot,.flow-screen-mini .zone-fleisch .zone-dot{background:#c93e3e}.canvas-frame .zone-fleisch,.preview-frame .zone-fleisch,.flow-screen-mini .zone-fleisch{color:#7a1e1e;font-weight:600}.canvas-frame .cell-status,.preview-frame .cell-status,.flow-screen-mini .cell-status{width:9rem}.canvas-frame .status-badge,.preview-frame .status-badge,.flow-screen-mini .status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .5rem;border-radius:.1875rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.canvas-frame .status-badge:before,.preview-frame .status-badge:before,.flow-screen-mini .status-badge:before{content:"";width:.4375rem;height:.4375rem;border-radius:50%;flex-shrink:0}.canvas-frame .status-free,.preview-frame .status-free,.flow-screen-mini .status-free{background:var(--sap-bg);color:var(--sap-text-subtle);border-color:var(--sap-border)}.canvas-frame .status-free:before,.preview-frame .status-free:before,.flow-screen-mini .status-free:before{background:var(--sap-text-muted)}.canvas-frame .status-released,.preview-frame .status-released,.flow-screen-mini .status-released{background:var(--sap-info-bg);color:var(--sap-info);border-color:#b8d4f5}.canvas-frame .status-released:before,.preview-frame .status-released:before,.flow-screen-mini .status-released:before{background:var(--sap-info)}.canvas-frame .status-occupied,.preview-frame .status-occupied,.flow-screen-mini .status-occupied{background:var(--sap-warning-bg);color:var(--sap-warning);border-color:#f5cfa6}.canvas-frame .status-occupied:before,.preview-frame .status-occupied:before,.flow-screen-mini .status-occupied:before{background:var(--sap-warning)}.canvas-frame .status-done,.preview-frame .status-done,.flow-screen-mini .status-done{background:var(--sap-success-bg);color:var(--sap-success);border-color:#b6dbbd}.canvas-frame .status-done:before,.preview-frame .status-done:before,.flow-screen-mini .status-done:before{background:var(--sap-success)}.canvas-frame .status-rejected,.preview-frame .status-rejected,.flow-screen-mini .status-rejected{background:var(--sap-error-bg);color:var(--sap-error);border-color:#f1a9a9}.canvas-frame .status-rejected:before,.preview-frame .status-rejected:before,.flow-screen-mini .status-rejected:before{background:var(--sap-error)}.canvas-frame .cell-delivery,.preview-frame .cell-delivery,.flow-screen-mini .cell-delivery{min-width:11rem}.canvas-frame .delivery-no,.preview-frame .delivery-no,.flow-screen-mini .delivery-no{font-weight:600;color:var(--sap-text);font-variant-numeric:tabular-nums;display:block;font-size:.875rem}.canvas-frame .delivery-supplier,.preview-frame .delivery-supplier,.flow-screen-mini .delivery-supplier{color:var(--sap-text-subtle);font-size:.75rem;display:block;margin-top:.0625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18rem}.canvas-frame .delivery-empty,.preview-frame .delivery-empty,.flow-screen-mini .delivery-empty{color:var(--sap-text-muted);font-style:italic;font-size:.8125rem}.canvas-frame .delivery-chip,.preview-frame .delivery-chip,.flow-screen-mini .delivery-chip{display:inline-flex;align-items:center;gap:.1875rem;padding:.0625rem .375rem;margin-left:.375rem;font-size:.625rem;font-weight:700;letter-spacing:.04em;border-radius:.1875rem;text-transform:uppercase;vertical-align:1px}.canvas-frame .delivery-chip.desadv,.preview-frame .delivery-chip.desadv,.flow-screen-mini .delivery-chip.desadv{background:#dcf3e4;color:#0b7a3e}.canvas-frame .delivery-chip.desadv:before,.preview-frame .delivery-chip.desadv:before,.flow-screen-mini .delivery-chip.desadv:before{content:"";width:.3125rem;height:.3125rem;border-radius:50%;background:#0b7a3e}.canvas-frame .delivery-chip.no-desadv,.preview-frame .delivery-chip.no-desadv,.flow-screen-mini .delivery-chip.no-desadv{background:#f3f4f6;color:#6b7280}.canvas-frame .delivery-chip.vermess,.preview-frame .delivery-chip.vermess,.flow-screen-mini .delivery-chip.vermess{background:#fdeed4;color:#b25a00}.canvas-frame .delivery-chip.vermess:before,.preview-frame .delivery-chip.vermess:before,.flow-screen-mini .delivery-chip.vermess:before{content:"";width:.625rem;height:.625rem;flex-shrink:0;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 11H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-4'/><path d='M8 7h8'/><path d='M12 3v8'/></svg>") no-repeat center/contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 11H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-4'/><path d='M8 7h8'/><path d='M12 3v8'/></svg>") no-repeat center/contain}.canvas-frame .cell-ma,.preview-frame .cell-ma,.flow-screen-mini .cell-ma{width:10rem}.canvas-frame .ma-inline,.preview-frame .ma-inline,.flow-screen-mini .ma-inline{display:inline-flex;align-items:center;gap:.4375rem;min-width:0}.canvas-frame .ma-avatar,.preview-frame .ma-avatar,.flow-screen-mini .ma-avatar{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--sap-text-subtle);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;flex-shrink:0}.canvas-frame tr.is-mine .ma-avatar,.preview-frame tr.is-mine .ma-avatar,.flow-screen-mini tr.is-mine .ma-avatar{background:var(--sap-success)}.canvas-frame .ma-name,.preview-frame .ma-name,.flow-screen-mini .ma-name{font-size:.8125rem;color:var(--sap-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-frame .me-badge,.preview-frame .me-badge,.flow-screen-mini .me-badge{background:var(--sap-success);color:#fff;padding:.0625rem .3125rem;border-radius:.125rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;margin-left:.25rem}.canvas-frame .ma-empty,.preview-frame .ma-empty,.flow-screen-mini .ma-empty{color:var(--sap-text-muted);font-style:italic;font-size:.8125rem}.canvas-frame .cell-progress,.preview-frame .cell-progress,.flow-screen-mini .cell-progress{width:14rem}.canvas-frame .prog-wrap,.preview-frame .prog-wrap,.flow-screen-mini .prog-wrap{display:flex;flex-direction:column;gap:.25rem;min-width:10rem}.canvas-frame .prog-labels,.preview-frame .prog-labels,.flow-screen-mini .prog-labels{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--sap-text-subtle);font-variant-numeric:tabular-nums}.canvas-frame .prog-labels strong,.preview-frame .prog-labels strong,.flow-screen-mini .prog-labels strong{color:var(--sap-text);font-weight:600}.canvas-frame .prog-track,.preview-frame .prog-track,.flow-screen-mini .prog-track{height:.375rem;background:var(--sap-bg);border-radius:.1875rem;overflow:hidden;border:1px solid var(--sap-border-light)}.canvas-frame .prog-fill,.preview-frame .prog-fill,.flow-screen-mini .prog-fill{height:100%;background:var(--sap-brand);border-radius:.1875rem;transition:width .4s}.canvas-frame tr.is-done .prog-fill,.preview-frame tr.is-done .prog-fill,.flow-screen-mini tr.is-done .prog-fill{background:var(--sap-success)}.canvas-frame tr.is-released .prog-fill,.preview-frame tr.is-released .prog-fill,.flow-screen-mini tr.is-released .prog-fill{background:var(--sap-info)}.canvas-frame tr.is-occupied .prog-fill,.preview-frame tr.is-occupied .prog-fill,.flow-screen-mini tr.is-occupied .prog-fill{background:var(--sap-warning)}.canvas-frame .cell-time,.preview-frame .cell-time,.flow-screen-mini .cell-time{width:7rem;color:var(--sap-text-subtle);font-size:.8125rem;font-variant-numeric:tabular-nums}.canvas-frame .cell-time small,.preview-frame .cell-time small,.flow-screen-mini .cell-time small{display:block;font-size:.6875rem;color:var(--sap-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.0625rem}.canvas-frame .cell-nav,.preview-frame .cell-nav,.flow-screen-mini .cell-nav{width:2.5rem;text-align:right;color:var(--sap-text-muted)}.canvas-frame .toast-layer,.preview-frame .toast-layer,.flow-screen-mini .toast-layer{position:fixed;bottom:1.25rem;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:200}.canvas-frame .toast,.preview-frame .toast,.flow-screen-mini .toast{background:var(--sap-text);color:#fff;padding:.75rem 1rem .75rem .75rem;border-radius:.375rem;font-size:.875rem;box-shadow:0 .5rem 1.5rem #00000047;display:flex;align-items:center;gap:.625rem;pointer-events:auto;max-width:36rem;opacity:0;transform:translateY(1rem);transition:all .2s ease-out}.canvas-frame .toast.show,.preview-frame .toast.show,.flow-screen-mini .toast.show{opacity:1;transform:translateY(0)}.canvas-frame .toast-icon,.preview-frame .toast-icon,.flow-screen-mini .toast-icon{width:1.375rem;height:1.375rem;border-radius:50%;background:var(--sap-info);display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-frame .toast.success .toast-icon,.preview-frame .toast.success .toast-icon,.flow-screen-mini .toast.success .toast-icon{background:var(--sap-success)}.canvas-frame .toast.warning .toast-icon,.preview-frame .toast.warning .toast-icon,.flow-screen-mini .toast.warning .toast-icon{background:var(--sap-warning)}.canvas-frame .toast.error .toast-icon,.preview-frame .toast.error .toast-icon,.flow-screen-mini .toast.error .toast-icon{background:var(--sap-error)}.canvas-frame .mockup-note,.preview-frame .mockup-note,.flow-screen-mini .mockup-note{position:fixed;bottom:.75rem;right:.75rem;background:#1d2d3eeb;color:#fff;padding:.3125rem .625rem;border-radius:.25rem;font-size:.6875rem;z-index:150;letter-spacing:.02em}.canvas-frame .shell,.preview-frame .shell,.flow-screen-mini .shell{background:var(--hdr-bg);color:#fff;height:3.5rem;padding:0 1rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}.canvas-frame .btn-back,.preview-frame .btn-back,.flow-screen-mini .btn-back{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;color:var(--text-sub)}.canvas-frame .btn-back:hover,.preview-frame .btn-back:hover,.flow-screen-mini .btn-back:hover{background:var(--surface-hover)}.canvas-frame .ctx-info,.preview-frame .ctx-info,.flow-screen-mini .ctx-info{display:flex;flex-direction:column;gap:.125rem}.canvas-frame .ctx-title,.preview-frame .ctx-title,.flow-screen-mini .ctx-title{font-size:1.0625rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.625rem;font-variant-numeric:tabular-nums}.canvas-frame .zone-tag,.preview-frame .zone-tag,.flow-screen-mini .zone-tag{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#14476e;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.06em;border-radius:.1875rem}.canvas-frame .desadv-tag,.preview-frame .desadv-tag,.flow-screen-mini .desadv-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--s-success);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.06em;border-radius:.1875rem}.canvas-frame .desadv-tag:before,.preview-frame .desadv-tag:before,.flow-screen-mini .desadv-tag:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:#fff}.canvas-frame .desadv-tag.no-desadv,.preview-frame .desadv-tag.no-desadv,.flow-screen-mini .desadv-tag.no-desadv{background:var(--text-muted)}.canvas-frame .desadv-tag.no-desadv:before,.preview-frame .desadv-tag.no-desadv:before,.flow-screen-mini .desadv-tag.no-desadv:before{display:none}.canvas-frame .ctx-supplier,.preview-frame .ctx-supplier,.flow-screen-mini .ctx-supplier{font-size:.8125rem;color:var(--text-sub)}.canvas-frame .vermess-strip,.preview-frame .vermess-strip,.flow-screen-mini .vermess-strip{background:var(--s-warning-bg);border-bottom:1px solid var(--s-warning-br);padding:.5rem 1.25rem;display:flex;align-items:center;gap:.625rem;flex-shrink:0}.canvas-frame .vermess-strip-ic,.preview-frame .vermess-strip-ic,.flow-screen-mini .vermess-strip-ic{width:1.5rem;height:1.5rem;border-radius:.1875rem;background:var(--s-warning);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-frame .vermess-strip-text,.preview-frame .vermess-strip-text,.flow-screen-mini .vermess-strip-text{font-size:.8125rem;color:var(--text);line-height:1.3;flex:1}.canvas-frame .vermess-strip-text b,.preview-frame .vermess-strip-text b,.flow-screen-mini .vermess-strip-text b{color:var(--s-warning);font-weight:700}.canvas-frame .vermess-strip-chips,.preview-frame .vermess-strip-chips,.flow-screen-mini .vermess-strip-chips{display:inline-flex;gap:.3125rem;flex-wrap:wrap;margin-left:.25rem}.canvas-frame .vermess-strip-chips .chip,.preview-frame .vermess-strip-chips .chip,.flow-screen-mini .vermess-strip-chips .chip{background:#fff;border:1px solid var(--s-warning-br);border-radius:.1875rem;padding:.0625rem .375rem;font-size:.75rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.canvas-frame .ctx-spacer,.preview-frame .ctx-spacer,.flow-screen-mini .ctx-spacer{flex:1}.canvas-frame .step-indicator,.preview-frame .step-indicator,.flow-screen-mini .step-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-sub)}.canvas-frame .step,.preview-frame .step,.flow-screen-mini .step{padding:.25rem .625rem;border-radius:1rem;background:var(--surface-alt);color:var(--text-muted);font-weight:500}.canvas-frame .step.active,.preview-frame .step.active,.flow-screen-mini .step.active{background:var(--s-info-bg);color:var(--s-info);font-weight:600}.canvas-frame .step.done,.preview-frame .step.done,.flow-screen-mini .step.done{background:var(--s-success-bg);color:var(--s-success);font-weight:600}.canvas-frame .main,.preview-frame .main,.flow-screen-mini .main{display:flex;flex:1;min-height:0;overflow:hidden}.canvas-frame .poslist,.preview-frame .poslist,.flow-screen-mini .poslist{width:26rem;background:#fff;border-right:1px solid var(--divider);display:flex;flex-direction:column;flex-shrink:0}.canvas-frame .poslist-head,.preview-frame .poslist-head,.flow-screen-mini .poslist-head{padding:.625rem .875rem;background:var(--surface-alt);border-bottom:1px solid var(--divider);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sub);display:flex;justify-content:space-between}.canvas-frame .poslist-body,.preview-frame .poslist-body,.flow-screen-mini .poslist-body{overflow-y:auto;flex:1}.canvas-frame .posrow,.preview-frame .posrow,.flow-screen-mini .posrow{padding:.75rem .875rem;border-bottom:1px solid var(--divider);cursor:pointer;display:flex;gap:.625rem;align-items:center;min-height:3.75rem}.canvas-frame .posrow:hover,.preview-frame .posrow:hover,.flow-screen-mini .posrow:hover{background:var(--surface-hover)}.canvas-frame .posrow.active,.preview-frame .posrow.active,.flow-screen-mini .posrow.active{background:#e6f0ff;border-left:4px solid var(--btn-primary);padding-left:calc(.875rem - 4px)}.canvas-frame .posrow-nr,.preview-frame .posrow-nr,.flow-screen-mini .posrow-nr{font-weight:700;font-size:.9375rem;color:var(--text);font-variant-numeric:tabular-nums;width:1.75rem;flex-shrink:0}.canvas-frame .posrow-main,.preview-frame .posrow-main,.flow-screen-mini .posrow-main{flex:1;min-width:0}.canvas-frame .posrow-name,.preview-frame .posrow-name,.flow-screen-mini .posrow-name{font-size:.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-frame .posrow-meta,.preview-frame .posrow-meta,.flow-screen-mini .posrow-meta{font-size:.75rem;color:var(--text-sub);font-variant-numeric:tabular-nums;margin-top:.125rem}.canvas-frame .posrow-state,.preview-frame .posrow-state,.flow-screen-mini .posrow-state{flex-shrink:0;width:.875rem;height:.875rem;border-radius:50%;border:2px solid var(--border);background:#fff}.canvas-frame .posrow-state.teil,.preview-frame .posrow-state.teil,.flow-screen-mini .posrow-state.teil{background:#c9a014;border-color:#c9a014}.canvas-frame .posrow-state.voll,.preview-frame .posrow-state.voll,.flow-screen-mini .posrow-state.voll{background:var(--s-success);border-color:var(--s-success)}.canvas-frame .posrow-state.problem,.preview-frame .posrow-state.problem,.flow-screen-mini .posrow-state.problem{background:var(--s-error);border-color:var(--s-error)}.canvas-frame .detail,.preview-frame .detail,.flow-screen-mini .detail{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-page);padding:1rem 1.25rem 1.25rem;gap:1rem}.canvas-frame .pos-head,.preview-frame .pos-head,.flow-screen-mini .pos-head{background:#fff;border:1px solid var(--divider);border-radius:.375rem;padding:1rem 1.125rem;display:flex;align-items:flex-start;gap:1rem}.canvas-frame .pos-head-nr,.preview-frame .pos-head-nr,.flow-screen-mini .pos-head-nr{background:var(--hdr-bg);color:#fff;font-weight:700;font-size:1.375rem;width:3.375rem;height:3.375rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;flex-shrink:0}.canvas-frame .pos-head-body,.preview-frame .pos-head-body,.flow-screen-mini .pos-head-body{flex:1;min-width:0}.canvas-frame .pos-head-name,.preview-frame .pos-head-name,.flow-screen-mini .pos-head-name{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:.25rem}.canvas-frame .pos-head-sku,.preview-frame .pos-head-sku,.flow-screen-mini .pos-head-sku{font-size:.8125rem;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.canvas-frame .pos-head-info,.preview-frame .pos-head-info,.flow-screen-mini .pos-head-info{display:grid;grid-template-columns:repeat(4,auto);gap:.25rem 1.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--divider);font-size:.75rem}.canvas-frame .pos-head-info dt,.preview-frame .pos-head-info dt,.flow-screen-mini .pos-head-info dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600;margin-bottom:.0625rem}.canvas-frame .pos-head-info dd,.preview-frame .pos-head-info dd,.flow-screen-mini .pos-head-info dd{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:.25rem}.canvas-frame .restmenge-badge,.preview-frame .restmenge-badge,.flow-screen-mini .restmenge-badge{display:inline-block;background:var(--s-info-bg);color:var(--s-info);padding:.3125rem .75rem;border-radius:.25rem;font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;margin-left:.625rem;transition:all .2s}.canvas-frame .restmenge-badge.zero,.preview-frame .restmenge-badge.zero,.flow-screen-mini .restmenge-badge.zero{background:var(--s-success-bg);color:var(--s-success)}.canvas-frame .restmenge-badge.overshoot,.preview-frame .restmenge-badge.overshoot,.flow-screen-mini .restmenge-badge.overshoot{background:var(--s-warning-bg);color:var(--s-warning)}.canvas-frame .restmenge-badge.preview,.preview-frame .restmenge-badge.preview,.flow-screen-mini .restmenge-badge.preview{background:#fff4cc;color:#7a5900;border:1px dashed #d4b852}.canvas-frame .form-card,.preview-frame .form-card,.flow-screen-mini .form-card{background:#fff;border:1px solid var(--divider);border-radius:.25rem;padding:.875rem 1rem 1rem}.canvas-frame .form-card-title,.preview-frame .form-card-title,.flow-screen-mini .form-card-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;align-items:center}.canvas-frame .form-card-title button,.preview-frame .form-card-title button,.flow-screen-mini .form-card-title button{font-size:.75rem;font-weight:600;color:var(--btn-primary);padding:.25rem .5rem;border-radius:.25rem;letter-spacing:0;text-transform:none}.canvas-frame .form-card-title button:hover,.preview-frame .form-card-title button:hover,.flow-screen-mini .form-card-title button:hover{background:var(--s-info-bg)}.canvas-frame .form-grid-2,.preview-frame .form-grid-2,.flow-screen-mini .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.canvas-frame .field-label,.preview-frame .field-label,.flow-screen-mini .field-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-sub);margin-bottom:.3125rem;letter-spacing:.02em}.canvas-frame .field-label .req,.preview-frame .field-label .req,.flow-screen-mini .field-label .req{color:var(--s-error);margin-left:.125rem}.canvas-frame .field-label .hint,.preview-frame .field-label .hint,.flow-screen-mini .field-label .hint{font-weight:400;color:var(--text-muted);float:right;text-transform:none;letter-spacing:0}.canvas-frame .menge-row,.preview-frame .menge-row,.flow-screen-mini .menge-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.canvas-frame .menge-btn,.preview-frame .menge-btn,.flow-screen-mini .menge-btn{width:3.5rem;height:3.5rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:.25rem;font-size:1.625rem;font-weight:600;color:var(--text);flex-shrink:0}.canvas-frame .menge-btn:hover,.preview-frame .menge-btn:hover,.flow-screen-mini .menge-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.canvas-frame .menge-display,.preview-frame .menge-display,.flow-screen-mini .menge-display{flex:1;height:3.5rem;background:#fff;border:2px solid var(--btn-primary);border-radius:.25rem;display:flex;align-items:center;justify-content:center;gap:.625rem;font-size:1.75rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em;cursor:text}.canvas-frame .menge-display:hover,.preview-frame .menge-display:hover,.flow-screen-mini .menge-display:hover{background:#f7fbff}.canvas-frame .menge-display .unit,.preview-frame .menge-display .unit,.flow-screen-mini .menge-display .unit{font-size:1rem;font-weight:500;color:var(--text-sub);letter-spacing:0}.canvas-frame .menge-hint,.preview-frame .menge-hint,.flow-screen-mini .menge-hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.canvas-frame .menge-hint b,.preview-frame .menge-hint b,.flow-screen-mini .menge-hint b{color:var(--text-sub);font-weight:600;font-variant-numeric:tabular-nums}.canvas-frame .batch-link,.preview-frame .batch-link,.flow-screen-mini .batch-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--btn-primary);margin-top:.5rem;padding:.375rem .625rem;background:var(--s-info-bg);border-radius:.25rem;cursor:pointer}.canvas-frame .batch-link:hover,.preview-frame .batch-link:hover,.flow-screen-mini .batch-link:hover{background:#c9defd}.canvas-frame .scan-field,.preview-frame .scan-field,.flow-screen-mini .scan-field{position:relative}.canvas-frame .scan-field input,.preview-frame .scan-field input,.flow-screen-mini .scan-field input{width:100%;height:2.75rem;border:1px solid var(--border);border-radius:.25rem;padding:0 2.5rem 0 .75rem;font-size:1rem;color:var(--text);background:#fff;outline:none;font-variant-numeric:tabular-nums}.canvas-frame .scan-field input:disabled,.preview-frame .scan-field input:disabled,.flow-screen-mini .scan-field input:disabled{background:var(--surface-alt);color:var(--text-muted);cursor:not-allowed}.canvas-frame .scan-field input:focus:not(:disabled),.preview-frame .scan-field input:focus:not(:disabled),.flow-screen-mini .scan-field input:focus:not(:disabled){border-color:var(--btn-primary);box-shadow:0 0 0 3px var(--s-info-bg)}.canvas-frame .scan-field input::-moz-placeholder,.preview-frame .scan-field input::-moz-placeholder,.flow-screen-mini .scan-field input::-moz-placeholder{color:var(--text-muted);font-style:italic}.canvas-frame .scan-field input::placeholder,.preview-frame .scan-field input::placeholder,.flow-screen-mini .scan-field input::placeholder{color:var(--text-muted);font-style:italic}.canvas-frame .scan-field.from-avis input,.preview-frame .scan-field.from-avis input,.flow-screen-mini .scan-field.from-avis input{background:var(--s-success-bg);border-color:var(--s-success-br)}.canvas-frame .scan-field.from-avis input:focus,.preview-frame .scan-field.from-avis input:focus,.flow-screen-mini .scan-field.from-avis input:focus{background:#fff;border-color:var(--btn-primary)}.canvas-frame .scan-field.mhd-warn input,.preview-frame .scan-field.mhd-warn input,.flow-screen-mini .scan-field.mhd-warn input{background:var(--s-warning-bg);border-color:var(--s-warning-br);color:#6e3d00}.canvas-frame .scan-field.mhd-warn input:focus,.preview-frame .scan-field.mhd-warn input:focus,.flow-screen-mini .scan-field.mhd-warn input:focus{background:#fff;border-color:var(--s-warning)}.canvas-frame .scan-field.mhd-warn .mhd-ic,.preview-frame .scan-field.mhd-warn .mhd-ic,.flow-screen-mini .scan-field.mhd-warn .mhd-ic{background:var(--s-warning);color:#fff}.canvas-frame .scan-field.mhd-err input,.preview-frame .scan-field.mhd-err input,.flow-screen-mini .scan-field.mhd-err input{background:var(--s-error-bg);border-color:var(--s-error-br);color:#6e0f0f}.canvas-frame .scan-field.mhd-err input:focus,.preview-frame .scan-field.mhd-err input:focus,.flow-screen-mini .scan-field.mhd-err input:focus{background:#fff;border-color:var(--s-error)}.canvas-frame .scan-field.mhd-err .mhd-ic,.preview-frame .scan-field.mhd-err .mhd-ic,.flow-screen-mini .scan-field.mhd-err .mhd-ic{background:var(--s-error);color:#fff}.canvas-frame .scan-field .scan-ic,.preview-frame .scan-field .scan-ic,.flow-screen-mini .scan-field .scan-ic{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:var(--s-info-bg);color:var(--btn-primary);border-radius:.1875rem;display:flex;align-items:center;justify-content:center}.canvas-frame .scan-field.disabled .scan-ic,.preview-frame .scan-field.disabled .scan-ic,.flow-screen-mini .scan-field.disabled .scan-ic{background:var(--surface-alt);color:var(--text-muted)}.canvas-frame .scan-field .mhd-ic,.preview-frame .scan-field .mhd-ic,.flow-screen-mini .scan-field .mhd-ic{background:#fef4e7;color:var(--s-warning)}.canvas-frame .field-disabled-note,.preview-frame .field-disabled-note,.flow-screen-mini .field-disabled-note{font-size:.6875rem;color:var(--text-muted);font-style:italic;margin-top:.375rem}.canvas-frame .select-field,.preview-frame .select-field,.flow-screen-mini .select-field{position:relative}.canvas-frame .select-field select,.preview-frame .select-field select,.flow-screen-mini .select-field select{width:100%;height:2.75rem;border:1px solid var(--border);border-radius:.25rem;padding:0 2.25rem 0 .75rem;font-size:1rem;color:var(--text);background:#fff;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.canvas-frame .select-field select:focus,.preview-frame .select-field select:focus,.flow-screen-mini .select-field select:focus{border-color:var(--btn-primary);box-shadow:0 0 0 3px var(--s-info-bg)}.canvas-frame .select-field:after,.preview-frame .select-field:after,.flow-screen-mini .select-field:after{content:"";position:absolute;right:.875rem;top:50%;width:.625rem;height:.625rem;border-right:2px solid var(--text-sub);border-bottom:2px solid var(--text-sub);transform:translateY(-70%) rotate(45deg);pointer-events:none}.canvas-frame .multi-wrap,.preview-frame .multi-wrap,.flow-screen-mini .multi-wrap{position:relative}.canvas-frame .multi-trigger,.preview-frame .multi-trigger,.flow-screen-mini .multi-trigger{width:100%;min-height:2.75rem;border:1px solid var(--border);border-radius:.25rem;padding:.375rem 2.25rem .375rem .75rem;background:#fff;cursor:pointer;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;font-size:.9375rem}.canvas-frame .multi-trigger:hover,.preview-frame .multi-trigger:hover,.flow-screen-mini .multi-trigger:hover{border-color:var(--border-strong)}.canvas-frame .multi-trigger:after,.preview-frame .multi-trigger:after,.flow-screen-mini .multi-trigger:after{content:"";position:absolute;right:.875rem;top:50%;width:.625rem;height:.625rem;border-right:2px solid var(--text-sub);border-bottom:2px solid var(--text-sub);transform:translateY(-70%) rotate(45deg);pointer-events:none}.canvas-frame .multi-placeholder,.preview-frame .multi-placeholder,.flow-screen-mini .multi-placeholder{color:var(--text-muted);font-style:italic}.canvas-frame .multi-tag,.preview-frame .multi-tag,.flow-screen-mini .multi-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .4375rem;background:var(--s-info-bg);color:var(--s-info);border-radius:.1875rem;font-size:.75rem;font-weight:600}.canvas-frame .multi-tag button,.preview-frame .multi-tag button,.flow-screen-mini .multi-tag button{color:var(--s-info);font-weight:700;padding:0 .125rem}.canvas-frame .multi-panel,.preview-frame .multi-panel,.flow-screen-mini .multi-panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:.25rem;box-shadow:0 .5rem 1.25rem #0000001f;z-index:20;max-height:18rem;overflow-y:auto;display:none}.canvas-frame .multi-panel.show,.preview-frame .multi-panel.show,.flow-screen-mini .multi-panel.show{display:block}.canvas-frame .multi-item,.preview-frame .multi-item,.flow-screen-mini .multi-item{padding:.625rem .75rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--divider)}.canvas-frame .multi-item:last-child,.preview-frame .multi-item:last-child,.flow-screen-mini .multi-item:last-child{border-bottom:none}.canvas-frame .multi-item:hover,.preview-frame .multi-item:hover,.flow-screen-mini .multi-item:hover{background:var(--surface-hover)}.canvas-frame .multi-item.on,.preview-frame .multi-item.on,.flow-screen-mini .multi-item.on{background:var(--s-info-bg);color:var(--s-info);font-weight:600}.canvas-frame .multi-item .mb,.preview-frame .multi-item .mb,.flow-screen-mini .multi-item .mb{width:1rem;height:1rem;border:1.5px solid var(--border-strong);border-radius:.125rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-frame .multi-item.on .mb,.preview-frame .multi-item.on .mb,.flow-screen-mini .multi-item.on .mb{background:var(--btn-primary);border-color:var(--btn-primary)}.canvas-frame .multi-item.on .mb:after,.preview-frame .multi-item.on .mb:after,.flow-screen-mini .multi-item.on .mb:after{content:"";width:.25rem;height:.5rem;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.canvas-frame textarea.notes,.preview-frame textarea.notes,.flow-screen-mini textarea.notes{width:100%;min-height:3rem;border:1px solid var(--border);border-radius:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;resize:vertical;outline:none;background:#fff;margin-top:.5rem}.canvas-frame textarea.notes:focus,.preview-frame textarea.notes:focus,.flow-screen-mini textarea.notes:focus{border-color:var(--btn-primary);box-shadow:0 0 0 3px var(--s-info-bg)}.canvas-frame .actionbar,.preview-frame .actionbar,.flow-screen-mini .actionbar{background:var(--surface);border-top:1px solid var(--divider);height:5.25rem;padding:.75rem 1.125rem;display:flex;align-items:center;gap:.75rem;flex-shrink:0;box-shadow:0 -.125rem .375rem #0000000a}.canvas-frame .btn-action,.preview-frame .btn-action,.flow-screen-mini .btn-action{height:4rem;padding:0 1.375rem;font-size:1rem;font-weight:700;border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.02em;border:2px solid transparent;white-space:nowrap}.canvas-frame .btn-danger,.preview-frame .btn-danger,.flow-screen-mini .btn-danger{background:#fff;color:var(--btn-danger);border-color:var(--btn-danger)}.canvas-frame .btn-danger:hover,.preview-frame .btn-danger:hover,.flow-screen-mini .btn-danger:hover{background:var(--s-error-bg)}.canvas-frame .btn-neutral,.preview-frame .btn-neutral,.flow-screen-mini .btn-neutral{background:#fff;color:var(--text-sub);border-color:var(--btn-neutral-b)}.canvas-frame .btn-neutral:hover,.preview-frame .btn-neutral:hover,.flow-screen-mini .btn-neutral:hover{background:var(--surface-hover)}.canvas-frame .btn-primary,.preview-frame .btn-primary,.flow-screen-mini .btn-primary{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.canvas-frame .btn-primary:hover,.preview-frame .btn-primary:hover,.flow-screen-mini .btn-primary:hover{background:var(--btn-primary-h);border-color:var(--btn-primary-h)}.canvas-frame .btn-info,.preview-frame .btn-info,.flow-screen-mini .btn-info{background:#fff;color:var(--btn-primary);border-color:var(--btn-primary)}.canvas-frame .btn-info:hover,.preview-frame .btn-info:hover,.flow-screen-mini .btn-info:hover{background:var(--s-info-bg)}.canvas-frame .btn-sw-overview,.preview-frame .btn-sw-overview,.flow-screen-mini .btn-sw-overview{background:#fff;color:#5848d5;border-color:#5848d5}.canvas-frame .btn-sw-overview:hover,.preview-frame .btn-sw-overview:hover,.flow-screen-mini .btn-sw-overview:hover{background:#e8e4fa}.canvas-frame .btn-success,.preview-frame .btn-success,.flow-screen-mini .btn-success{background:var(--btn-success);color:#fff;border-color:var(--btn-success)}.canvas-frame .btn-success:hover,.preview-frame .btn-success:hover,.flow-screen-mini .btn-success:hover{background:var(--btn-success-h);border-color:var(--btn-success-h)}.canvas-frame .ab-spacer,.preview-frame .ab-spacer,.flow-screen-mini .ab-spacer{flex:1}.canvas-frame .ab-group,.preview-frame .ab-group,.flow-screen-mini .ab-group{display:flex;gap:.5rem}.canvas-frame .btn-finish,.preview-frame .btn-finish,.flow-screen-mini .btn-finish{background:var(--hdr-bg);color:#fff;border-color:var(--hdr-bg)}.canvas-frame .btn-finish:hover,.preview-frame .btn-finish:hover,.flow-screen-mini .btn-finish:hover{background:#13203a}.canvas-frame .modal-bd.show,.preview-frame .modal-bd.show,.flow-screen-mini .modal-bd.show{display:flex}.canvas-frame .modal,.preview-frame .modal,.flow-screen-mini .modal{background:#fff;border-radius:.375rem;box-shadow:0 1.25rem 2.5rem #00000059;max-width:48rem;width:100%;max-height:90vh;display:flex;flex-direction:column}.canvas-frame .modal-header,.preview-frame .modal-header,.flow-screen-mini .modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:.5rem}.canvas-frame .modal-title,.preview-frame .modal-title,.flow-screen-mini .modal-title{font-size:1.0625rem;font-weight:700;color:var(--text);flex:1}.canvas-frame .modal-close,.preview-frame .modal-close,.flow-screen-mini .modal-close{width:2rem;height:2rem;border-radius:.25rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.canvas-frame .modal-close:hover,.preview-frame .modal-close:hover,.flow-screen-mini .modal-close:hover{background:var(--surface-hover);color:var(--text)}.canvas-frame .modal-body,.preview-frame .modal-body,.flow-screen-mini .modal-body{padding:1.25rem;overflow-y:auto;flex:1}.canvas-frame .modal-footer,.preview-frame .modal-footer,.flow-screen-mini .modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--divider);display:flex;justify-content:flex-end;gap:.5rem;background:var(--surface-alt)}.canvas-frame .btn-neutral-s,.preview-frame .btn-neutral-s,.flow-screen-mini .btn-neutral-s{background:#fff;color:var(--text-sub);border-color:var(--btn-neutral-b)}.canvas-frame .btn-neutral-s:hover,.preview-frame .btn-neutral-s:hover,.flow-screen-mini .btn-neutral-s:hover{background:var(--surface-hover)}.canvas-frame .btn-primary-s,.preview-frame .btn-primary-s,.flow-screen-mini .btn-primary-s{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.canvas-frame .btn-primary-s:hover,.preview-frame .btn-primary-s:hover,.flow-screen-mini .btn-primary-s:hover{background:var(--btn-primary-h)}.canvas-frame .btn-primary-s:disabled,.preview-frame .btn-primary-s:disabled,.flow-screen-mini .btn-primary-s:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed;opacity:.6}.canvas-frame .btn-success-s,.preview-frame .btn-success-s,.flow-screen-mini .btn-success-s{background:var(--btn-success);color:#fff;border-color:var(--btn-success)}.canvas-frame .btn-success-s:hover,.preview-frame .btn-success-s:hover,.flow-screen-mini .btn-success-s:hover{background:var(--btn-success-h)}.canvas-frame .btn-danger-s,.preview-frame .btn-danger-s,.flow-screen-mini .btn-danger-s{background:var(--btn-danger);color:#fff;border-color:var(--btn-danger)}.canvas-frame .sw-layout,.preview-frame .sw-layout,.flow-screen-mini .sw-layout{display:grid;grid-template-columns:11rem 1fr;gap:1rem}.canvas-frame .sw-pikto-col,.preview-frame .sw-pikto-col,.flow-screen-mini .sw-pikto-col{background:var(--surface-alt);border-radius:.25rem;padding:.875rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.canvas-frame .sw-pikto-label,.preview-frame .sw-pikto-label,.flow-screen-mini .sw-pikto-label{font-size:.6875rem;font-weight:700;color:var(--text-sub);letter-spacing:.06em;text-transform:uppercase}.canvas-frame .sw-right,.preview-frame .sw-right,.flow-screen-mini .sw-right{display:flex;flex-direction:column;gap:.625rem}.canvas-frame .sw-list,.preview-frame .sw-list,.flow-screen-mini .sw-list{display:flex;flex-direction:column-reverse;gap:.375rem;min-height:2.25rem}.canvas-frame .sw-item,.preview-frame .sw-item,.flow-screen-mini .sw-item{background:#fff;border:1px solid var(--divider);border-radius:.25rem;padding:.625rem .75rem;display:flex;flex-direction:column;gap:.5rem}.canvas-frame .sw-item.master,.preview-frame .sw-item.master,.flow-screen-mini .sw-item.master{border-color:var(--btn-primary);background:var(--s-info-bg)}.canvas-frame .sw-item-top-row,.preview-frame .sw-item-top-row,.flow-screen-mini .sw-item-top-row{display:grid;grid-template-columns:auto 1fr auto;gap:.625rem;align-items:center}.canvas-frame .sw-level,.preview-frame .sw-level,.flow-screen-mini .sw-level{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--btn-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.canvas-frame .sw-item-main,.preview-frame .sw-item-main,.flow-screen-mini .sw-item-main{min-width:0}.canvas-frame .sw-info-title,.preview-frame .sw-info-title,.flow-screen-mini .sw-info-title{font-size:.875rem;font-weight:700;line-height:1.2}.canvas-frame .sw-info-sub,.preview-frame .sw-info-sub,.flow-screen-mini .sw-info-sub{font-size:.75rem;color:var(--text-muted);font-family:SFMono-Regular,ui-monospace,monospace;margin-top:.0625rem}.canvas-frame .sw-item-fields,.preview-frame .sw-item-fields,.flow-screen-mini .sw-item-fields{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;padding-left:2.375rem}.canvas-frame .sw-field,.preview-frame .sw-field,.flow-screen-mini .sw-field{display:flex;flex-direction:column;gap:.125rem}.canvas-frame .sw-field-lbl,.preview-frame .sw-field-lbl,.flow-screen-mini .sw-field-lbl{font-size:.625rem;font-weight:700;color:var(--text-sub);letter-spacing:.04em;text-transform:uppercase}.canvas-frame .sw-field-inp,.preview-frame .sw-field-inp,.flow-screen-mini .sw-field-inp{width:4.5rem;height:2rem;padding:0 .375rem;border:1px solid var(--border);border-radius:.1875rem;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);background:#fff;outline:none;text-align:center}.canvas-frame .sw-field.sw-field-wide .sw-field-inp,.preview-frame .sw-field.sw-field-wide .sw-field-inp,.flow-screen-mini .sw-field.sw-field-wide .sw-field-inp{width:7rem;text-align:left;font-family:SFMono-Regular,ui-monospace,monospace;font-size:.8125rem}.canvas-frame .sw-field-inp:focus,.preview-frame .sw-field-inp:focus,.flow-screen-mini .sw-field-inp:focus{border-color:var(--btn-primary);box-shadow:0 0 0 2px var(--s-info-bg);background:#fff}.canvas-frame .sw-field-inp.from-avis,.preview-frame .sw-field-inp.from-avis,.flow-screen-mini .sw-field-inp.from-avis{background:var(--s-success-bg);border-color:var(--s-success-br)}.canvas-frame .sw-field-inp.from-avis:focus,.preview-frame .sw-field-inp.from-avis:focus,.flow-screen-mini .sw-field-inp.from-avis:focus{background:#fff}.canvas-frame .sw-field-val,.preview-frame .sw-field-val,.flow-screen-mini .sw-field-val{height:2rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-sub);min-width:4rem;padding:0 .375rem}.canvas-frame .sw-remove,.preview-frame .sw-remove,.flow-screen-mini .sw-remove{color:var(--s-error);background:none;padding:.25rem .4375rem;font-size:1.125rem;font-weight:700;border:none;cursor:pointer;border-radius:.125rem;line-height:1}.canvas-frame .sw-remove:hover,.preview-frame .sw-remove:hover,.flow-screen-mini .sw-remove:hover{background:var(--s-error-bg)}.canvas-frame .sw-picker-list,.preview-frame .sw-picker-list,.flow-screen-mini .sw-picker-list{display:flex;flex-direction:column;gap:.375rem;max-height:32rem;overflow-y:auto}.canvas-frame .sw-picker-row,.preview-frame .sw-picker-row,.flow-screen-mini .sw-picker-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.625rem .75rem;background:#fff;border:1px solid var(--divider);border-radius:.25rem;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.canvas-frame .sw-picker-row:hover,.preview-frame .sw-picker-row:hover,.flow-screen-mini .sw-picker-row:hover{border-color:var(--btn-primary);background:var(--s-info-bg)}.canvas-frame .sw-picker-posnr,.preview-frame .sw-picker-posnr,.flow-screen-mini .sw-picker-posnr{background:var(--hdr-bg);color:#fff;font-weight:700;font-size:.8125rem;width:2.25rem;height:2.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.canvas-frame .sw-picker-main,.preview-frame .sw-picker-main,.flow-screen-mini .sw-picker-main{min-width:0}.canvas-frame .sw-picker-name,.preview-frame .sw-picker-name,.flow-screen-mini .sw-picker-name{font-size:.9375rem;font-weight:700;color:var(--text);line-height:1.2}.canvas-frame .sw-picker-meta,.preview-frame .sw-picker-meta,.flow-screen-mini .sw-picker-meta{font-size:.75rem;color:var(--text-muted);font-family:SFMono-Regular,ui-monospace,monospace;margin-top:.125rem}.canvas-frame .sw-picker-rest,.preview-frame .sw-picker-rest,.flow-screen-mini .sw-picker-rest{text-align:right}.canvas-frame .sw-picker-rest-num,.preview-frame .sw-picker-rest-num,.flow-screen-mini .sw-picker-rest-num{font-size:1rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.canvas-frame .sw-picker-rest-lbl,.preview-frame .sw-picker-rest-lbl,.flow-screen-mini .sw-picker-rest-lbl{font-size:.6875rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:.0625rem}.canvas-frame .sw-picker-empty,.preview-frame .sw-picker-empty,.flow-screen-mini .sw-picker-empty{text-align:center;padding:1.5rem;color:var(--text-muted);font-style:italic;font-size:.875rem}.canvas-frame .sw-scan-box,.preview-frame .sw-scan-box,.flow-screen-mini .sw-scan-box{background:var(--s-info-bg);border:1.5px dashed var(--s-info-br);border-radius:.25rem;padding:.75rem;text-align:center}.canvas-frame .sw-scan-title,.preview-frame .sw-scan-title,.flow-screen-mini .sw-scan-title{font-size:.875rem;font-weight:700;color:var(--s-info);margin-bottom:.5rem}.canvas-frame .sw-totals,.preview-frame .sw-totals,.flow-screen-mini .sw-totals{background:#111827;color:#fff;border-radius:.25rem;padding:.625rem .875rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.canvas-frame .sw-total-cell,.preview-frame .sw-total-cell,.flow-screen-mini .sw-total-cell{font-size:.625rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.canvas-frame .sw-total-cell b,.preview-frame .sw-total-cell b,.flow-screen-mini .sw-total-cell b{display:block;font-size:1rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;margin-top:.125rem}.canvas-frame .sw-over-limit,.preview-frame .sw-over-limit,.flow-screen-mini .sw-over-limit{color:#fff!important;background:var(--s-error);padding:0 .375rem;border-radius:.125rem;display:inline-block;font-size:.6875rem}.canvas-frame .sw-validity,.preview-frame .sw-validity,.flow-screen-mini .sw-validity{margin-top:.5rem;padding:.5rem .75rem;border-radius:.25rem;font-size:.8125rem;line-height:1.35;display:flex;align-items:center;gap:.4375rem}.canvas-frame .sw-validity:empty,.preview-frame .sw-validity:empty,.flow-screen-mini .sw-validity:empty{display:none}.canvas-frame .sw-validity svg,.preview-frame .sw-validity svg,.flow-screen-mini .sw-validity svg{flex-shrink:0}.canvas-frame .sw-validity.hint,.preview-frame .sw-validity.hint,.flow-screen-mini .sw-validity.hint{background:var(--s-info-bg);color:var(--s-info);border:1px solid var(--s-info-br)}.canvas-frame .sw-validity.warn,.preview-frame .sw-validity.warn,.flow-screen-mini .sw-validity.warn{background:var(--s-warning-bg);color:#6e3d00;border:1px solid var(--s-warning-br)}.canvas-frame .sw-validity.error,.preview-frame .sw-validity.error,.flow-screen-mini .sw-validity.error{background:var(--s-error-bg);color:#6e0f0f;border:1px solid var(--s-error-br)}.canvas-frame .sw-validity.ok,.preview-frame .sw-validity.ok,.flow-screen-mini .sw-validity.ok{background:var(--s-success-bg);color:#0b5223;border:1px solid var(--s-success-br)}.canvas-frame .mhd-warn-ic,.preview-frame .mhd-warn-ic,.flow-screen-mini .mhd-warn-ic{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.25rem auto .875rem}.canvas-frame .mhd-warn-ic.warn,.preview-frame .mhd-warn-ic.warn,.flow-screen-mini .mhd-warn-ic.warn{background:var(--s-warning-bg);color:var(--s-warning)}.canvas-frame .mhd-warn-ic.error,.preview-frame .mhd-warn-ic.error,.flow-screen-mini .mhd-warn-ic.error{background:var(--s-error-bg);color:var(--s-error)}.canvas-frame .mhd-warn-title,.preview-frame .mhd-warn-title,.flow-screen-mini .mhd-warn-title{font-size:1.0625rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:var(--text)}.canvas-frame .mhd-warn-text,.preview-frame .mhd-warn-text,.flow-screen-mini .mhd-warn-text{text-align:center;font-size:.875rem;color:var(--text-sub);line-height:1.5;max-width:30rem;margin:0 auto}.canvas-frame .mhd-warn-details,.preview-frame .mhd-warn-details,.flow-screen-mini .mhd-warn-details{background:var(--surface-alt);border-radius:.25rem;padding:.75rem .875rem;margin-top:.875rem;display:grid;grid-template-columns:auto 1fr;gap:.375rem .875rem;font-size:.8125rem}.canvas-frame .mhd-warn-details dt,.preview-frame .mhd-warn-details dt,.flow-screen-mini .mhd-warn-details dt{color:var(--text-muted)}.canvas-frame .mhd-warn-details dd,.preview-frame .mhd-warn-details dd,.flow-screen-mini .mhd-warn-details dd{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.canvas-frame .scan-strip,.preview-frame .scan-strip,.flow-screen-mini .scan-strip{background:linear-gradient(135deg,#e8f0ff,#f5f9ff);border:2px solid var(--btn-primary);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.canvas-frame .vermess-sperre,.preview-frame .vermess-sperre,.flow-screen-mini .vermess-sperre{background:var(--s-warning-bg);border:2px solid var(--s-warning-br);border-radius:.5rem;padding:1rem 1.125rem;margin-bottom:1rem;display:flex;gap:1rem;align-items:flex-start}.canvas-frame .vermess-sperre-ic,.preview-frame .vermess-sperre-ic,.flow-screen-mini .vermess-sperre-ic{width:3rem;height:3rem;background:var(--s-warning);color:#fff;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-frame .vermess-sperre-body,.preview-frame .vermess-sperre-body,.flow-screen-mini .vermess-sperre-body{flex:1}.canvas-frame .vermess-sperre-title,.preview-frame .vermess-sperre-title,.flow-screen-mini .vermess-sperre-title{font-size:1rem;font-weight:700;color:var(--s-warning);margin-bottom:.25rem}.canvas-frame .vermess-sperre-text,.preview-frame .vermess-sperre-text,.flow-screen-mini .vermess-sperre-text{font-size:.875rem;color:var(--text);line-height:1.45;margin-bottom:.625rem}.canvas-frame .vermess-sperre-text b,.preview-frame .vermess-sperre-text b,.flow-screen-mini .vermess-sperre-text b{font-weight:700}.canvas-frame .btn-vermess,.preview-frame .btn-vermess,.flow-screen-mini .btn-vermess{padding:.5rem .875rem;background:var(--s-warning);color:#fff;border-radius:.25rem;font-size:.8125rem;font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem}.canvas-frame .btn-vermess:hover,.preview-frame .btn-vermess:hover,.flow-screen-mini .btn-vermess:hover{filter:brightness(.95)}.canvas-frame .scan-strip-ic,.preview-frame .scan-strip-ic,.flow-screen-mini .scan-strip-ic{width:2.75rem;height:2.75rem;background:var(--btn-primary);color:#fff;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-frame .scan-strip-body,.preview-frame .scan-strip-body,.flow-screen-mini .scan-strip-body{min-width:0}.canvas-frame .scan-strip-label,.preview-frame .scan-strip-label,.flow-screen-mini .scan-strip-label{display:block;font-size:.6875rem;font-weight:700;color:var(--btn-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.1875rem}.canvas-frame .scan-strip-input,.preview-frame .scan-strip-input,.flow-screen-mini .scan-strip-input{width:100%;height:2.25rem;padding:0 .625rem;border:1px solid var(--border);border-radius:.25rem;background:#fff;font-size:.9375rem;font-family:SFMono-Regular,ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--text);outline:none}.canvas-frame .scan-strip-input:focus,.preview-frame .scan-strip-input:focus,.flow-screen-mini .scan-strip-input:focus{border-color:var(--btn-primary);box-shadow:0 0 0 3px #0b5fd426}.canvas-frame .scan-strip-input::-moz-placeholder,.preview-frame .scan-strip-input::-moz-placeholder,.flow-screen-mini .scan-strip-input::-moz-placeholder{color:var(--text-muted);font-family:Inter,sans-serif;font-style:italic;font-size:.8125rem}.canvas-frame .scan-strip-input::placeholder,.preview-frame .scan-strip-input::placeholder,.flow-screen-mini .scan-strip-input::placeholder{color:var(--text-muted);font-family:Inter,sans-serif;font-style:italic;font-size:.8125rem}.canvas-frame .scan-strip-btn,.preview-frame .scan-strip-btn,.flow-screen-mini .scan-strip-btn{height:2.75rem;padding:0 1rem;background:var(--btn-primary);color:#fff;border:none;border-radius:.25rem;font-size:.8125rem;font-weight:700;letter-spacing:.04em;cursor:pointer;flex-shrink:0}.canvas-frame .scan-strip-btn:hover,.preview-frame .scan-strip-btn:hover,.flow-screen-mini .scan-strip-btn:hover{background:var(--btn-primary-h)}.canvas-frame .hu-scan-row,.preview-frame .hu-scan-row,.flow-screen-mini .hu-scan-row{display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--s-info-bg);border-radius:.25rem;align-items:center}.canvas-frame .hu-scan-row input,.preview-frame .hu-scan-row input,.flow-screen-mini .hu-scan-row input{flex:1;height:2.5rem;border:1px solid var(--s-info-br);border-radius:.25rem;padding:0 .75rem;font-size:.9375rem;font-variant-numeric:tabular-nums;background:#fff;outline:none}.canvas-frame .hu-scan-row input:focus,.preview-frame .hu-scan-row input:focus,.flow-screen-mini .hu-scan-row input:focus{border-color:var(--btn-primary);box-shadow:0 0 0 2px var(--s-info-bg)}.canvas-frame .hu-scan-row button,.preview-frame .hu-scan-row button,.flow-screen-mini .hu-scan-row button{height:2.5rem;padding:0 1rem;background:var(--btn-primary);color:#fff;border-radius:.25rem;font-size:.875rem;font-weight:600}.canvas-frame .hu-scan-row button:hover,.preview-frame .hu-scan-row button:hover,.flow-screen-mini .hu-scan-row button:hover{background:var(--btn-primary-h)}.canvas-frame .hu-list,.preview-frame .hu-list,.flow-screen-mini .hu-list{border:1px solid var(--divider);border-radius:.25rem;background:#fff}.canvas-frame .hu-item,.preview-frame .hu-item,.flow-screen-mini .hu-item{padding:.75rem .875rem;border-bottom:1px solid var(--divider);display:grid;grid-template-columns:auto 1fr auto auto;gap:.75rem;align-items:center}.canvas-frame .hu-item:last-child,.preview-frame .hu-item:last-child,.flow-screen-mini .hu-item:last-child{border-bottom:none}.canvas-frame .hu-nr,.preview-frame .hu-nr,.flow-screen-mini .hu-nr{font-weight:700;font-variant-numeric:tabular-nums;font-size:.875rem;color:var(--text)}.canvas-frame .hu-nr small,.preview-frame .hu-nr small,.flow-screen-mini .hu-nr small{display:block;font-weight:400;color:var(--text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;margin-top:.0625rem}.canvas-frame .hu-misch-tag,.preview-frame .hu-misch-tag,.flow-screen-mini .hu-misch-tag{display:inline-block;padding:.125rem .375rem;background:#ecd7f5;color:#6f2e94;border-radius:.125rem;font-size:.625rem;font-weight:700;letter-spacing:.04em;margin-left:.375rem}.canvas-frame .hu-menge-edit,.preview-frame .hu-menge-edit,.flow-screen-mini .hu-menge-edit{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--surface-alt);border-radius:.25rem;cursor:pointer;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.canvas-frame .hu-menge-edit:hover,.preview-frame .hu-menge-edit:hover,.flow-screen-mini .hu-menge-edit:hover{background:var(--surface-hover)}.canvas-frame .hu-menge-edit .unit,.preview-frame .hu-menge-edit .unit,.flow-screen-mini .hu-menge-edit .unit{font-size:.75rem;font-weight:500;color:var(--text-sub)}.canvas-frame .hu-remove,.preview-frame .hu-remove,.flow-screen-mini .hu-remove{width:2rem;height:2rem;color:var(--text-muted);border-radius:.25rem;display:flex;align-items:center;justify-content:center}.canvas-frame .hu-remove:hover,.preview-frame .hu-remove:hover,.flow-screen-mini .hu-remove:hover{color:var(--btn-danger);background:var(--s-error-bg)}.canvas-frame .hu-item-rich,.preview-frame .hu-item-rich,.flow-screen-mini .hu-item-rich{display:block;padding:.625rem .875rem}.canvas-frame .hu-item-rich .hu-item-top,.preview-frame .hu-item-rich .hu-item-top,.flow-screen-mini .hu-item-rich .hu-item-top{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center}.canvas-frame .hu-item-details,.preview-frame .hu-item-details,.flow-screen-mini .hu-item-details{display:flex;gap:.875rem;flex-wrap:wrap;margin-top:.4375rem;padding-top:.4375rem;border-top:1px dashed var(--divider);font-size:.75rem;color:var(--text-sub);font-variant-numeric:tabular-nums}.canvas-frame .hu-item-details span,.preview-frame .hu-item-details span,.flow-screen-mini .hu-item-details span{white-space:nowrap}.canvas-frame .hu-item-details strong,.preview-frame .hu-item-details strong,.flow-screen-mini .hu-item-details strong{color:var(--text);font-weight:700;margin-left:.1875rem}.canvas-frame .hu-item-sandwich,.preview-frame .hu-item-sandwich,.flow-screen-mini .hu-item-sandwich{background:#f2efff;border-left:3px solid #5848d5}.canvas-frame .hu-sandwich-group,.preview-frame .hu-sandwich-group,.flow-screen-mini .hu-sandwich-group{background:#e8e4fa;padding:.5rem .875rem;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:.5rem}.canvas-frame .sw-group-title,.preview-frame .sw-group-title,.flow-screen-mini .sw-group-title{flex:1;display:flex;align-items:center;gap:.4375rem;font-size:.8125rem;color:#3d2f9e;font-weight:600;flex-wrap:wrap}.canvas-frame .sw-group-title strong,.preview-frame .sw-group-title strong,.flow-screen-mini .sw-group-title strong{font-size:.8125rem;font-weight:700}.canvas-frame .sw-group-meta,.preview-frame .sw-group-meta,.flow-screen-mini .sw-group-meta{color:#5848d5;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}.canvas-frame .sw-group-remove,.preview-frame .sw-group-remove,.flow-screen-mini .sw-group-remove{padding:.3125rem .5rem;background:#fff;border:1px solid #5848d5;border-radius:.1875rem;color:#5848d5;font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3125rem}.canvas-frame .sw-group-remove:hover,.preview-frame .sw-group-remove:hover,.flow-screen-mini .sw-group-remove:hover{background:#5848d5;color:#fff}.canvas-frame .hu-tag,.preview-frame .hu-tag,.flow-screen-mini .hu-tag{display:inline-block;padding:.125rem .375rem;border-radius:.125rem;font-size:.625rem;font-weight:700;letter-spacing:.04em;margin-left:.375rem;white-space:nowrap}.canvas-frame .hu-tag-misch,.preview-frame .hu-tag-misch,.flow-screen-mini .hu-tag-misch{background:#ecd7f5;color:#6f2e94}.canvas-frame .hu-tag-sandwich,.preview-frame .hu-tag-sandwich,.flow-screen-mini .hu-tag-sandwich{background:#d4ccff;color:#3d2f9e}.canvas-frame .sw-overview-empty,.preview-frame .sw-overview-empty,.flow-screen-mini .sw-overview-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.625rem}.canvas-frame .sw-overview-empty-title,.preview-frame .sw-overview-empty-title,.flow-screen-mini .sw-overview-empty-title{font-size:1rem;font-weight:600;color:var(--text-sub)}.canvas-frame .sw-overview-empty-sub,.preview-frame .sw-overview-empty-sub,.flow-screen-mini .sw-overview-empty-sub{font-size:.8125rem;max-width:24rem;line-height:1.4}.canvas-frame .sw-ov-card,.preview-frame .sw-ov-card,.flow-screen-mini .sw-ov-card{background:#fff;border:1px solid var(--divider);border-radius:.375rem;margin-bottom:.875rem;overflow:hidden}.canvas-frame .sw-ov-card:last-child,.preview-frame .sw-ov-card:last-child,.flow-screen-mini .sw-ov-card:last-child{margin-bottom:0}.canvas-frame .sw-ov-head,.preview-frame .sw-ov-head,.flow-screen-mini .sw-ov-head{background:#e8e4fa;padding:.625rem .875rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #c8bfee}.canvas-frame .sw-ov-head-left,.preview-frame .sw-ov-head-left,.flow-screen-mini .sw-ov-head-left{flex:1;display:flex;align-items:center;gap:.625rem;color:#3d2f9e}.canvas-frame .sw-ov-title,.preview-frame .sw-ov-title,.flow-screen-mini .sw-ov-title{font-size:.9375rem;font-weight:700;color:#3d2f9e}.canvas-frame .sw-ov-subtitle,.preview-frame .sw-ov-subtitle,.flow-screen-mini .sw-ov-subtitle{font-size:.75rem;color:#5848d5;font-variant-numeric:tabular-nums;margin-top:.0625rem}.canvas-frame .sw-ov-ok,.preview-frame .sw-ov-ok,.flow-screen-mini .sw-ov-ok{color:var(--s-success);font-weight:600}.canvas-frame .sw-ov-err,.preview-frame .sw-ov-err,.flow-screen-mini .sw-ov-err{color:var(--s-error);font-weight:700}.canvas-frame .sw-ov-rm-group,.preview-frame .sw-ov-rm-group,.flow-screen-mini .sw-ov-rm-group{padding:.375rem .625rem;background:#fff;border:1px solid #5848d5;border-radius:.1875rem;color:#5848d5;font-size:.75rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3125rem}.canvas-frame .sw-ov-rm-group:hover,.preview-frame .sw-ov-rm-group:hover,.flow-screen-mini .sw-ov-rm-group:hover{background:#5848d5;color:#fff}.canvas-frame .sw-ov-table,.preview-frame .sw-ov-table,.flow-screen-mini .sw-ov-table{width:100%;border-collapse:collapse;font-size:.8125rem}.canvas-frame .sw-ov-table thead th,.preview-frame .sw-ov-table thead th,.flow-screen-mini .sw-ov-table thead th{background:var(--surface-alt);padding:.375rem .625rem;text-align:left;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-sub);border-bottom:1px solid var(--divider)}.canvas-frame .sw-ov-table thead th.num,.preview-frame .sw-ov-table thead th.num,.flow-screen-mini .sw-ov-table thead th.num{text-align:right}.canvas-frame .sw-ov-table tbody td,.preview-frame .sw-ov-table tbody td,.flow-screen-mini .sw-ov-table tbody td{padding:.4375rem .625rem;border-bottom:1px solid var(--divider);vertical-align:middle}.canvas-frame .sw-ov-table tbody tr:last-child td,.preview-frame .sw-ov-table tbody tr:last-child td,.flow-screen-mini .sw-ov-table tbody tr:last-child td{border-bottom:none}.canvas-frame .sw-ov-table td.num,.preview-frame .sw-ov-table td.num,.flow-screen-mini .sw-ov-table td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.canvas-frame .sw-ov-table td.num small,.preview-frame .sw-ov-table td.num small,.flow-screen-mini .sw-ov-table td.num small{color:var(--text-muted);font-weight:500;margin-left:.125rem}.canvas-frame .sw-ov-table td.mono,.preview-frame .sw-ov-table td.mono,.flow-screen-mini .sw-ov-table td.mono{font-family:SFMono-Regular,ui-monospace,monospace;font-variant-numeric:tabular-nums}.canvas-frame .sw-ov-ebene,.preview-frame .sw-ov-ebene,.flow-screen-mini .sw-ov-ebene{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-frame .sw-ov-artikel,.preview-frame .sw-ov-artikel,.flow-screen-mini .sw-ov-artikel{font-weight:600;color:var(--text)}.canvas-frame .sw-ov-meta,.preview-frame .sw-ov-meta,.flow-screen-mini .sw-ov-meta{font-size:.6875rem;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:.0625rem}.canvas-frame .sw-ov-hu,.preview-frame .sw-ov-hu,.flow-screen-mini .sw-ov-hu{font-size:.75rem;color:var(--text-sub)}.canvas-frame .sw-ov-badge,.preview-frame .sw-ov-badge,.flow-screen-mini .sw-ov-badge{display:inline-block;margin-left:.375rem;padding:.0625rem .3125rem;font-size:.5625rem;font-weight:700;letter-spacing:.04em;border-radius:.125rem}.canvas-frame .sw-ov-badge-master,.preview-frame .sw-ov-badge-master,.flow-screen-mini .sw-ov-badge-master{background:#3d2f9e;color:#fff}.canvas-frame .sw-ov-rm-hu,.preview-frame .sw-ov-rm-hu,.flow-screen-mini .sw-ov-rm-hu{width:1.75rem;height:1.75rem;border-radius:.1875rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;border:none;cursor:pointer}.canvas-frame .sw-ov-rm-hu:hover,.preview-frame .sw-ov-rm-hu:hover,.flow-screen-mini .sw-ov-rm-hu:hover{color:var(--s-error);background:var(--s-error-bg)}.canvas-frame .hu-summary,.preview-frame .hu-summary,.flow-screen-mini .hu-summary{margin-top:1rem;padding:.75rem .875rem;background:var(--surface-alt);border-radius:.25rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.canvas-frame .hu-summary-num,.preview-frame .hu-summary-num,.flow-screen-mini .hu-summary-num{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.canvas-frame .hu-summary.overshoot,.preview-frame .hu-summary.overshoot,.flow-screen-mini .hu-summary.overshoot{background:var(--s-warning-bg);color:var(--s-warning)}.canvas-frame .hu-summary.complete,.preview-frame .hu-summary.complete,.flow-screen-mini .hu-summary.complete{background:var(--s-success-bg);color:var(--s-success)}.canvas-frame .misch-pos,.preview-frame .misch-pos,.flow-screen-mini .misch-pos{padding:.75rem;border:1px solid var(--divider);border-radius:.25rem;margin-bottom:.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.canvas-frame .misch-pos.sel,.preview-frame .misch-pos.sel,.flow-screen-mini .misch-pos.sel{background:var(--s-info-bg);border-color:var(--btn-primary)}.canvas-frame .misch-check,.preview-frame .misch-check,.flow-screen-mini .misch-check{width:1.375rem;height:1.375rem;border:1.5px solid var(--border-strong);border-radius:.1875rem;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.canvas-frame .misch-pos.sel .misch-check,.preview-frame .misch-pos.sel .misch-check,.flow-screen-mini .misch-pos.sel .misch-check{background:var(--btn-primary);border-color:var(--btn-primary)}.canvas-frame .misch-pos.sel .misch-check:after,.preview-frame .misch-pos.sel .misch-check:after,.flow-screen-mini .misch-pos.sel .misch-check:after{content:"";width:.3125rem;height:.625rem;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg)}.canvas-frame .misch-name,.preview-frame .misch-name,.flow-screen-mini .misch-name{font-size:.875rem;font-weight:600;color:var(--text)}.canvas-frame .misch-meta,.preview-frame .misch-meta,.flow-screen-mini .misch-meta{font-size:.75rem;color:var(--text-sub);margin-top:.125rem}.canvas-frame .misch-menge,.preview-frame .misch-menge,.flow-screen-mini .misch-menge{display:flex;align-items:center;gap:.375rem}.canvas-frame .misch-menge input,.preview-frame .misch-menge input,.flow-screen-mini .misch-menge input{width:5rem;height:2.25rem;text-align:center;border:1px solid var(--border);border-radius:.1875rem;font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;background:#fff}.canvas-frame .misch-menge input:disabled,.preview-frame .misch-menge input:disabled,.flow-screen-mini .misch-menge input:disabled{background:var(--surface-alt);color:var(--text-muted)}.canvas-frame .misch-menge .unit,.preview-frame .misch-menge .unit,.flow-screen-mini .misch-menge .unit{font-size:.75rem;color:var(--text-sub)}.canvas-frame .prob-grid,.preview-frame .prob-grid,.flow-screen-mini .prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.canvas-frame .prob-btn,.preview-frame .prob-btn,.flow-screen-mini .prob-btn{padding:.875rem .75rem;border:1.5px solid var(--border);border-radius:.25rem;background:#fff;color:var(--text);text-align:left;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.canvas-frame .prob-btn:hover,.preview-frame .prob-btn:hover,.flow-screen-mini .prob-btn:hover{background:var(--surface-hover)}.canvas-frame .prob-btn.sel,.preview-frame .prob-btn.sel,.flow-screen-mini .prob-btn.sel{background:var(--s-error-bg);border-color:var(--s-error);color:var(--s-error);font-weight:700}.canvas-frame .prob-btn .pi,.preview-frame .prob-btn .pi,.flow-screen-mini .prob-btn .pi{width:1.125rem;height:1.125rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.canvas-frame .prob-btn.sel .pi,.preview-frame .prob-btn.sel .pi,.flow-screen-mini .prob-btn.sel .pi{color:var(--s-error)}.canvas-frame .photo-btn,.preview-frame .photo-btn,.flow-screen-mini .photo-btn{height:2.75rem;padding:0 1rem;border:1px dashed var(--border-strong);border-radius:.25rem;background:var(--surface-alt);color:var(--text-sub);font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.canvas-frame .photo-btn:hover,.preview-frame .photo-btn:hover,.flow-screen-mini .photo-btn:hover{background:var(--surface-hover);border-color:var(--btn-primary);color:var(--btn-primary)}.canvas-frame .numpad-bd,.preview-frame .numpad-bd,.flow-screen-mini .numpad-bd{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:600}.canvas-frame .numpad-bd.show,.preview-frame .numpad-bd.show,.flow-screen-mini .numpad-bd.show{display:flex}.canvas-frame .numpad,.preview-frame .numpad,.flow-screen-mini .numpad{background:#fff;border-radius:.375rem;width:20rem;padding:1rem;box-shadow:0 1.25rem 2.5rem #00000059}.canvas-frame .numpad-title,.preview-frame .numpad-title,.flow-screen-mini .numpad-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.canvas-frame .numpad-display,.preview-frame .numpad-display,.flow-screen-mini .numpad-display{background:var(--surface-alt);border:1px solid var(--border);border-radius:.25rem;height:3.25rem;padding:0 .75rem;display:flex;align-items:center;justify-content:flex-end;font-size:1.75rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;margin-bottom:.75rem}.canvas-frame .numpad-grid,.preview-frame .numpad-grid,.flow-screen-mini .numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.canvas-frame .np-btn,.preview-frame .np-btn,.flow-screen-mini .np-btn{height:3.25rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:.25rem;font-size:1.375rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.canvas-frame .np-btn:hover,.preview-frame .np-btn:hover,.flow-screen-mini .np-btn:hover{background:var(--surface-hover)}.canvas-frame .np-btn.clr,.preview-frame .np-btn.clr,.flow-screen-mini .np-btn.clr{color:var(--btn-danger)}.canvas-frame .np-btn.sig,.preview-frame .np-btn.sig,.flow-screen-mini .np-btn.sig{color:var(--text-sub)}.canvas-frame .numpad-actions,.preview-frame .numpad-actions,.flow-screen-mini .numpad-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.canvas-frame .np-cancel,.preview-frame .np-cancel,.flow-screen-mini .np-cancel,.canvas-frame .np-ok,.preview-frame .np-ok,.flow-screen-mini .np-ok{height:3rem;font-size:.9375rem;font-weight:700;border-radius:.25rem}.canvas-frame .np-cancel,.preview-frame .np-cancel,.flow-screen-mini .np-cancel{background:#fff;border:1px solid var(--btn-neutral-b);color:var(--text-sub)}.canvas-frame .np-ok,.preview-frame .np-ok,.flow-screen-mini .np-ok{background:var(--btn-success);color:#fff;border:1px solid var(--btn-success)}.canvas-frame .toast:before,.preview-frame .toast:before,.flow-screen-mini .toast:before{content:"";width:.4375rem;height:.4375rem;border-radius:50%;background:var(--s-info);flex-shrink:0}.canvas-frame .toast.success:before,.preview-frame .toast.success:before,.flow-screen-mini .toast.success:before{background:#3ec97a}.canvas-frame .toast.warning:before,.preview-frame .toast.warning:before,.flow-screen-mini .toast.warning:before{background:var(--s-warning)}.canvas-frame .toast.error:before,.preview-frame .toast.error:before,.flow-screen-mini .toast.error:before{background:var(--s-error)}.canvas-frame .notify-bd,.preview-frame ohne Farb-Akzente */ .notify-bd,.flow-screen-mini ohne Farb-Akzente */ .notify-bd{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;display:none;align-items:center;justify-content:center;z-index:900;padding:2rem}.canvas-frame .notify-bd.show,.preview-frame .notify-bd.show,.flow-screen-mini .notify-bd.show{display:flex}.canvas-frame .notify-card,.preview-frame .notify-card,.flow-screen-mini .notify-card{background:#fff;border-radius:.25rem;box-shadow:0 1rem 2.5rem #00000040;max-width:32rem;width:100%;overflow:hidden;border:1px solid var(--border)}.canvas-frame .notify-head,.preview-frame .notify-head,.flow-screen-mini .notify-head{padding:1.125rem 1.5rem .5rem}.canvas-frame .notify-title,.preview-frame .notify-title,.flow-screen-mini .notify-title{font-size:1.125rem;font-weight:700;color:var(--text);line-height:1.3}.canvas-frame .notify-body,.preview-frame .notify-body,.flow-screen-mini .notify-body{padding:.5rem 1.5rem 1.25rem}.canvas-frame .notify-msg,.preview-frame .notify-msg,.flow-screen-mini .notify-msg{font-size:.9375rem;color:var(--text);line-height:1.5}.canvas-frame .notify-sub,.preview-frame .notify-sub,.flow-screen-mini .notify-sub{font-size:.875rem;color:var(--text-sub);line-height:1.45;margin-top:.625rem}.canvas-frame .notify-actions,.preview-frame .notify-actions,.flow-screen-mini .notify-actions{display:flex;gap:.5rem;padding:.75rem 1.5rem;justify-content:flex-end;border-top:1px solid var(--divider);background:#fafafa}.canvas-frame .notify-btn,.preview-frame .notify-btn,.flow-screen-mini .notify-btn{height:2.625rem;padding:0 1.25rem;font-size:.9375rem;font-weight:600;border-radius:.1875rem;border:1px solid transparent;min-width:5.5rem;cursor:pointer}.canvas-frame .notify-btn-primary,.preview-frame .notify-btn-primary,.flow-screen-mini .notify-btn-primary{background:var(--btn-primary);color:#fff;border-color:var(--btn-primary)}.canvas-frame .notify-btn-primary:hover,.preview-frame .notify-btn-primary:hover,.flow-screen-mini .notify-btn-primary:hover{background:var(--btn-primary-h)}.canvas-frame .notify-btn-neutral,.preview-frame .notify-btn-neutral,.flow-screen-mini .notify-btn-neutral{background:#fff;color:var(--text);border-color:var(--border)}.canvas-frame .notify-btn-neutral:hover,.preview-frame .notify-btn-neutral:hover,.flow-screen-mini .notify-btn-neutral:hover{background:var(--surface-alt)}.canvas-frame .notify-btn-danger,.preview-frame .notify-btn-danger,.flow-screen-mini .notify-btn-danger{background:var(--btn-danger);color:#fff;border-color:var(--btn-danger)}.canvas-frame .notify-btn-danger:hover,.preview-frame .notify-btn-danger:hover,.flow-screen-mini .notify-btn-danger:hover{background:var(--btn-danger-h)}.canvas-frame .notify-btn-warning,.preview-frame .notify-btn-warning,.flow-screen-mini .notify-btn-warning{background:var(--s-warning);color:#fff;border-color:var(--s-warning)}.canvas-frame .notify-btn-success,.preview-frame .notify-btn-success,.flow-screen-mini .notify-btn-success{background:var(--btn-success);color:#fff;border-color:var(--btn-success)}.canvas-frame .main,.preview-frame .main,.flow-screen-mini .main{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem}.canvas-frame .layout,.preview-frame .layout,.flow-screen-mini .layout{max-width:1280px;margin:0 auto}.canvas-frame .kpi-row,.preview-frame .kpi-row,.flow-screen-mini .kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.canvas-frame .kpi,.preview-frame .kpi,.flow-screen-mini .kpi{background:#fff;border:1px solid var(--divider);border-radius:.25rem;padding:.875rem 1rem}.canvas-frame .kpi-label,.preview-frame .kpi-label,.flow-screen-mini .kpi-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.375rem}.canvas-frame .kpi-val,.preview-frame .kpi-val,.flow-screen-mini .kpi-val{font-size:1.625rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.canvas-frame .kpi-val small,.preview-frame .kpi-val small,.flow-screen-mini .kpi-val small{font-size:.875rem;color:var(--text-sub);font-weight:500;margin-left:.25rem}.canvas-frame .kpi.warn .kpi-val,.preview-frame .kpi.warn .kpi-val,.flow-screen-mini .kpi.warn .kpi-val{color:var(--s-warning)}.canvas-frame .kpi.err .kpi-val,.preview-frame .kpi.err .kpi-val,.flow-screen-mini .kpi.err .kpi-val{color:var(--s-error)}.canvas-frame .kpi.ok .kpi-val,.preview-frame .kpi.ok .kpi-val,.flow-screen-mini .kpi.ok .kpi-val{color:var(--s-success)}.canvas-frame .section,.preview-frame .section,.flow-screen-mini .section{background:#fff;border:1px solid var(--divider);border-radius:.25rem;margin-bottom:1.5rem;overflow:hidden}.canvas-frame .section-head,.preview-frame .section-head,.flow-screen-mini .section-head{padding:.875rem 1rem;background:var(--surface-alt);border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:.5rem}.canvas-frame .section-title,.preview-frame .section-title,.flow-screen-mini .section-title{font-size:.9375rem;font-weight:700;color:var(--text);flex:1}.canvas-frame .section-badge,.preview-frame .section-badge,.flow-screen-mini .section-badge{padding:.1875rem .5rem;border-radius:.1875rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em}.canvas-frame .section-badge.green,.preview-frame .section-badge.green,.flow-screen-mini .section-badge.green{background:var(--s-success-bg);color:var(--s-success)}.canvas-frame .section-badge.red,.preview-frame .section-badge.red,.flow-screen-mini .section-badge.red{background:var(--s-error-bg);color:var(--s-error)}.canvas-frame .section-badge.grey,.preview-frame .section-badge.grey,.flow-screen-mini .section-badge.grey{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.canvas-frame .data-table,.preview-frame .data-table,.flow-screen-mini .data-table{width:100%;border-collapse:collapse}.canvas-frame .data-table thead th,.preview-frame .data-table thead th,.flow-screen-mini .data-table thead th{text-align:left;padding:.625rem 1rem;background:#fff;border-bottom:1px solid var(--divider);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sub)}.canvas-frame .data-table thead th.num,.preview-frame .data-table thead th.num,.flow-screen-mini .data-table thead th.num,.canvas-frame .data-table thead th.center,.preview-frame .data-table thead th.center,.flow-screen-mini .data-table thead th.center{text-align:center}.canvas-frame .data-table thead th.right,.preview-frame .data-table thead th.right,.flow-screen-mini .data-table thead th.right{text-align:right}.canvas-frame .data-table tbody td,.preview-frame .data-table tbody td,.flow-screen-mini .data-table tbody td{padding:.75rem 1rem;vertical-align:middle;border-bottom:1px solid var(--divider);font-size:.875rem}.canvas-frame .data-table tbody tr:last-child td,.preview-frame .data-table tbody tr:last-child td,.flow-screen-mini .data-table tbody tr:last-child td{border-bottom:none}.canvas-frame .data-table td.num,.preview-frame .data-table td.num,.flow-screen-mini .data-table td.num,.canvas-frame .data-table td.center,.preview-frame .data-table td.center,.flow-screen-mini .data-table td.center{text-align:center;font-variant-numeric:tabular-nums}.canvas-frame .data-table td.right,.preview-frame .data-table td.right,.flow-screen-mini .data-table td.right{text-align:right;font-variant-numeric:tabular-nums}.canvas-frame .data-table tbody tr.problem,.preview-frame .data-table tbody tr.problem,.flow-screen-mini .data-table tbody tr.problem{background:#fef4f4}.canvas-frame .pos-name,.preview-frame .pos-name,.flow-screen-mini .pos-name{font-weight:600;color:var(--text)}.canvas-frame .pos-name small,.preview-frame .pos-name small,.flow-screen-mini .pos-name small{display:block;font-weight:400;color:var(--text-muted);font-size:.75rem;margin-top:.0625rem}.canvas-frame .abw-ok,.preview-frame .abw-ok,.flow-screen-mini .abw-ok{color:var(--s-success);font-weight:700;display:inline-flex;align-items:center;gap:.25rem}.canvas-frame .abw-warn,.preview-frame .abw-warn,.flow-screen-mini .abw-warn{color:var(--s-warning);font-weight:700;font-variant-numeric:tabular-nums}.canvas-frame .abw-err,.preview-frame .abw-err,.flow-screen-mini .abw-err{color:var(--s-error);font-weight:700;font-variant-numeric:tabular-nums}.canvas-frame .prob-pill,.preview-frame .prob-pill,.flow-screen-mini .prob-pill{display:inline-block;padding:.1875rem .5rem;background:var(--s-error-bg);color:var(--s-error);border-radius:.1875rem;font-size:.75rem;font-weight:600}.canvas-frame .tausch-yes,.preview-frame .tausch-yes,.flow-screen-mini .tausch-yes{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--s-success-bg);color:var(--s-success);border-radius:.1875rem;font-size:.75rem;font-weight:600}.canvas-frame .tausch-no,.preview-frame .tausch-no,.flow-screen-mini .tausch-no{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--surface-alt);color:var(--text-sub);border-radius:.1875rem;font-size:.75rem;font-weight:600;border:1px solid var(--divider)}.canvas-frame .tausch-na,.preview-frame .tausch-na,.flow-screen-mini .tausch-na{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--surface-alt);color:var(--text-muted);border-radius:.1875rem;font-size:.75rem;font-weight:500;border:1px dashed var(--border)}.canvas-frame .entl-grid,.preview-frame .entl-grid,.flow-screen-mini .entl-grid{padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.canvas-frame .entl-label,.preview-frame .entl-label,.flow-screen-mini .entl-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem}.canvas-frame .entl-val,.preview-frame .entl-val,.flow-screen-mini .entl-val{font-size:1rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.canvas-frame .entl-val .rating-chip,.preview-frame .entl-val .rating-chip,.flow-screen-mini .entl-val .rating-chip{display:inline-block;padding:.125rem .5rem;border-radius:.1875rem;font-size:.75rem;font-weight:700;letter-spacing:.04em}.canvas-frame .entl-val .r1,.preview-frame .entl-val .r1,.flow-screen-mini .entl-val .r1{background:var(--s-success-bg);color:var(--s-success)}.canvas-frame .entl-val .r2,.preview-frame .entl-val .r2,.flow-screen-mini .entl-val .r2{background:#fef3c7;color:#92400e}.canvas-frame .entl-val .r3,.preview-frame .entl-val .r3,.flow-screen-mini .entl-val .r3{background:var(--s-warning-bg);color:var(--s-warning)}.canvas-frame .entl-val .r4,.preview-frame .entl-val .r4,.flow-screen-mini .entl-val .r4{background:var(--s-error-bg);color:var(--s-error)}.canvas-frame .ab-summary,.preview-frame .ab-summary,.flow-screen-mini .ab-summary{font-size:.8125rem;color:var(--text-sub);display:flex;align-items:center;gap:.5rem}.canvas-frame .ab-summary strong,.preview-frame .ab-summary strong,.flow-screen-mini .ab-summary strong{color:var(--text);font-weight:700}.canvas-frame .notify-bd,.preview-frame .notify-bd,.flow-screen-mini .notify-bd{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;display:none;align-items:center;justify-content:center;z-index:900;padding:2rem}.canvas-frame .ctx-bar,.preview-frame .ctx-bar,.flow-screen-mini .ctx-bar{background:var(--surface);border-bottom:1px solid var(--divider);height:4rem;padding:0 1.5rem 0 .5rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}.canvas-frame .info-strips,.preview-frame .info-strips,.flow-screen-mini .info-strips{display:flex;flex-direction:column;gap:.375rem;padding:.625rem 2rem 0;max-width:1280px;margin:0 auto;width:100%;flex-shrink:0}.canvas-frame .info-strip,.preview-frame .info-strip,.flow-screen-mini .info-strip{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:.25rem;font-size:.8125rem;border:1px solid transparent;line-height:1.4}.canvas-frame .info-strip.desadv-yes,.preview-frame .info-strip.desadv-yes,.flow-screen-mini .info-strip.desadv-yes{background:var(--s-success-bg);border-color:var(--s-success-br);color:var(--s-success)}.canvas-frame .info-strip.desadv-no,.preview-frame .info-strip.desadv-no,.flow-screen-mini .info-strip.desadv-no{background:var(--surface-alt);border-color:var(--border);color:var(--text-sub)}.canvas-frame .info-strip.vermess,.preview-frame .info-strip.vermess,.flow-screen-mini .info-strip.vermess{background:var(--s-warning-bg);border-color:var(--s-warning-br);color:var(--s-warning)}.canvas-frame .info-strip-icon,.preview-frame .info-strip-icon,.flow-screen-mini .info-strip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.canvas-frame .info-strip-title,.preview-frame .info-strip-title,.flow-screen-mini .info-strip-title{font-weight:700;margin-right:.25rem}.canvas-frame .info-strip-text,.preview-frame .info-strip-text,.flow-screen-mini .info-strip-text{color:var(--text);flex:1}.canvas-frame .info-strip-text b,.preview-frame .info-strip-text b,.flow-screen-mini .info-strip-text b{color:inherit;font-weight:600}.canvas-frame .info-strip.vermess .info-strip-text,.preview-frame .info-strip.vermess .info-strip-text,.flow-screen-mini .info-strip.vermess .info-strip-text{color:var(--text)}.canvas-frame .vermess-arts,.preview-frame .vermess-arts,.flow-screen-mini .vermess-arts{display:inline-flex;gap:.3125rem;margin-left:.375rem;flex-wrap:wrap}.canvas-frame .vermess-art-chip,.preview-frame .vermess-art-chip,.flow-screen-mini .vermess-art-chip{background:#fff;border:1px solid var(--s-warning-br);border-radius:.1875rem;padding:.0625rem .4375rem;font-size:.75rem;font-weight:600;color:var(--text);white-space:nowrap}.canvas-frame .section,.preview-frame .section,.flow-screen-mini .section{margin-bottom:2rem}.canvas-frame .section:last-child,.preview-frame .section:last-child,.flow-screen-mini .section:last-child{margin-bottom:0}.canvas-frame .section-title .req-dot,.preview-frame .section-title .req-dot,.flow-screen-mini .section-title .req-dot{color:var(--s-error);font-size:1rem;line-height:0}.canvas-frame .field,.preview-frame .field,.flow-screen-mini .field{margin-bottom:1rem}.canvas-frame .field:last-child,.preview-frame .field:last-child,.flow-screen-mini .field:last-child{margin-bottom:0}.canvas-frame .rating-grid,.preview-frame .rating-grid,.flow-screen-mini .rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}.canvas-frame .rating-btn,.preview-frame .rating-btn,.flow-screen-mini .rating-btn{height:3.25rem;padding:0 .5rem;border:1.5px solid var(--border);border-radius:.25rem;background:#fff;color:var(--text-sub);font-size:.8125rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;line-height:1.15}.canvas-frame .rating-btn:hover,.preview-frame .rating-btn:hover,.flow-screen-mini .rating-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.canvas-frame .rating-btn .num,.preview-frame .rating-btn .num,.flow-screen-mini .rating-btn .num{font-size:.6875rem;color:var(--text-muted);font-weight:500}.canvas-frame .rating-btn.active,.preview-frame .rating-btn.active,.flow-screen-mini .rating-btn.active{color:#fff}.canvas-frame .rating-btn.active .num,.preview-frame .rating-btn.active .num,.flow-screen-mini .rating-btn.active .num{color:#fffc}.canvas-frame .rating-btn[data-v="1"].active,.preview-frame .rating-btn[data-v="1"].active,.flow-screen-mini .rating-btn[data-v="1"].active{background:var(--s-success);border-color:var(--s-success)}.canvas-frame .rating-btn[data-v="2"].active,.preview-frame .rating-btn[data-v="2"].active,.flow-screen-mini .rating-btn[data-v="2"].active{background:#c9a014;border-color:#c9a014}.canvas-frame .rating-btn[data-v="3"].active,.preview-frame .rating-btn[data-v="3"].active,.flow-screen-mini .rating-btn[data-v="3"].active{background:var(--s-warning);border-color:var(--s-warning)}.canvas-frame .rating-btn[data-v="4"].active,.preview-frame .rating-btn[data-v="4"].active,.flow-screen-mini .rating-btn[data-v="4"].active{background:var(--s-error);border-color:var(--s-error)}.canvas-frame .check-list,.preview-frame .check-list,.flow-screen-mini .check-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.canvas-frame .check-item,.preview-frame .check-item,.flow-screen-mini .check-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border:1px solid var(--border);border-radius:.25rem;background:#fff;cursor:pointer;font-size:.875rem;color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-frame .check-item:hover,.preview-frame .check-item:hover,.flow-screen-mini .check-item:hover{background:var(--surface-hover)}.canvas-frame .check-item.on,.preview-frame .check-item.on,.flow-screen-mini .check-item.on{background:var(--s-error-bg);border-color:var(--s-error-br);color:var(--s-error);font-weight:600}.canvas-frame .check-box,.preview-frame .check-box,.flow-screen-mini .check-box{width:1.125rem;height:1.125rem;border:1.5px solid var(--border-strong);border-radius:.1875rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff}.canvas-frame .check-item.on .check-box,.preview-frame .check-item.on .check-box,.flow-screen-mini .check-item.on .check-box{background:var(--s-error);border-color:var(--s-error)}.canvas-frame .check-item.on .check-box:after,.preview-frame .check-item.on .check-box:after,.flow-screen-mini .check-item.on .check-box:after{content:"";width:.3125rem;height:.625rem;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg) translate(-.0625rem,-.0625rem)}.canvas-frame .temp-block,.preview-frame .temp-block,.flow-screen-mini .temp-block{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.875rem 1rem;background:var(--surface-alt);border-radius:.25rem;border:1px solid var(--divider)}.canvas-frame .temp-soll,.preview-frame .temp-soll,.flow-screen-mini .temp-soll{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.canvas-frame .temp-soll b,.preview-frame .temp-soll b,.flow-screen-mini .temp-soll b{display:block;font-size:1.125rem;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;margin-top:.125rem}.canvas-frame .temp-input-wrap,.preview-frame .temp-input-wrap,.flow-screen-mini .temp-input-wrap{display:flex;align-items:center;gap:.375rem;justify-content:center}.canvas-frame .temp-input,.preview-frame .temp-input,.flow-screen-mini .temp-input{width:7rem;height:3rem;border:2px solid var(--btn-primary);border-radius:.25rem;background:#fff;font-size:1.5rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;text-align:center;outline:none;cursor:pointer}.canvas-frame .temp-input:hover,.preview-frame .temp-input:hover,.flow-screen-mini .temp-input:hover{background:#f7fbff}.canvas-frame .temp-unit,.preview-frame .temp-unit,.flow-screen-mini .temp-unit{font-size:1.125rem;font-weight:600;color:var(--text-sub)}.canvas-frame .temp-status,.preview-frame .temp-status,.flow-screen-mini .temp-status{padding:.375rem .625rem;border-radius:.1875rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.canvas-frame .temp-status.ok,.preview-frame .temp-status.ok,.flow-screen-mini .temp-status.ok{background:var(--s-success-bg);color:var(--s-success)}.canvas-frame .temp-status.warn,.preview-frame .temp-status.warn,.flow-screen-mini .temp-status.warn{background:var(--s-warning-bg);color:var(--s-warning)}.canvas-frame .temp-status.error,.preview-frame .temp-status.error,.flow-screen-mini .temp-status.error{background:var(--s-error-bg);color:var(--s-error)}.canvas-frame .input-wrap,.preview-frame .input-wrap,.flow-screen-mini .input-wrap{position:relative}.canvas-frame .input-text,.preview-frame .input-text,.flow-screen-mini .input-text{width:100%;height:2.75rem;border:1px solid var(--border);border-radius:.25rem;padding:0 2.75rem 0 .75rem;font-size:.9375rem;color:var(--text);background:#fff;outline:none;font-variant-numeric:tabular-nums}.canvas-frame .input-text:focus,.preview-frame .input-text:focus,.flow-screen-mini .input-text:focus{border-color:var(--btn-primary);box-shadow:0 0 0 3px var(--s-info-bg)}.canvas-frame .input-text::-moz-placeholder,.preview-frame .input-text::-moz-placeholder,.flow-screen-mini .input-text::-moz-placeholder{color:var(--text-muted);font-style:italic}.canvas-frame .input-text::placeholder,.preview-frame .input-text::placeholder,.flow-screen-mini .input-text::placeholder{color:var(--text-muted);font-style:italic}.canvas-frame .scan-ic,.preview-frame .scan-ic,.flow-screen-mini .scan-ic{position:absolute;right:.3125rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:var(--s-info-bg);color:var(--btn-primary);border-radius:.1875rem;display:flex;align-items:center;justify-content:center}.canvas-frame .field-note,.preview-frame .field-note,.flow-screen-mini .field-note{font-size:.75rem;color:var(--text-muted);margin-top:.375rem;display:flex;align-items:center;gap:.375rem;min-height:1rem}.canvas-frame .field-note.warn,.preview-frame .field-note.warn,.flow-screen-mini .field-note.warn{color:var(--s-warning)}.canvas-frame .field-note.warn:before,.preview-frame .field-note.warn:before,.flow-screen-mini .field-note.warn:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--s-warning)}.canvas-frame .lt-table,.preview-frame .lt-table,.flow-screen-mini .lt-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:.25rem;overflow:hidden}.canvas-frame .lt-table thead th,.preview-frame .lt-table thead th,.flow-screen-mini .lt-table thead th{text-align:left;padding:.625rem .75rem;background:var(--surface-alt);border-bottom:1px solid var(--border);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-sub);white-space:nowrap}.canvas-frame .lt-table thead th.num,.preview-frame .lt-table thead th.num,.flow-screen-mini .lt-table thead th.num{text-align:center}.canvas-frame .lt-table tbody tr,.preview-frame .lt-table tbody tr,.flow-screen-mini .lt-table tbody tr{border-bottom:1px solid var(--divider)}.canvas-frame .lt-table tbody tr:last-child,.preview-frame .lt-table tbody tr:last-child,.flow-screen-mini .lt-table tbody tr:last-child{border-bottom:none}.canvas-frame .lt-table tbody td,.preview-frame .lt-table tbody td,.flow-screen-mini .lt-table tbody td{padding:.5rem .75rem;vertical-align:middle}.canvas-frame .lt-row-name,.preview-frame .lt-row-name,.flow-screen-mini .lt-row-name{font-size:.875rem;color:var(--text);font-weight:500}.canvas-frame .lt-row-cat,.preview-frame .lt-row-cat,.flow-screen-mini .lt-row-cat{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:.0625rem}.canvas-frame .lt-tauschbar,.preview-frame .lt-tauschbar,.flow-screen-mini .lt-tauschbar{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:.1875rem;font-size:.6875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.canvas-frame .lt-tauschbar.yes,.preview-frame .lt-tauschbar.yes,.flow-screen-mini .lt-tauschbar.yes{background:var(--s-info-bg);color:var(--s-info)}.canvas-frame .lt-tauschbar.no,.preview-frame .lt-tauschbar.no,.flow-screen-mini .lt-tauschbar.no{background:var(--surface-alt);color:var(--text-muted)}.canvas-frame .lt-count,.preview-frame .lt-count,.flow-screen-mini .lt-count{display:inline-flex;align-items:center;gap:.25rem}.canvas-frame .lt-cbtn,.preview-frame .lt-cbtn,.flow-screen-mini .lt-cbtn{width:2rem;height:2rem;border:1px solid var(--border);border-radius:.1875rem;background:var(--surface-alt);font-size:1rem;font-weight:600;color:var(--text)}.canvas-frame .lt-cbtn:hover,.preview-frame .lt-cbtn:hover,.flow-screen-mini .lt-cbtn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.canvas-frame .lt-cinput,.preview-frame .lt-cinput,.flow-screen-mini .lt-cinput{width:4rem;height:2rem;border:1px solid var(--border);border-radius:.1875rem;text-align:center;font-size:.9375rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;background:#fff;outline:none;cursor:pointer}.canvas-frame .lt-cinput:hover,.preview-frame .lt-cinput:hover,.flow-screen-mini .lt-cinput:hover{background:#f7fbff;border-color:var(--btn-primary)}.canvas-frame .toggle-row,.preview-frame .toggle-row,.flow-screen-mini .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;margin-top:.5rem}.canvas-frame .toggle-label,.preview-frame .toggle-label,.flow-screen-mini .toggle-label{font-size:.875rem;color:var(--text);font-weight:500}.canvas-frame .toggle,.preview-frame .toggle,.flow-screen-mini .toggle{width:2.75rem;height:1.5rem;background:var(--border);border-radius:.75rem;position:relative;cursor:pointer;transition:background .15s}.canvas-frame .toggle:after,.preview-frame .toggle:after,.flow-screen-mini .toggle:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #0003}.canvas-frame .toggle.on,.preview-frame .toggle.on,.flow-screen-mini .toggle.on{background:var(--btn-primary)}.canvas-frame .toggle.on:after,.preview-frame .toggle.on:after,.flow-screen-mini .toggle.on:after{transform:translate(1.25rem)}.canvas-frame .btn-success:disabled,.preview-frame .btn-success:disabled,.flow-screen-mini .btn-success:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed}.canvas-frame .ab-summary.ready,.preview-frame .ab-summary.ready,.flow-screen-mini .ab-summary.ready{color:var(--s-success);font-weight:600}.canvas-frame .ab-summary.ready:before,.preview-frame .ab-summary.ready:before,.flow-screen-mini .ab-summary.ready:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--s-success)}.canvas-frame .ab-summary.incomplete:before,.preview-frame .ab-summary.incomplete:before,.flow-screen-mini .ab-summary.incomplete:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--s-warning)}.canvas-frame .modal-bd,.preview-frame .modal-bd,.flow-screen-mini .modal-bd{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:500;padding:2rem}.canvas-frame .btn-danger-s:hover,.preview-frame .btn-danger-s:hover,.flow-screen-mini .btn-danger-s:hover{background:var(--btn-danger-h);border-color:var(--btn-danger-h)}.canvas-frame .tausch-row,.preview-frame .tausch-row,.flow-screen-mini .tausch-row{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--divider)}.canvas-frame .tausch-row:last-child,.preview-frame .tausch-row:last-child,.flow-screen-mini .tausch-row:last-child{border-bottom:none}.canvas-frame .tausch-name,.preview-frame .tausch-name,.flow-screen-mini .tausch-name{font-size:1rem;font-weight:600;color:var(--text)}.canvas-frame .tausch-name small,.preview-frame .tausch-name small,.flow-screen-mini .tausch-name small{display:block;font-size:.75rem;color:var(--text-muted);font-weight:400;margin-top:.125rem}.canvas-frame .tausch-count,.preview-frame .tausch-count,.flow-screen-mini .tausch-count{background:var(--surface-alt);border:1px solid var(--divider);border-radius:.25rem;padding:.375rem .625rem;font-size:.875rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-frame .yesno,.preview-frame .yesno,.flow-screen-mini .yesno{display:flex;gap:.25rem}.canvas-frame .yesno-btn,.preview-frame .yesno-btn,.flow-screen-mini .yesno-btn{height:2.5rem;min-width:3.5rem;border:1.5px solid var(--border);border-radius:.25rem;background:#fff;color:var(--text-sub);font-size:.9375rem;font-weight:700}.canvas-frame .yesno-btn.sel-ja,.preview-frame .yesno-btn.sel-ja,.flow-screen-mini .yesno-btn.sel-ja{background:var(--s-success);color:#fff;border-color:var(--s-success)}.canvas-frame .yesno-btn.sel-nein,.preview-frame .yesno-btn.sel-nein,.flow-screen-mini .yesno-btn.sel-nein{background:var(--s-error);color:#fff;border-color:var(--s-error)}.canvas-frame .reason-grid,.preview-frame .reason-grid,.flow-screen-mini .reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.canvas-frame .reason-btn,.preview-frame .reason-btn,.flow-screen-mini .reason-btn{padding:.75rem;border:1.5px solid var(--border);border-radius:.25rem;background:#fff;color:var(--text);text-align:left;font-size:.875rem;font-weight:500}.canvas-frame .reason-btn:hover,.preview-frame .reason-btn:hover,.flow-screen-mini .reason-btn:hover{background:var(--surface-hover)}.canvas-frame .reason-btn.sel,.preview-frame .reason-btn.sel,.flow-screen-mini .reason-btn.sel{background:var(--s-error-bg);border-color:var(--s-error);color:var(--s-error);font-weight:700}.canvas-frame .np-ok:hover,.preview-frame .np-ok:hover,.flow-screen-mini .np-ok:hover{background:var(--btn-success-h)}.canvas-frame .toast-layer,.preview-frame .toast-layer,.flow-screen-mini .toast-layer{position:fixed;bottom:6rem;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:700}.canvas-frame,.preview-frame{position:relative}.canvas-frame .modal-bd,.preview-frame .modal-bd{position:absolute!important}.canvas-frame .bld-el{position:relative;outline:1px dashed transparent;outline-offset:-1px;transition:outline-color .12s}.canvas-frame .bld-el:hover{outline-color:#0b5fd480}.canvas-frame .bld-el.is-selected{outline:2px solid #0b5fd4!important;outline-offset:-2px}.canvas-frame .el-tag{position:absolute;top:0;right:0;background:#0b5fd4e6;color:#fff;font-size:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;padding:2px 8px;border-bottom-left-radius:4px;display:none;align-items:center;gap:8px;z-index:999;pointer-events:auto;letter-spacing:.02em}.canvas-frame .bld-el:hover>.el-tag,.canvas-frame .bld-el.is-selected>.el-tag{display:inline-flex}.canvas-frame .el-tag .x{cursor:pointer;font-weight:700;opacity:.85}.canvas-frame .el-tag .x:hover{opacity:1}.canvas-frame .drop-hint{pointer-events:none;position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:2px dashed rgba(11,95,212,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0b5fd499;font-size:14px;font-weight:500}.canvas-frame.is-drag-over{outline:3px dashed #0b5fd4;outline-offset:-3px;background:#0b5fd40a}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}