@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--leading-relaxed:1.625;--radius-md:calc(var(--radius) * .8);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-s-1\/2{inset-inline-start:50%}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.top-0{top:0}.top-1\/2\!{top:50%!important}.right-2\!{right:calc(var(--spacing) * 2)!important}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.left-3{left:calc(var(--spacing) * 3)}.left-auto\!{left:auto!important}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-8\!{width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.h-max{height:max-content}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-full{min-height:100%}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-\[80\%\]{max-width:80%}.max-w-full{max-width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\!{--tw-translate-x:0px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2\!{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none\!{transform:none!important}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-b{animation:1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-b{--scroll-fade-b:var(--_scroll-fade-size-b)}}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.scrollbar-gutter-stable{scrollbar-gutter:stable}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-6{gap:calc(var(--spacing) * 6)}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-md\!{border-radius:calc(var(--radius) * .8)!important}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border{border-color:var(--border)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-transparent\!{background-color:#0000!important}.bg-clip-padding{background-clip:padding-box}.fill-foreground{fill:var(--foreground)}.p-2{padding:calc(var(--spacing) * 2)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.tab-1{tab-size:1}.tab-2{tab-size:2}.text-background{color:var(--background)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-muted-foreground\!{color:var(--muted-foreground)!important}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab, var(--sidebar-foreground) 70%, transparent)}}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-card{--tw-ring-color:var(--card)}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,scale\,opacity\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.contain-content{contain:content}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\!paused{animation-play-state:paused!important}.\!running{animation-play-state:running!important}.\[contain-intrinsic-size\:auto_10rem\]{contain-intrinsic-size:auto 10rem}.\[content-visibility\:auto\]{content-visibility:auto}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){padding-inline:0}.group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){align-self:flex-end}.group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){justify-content:flex-end}.group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){align-self:flex-end}.group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant=separator] *){flex:none}.group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant=separator] *){text-align:center}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\:mr-1:before{content:var(--tw-content);margin-right:var(--spacing)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:min-w-0:before{content:var(--tw-content);min-width:0}.before\:flex-1:before{content:var(--tw-content);flex:1}.before\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:ml-1:after{content:var(--tw-content);margin-left:var(--spacing)}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:min-w-0:after{content:var(--tw-content);min-width:0}.after\:flex-1:after{content:var(--tw-content);flex:1}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-muted\!:hover{background-color:var(--muted)!important}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-foreground\!:hover{color:var(--foreground)!important}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-2\!:focus-visible{outline-style:var(--tw-outline-style)!important;outline-width:2px!important}.focus-visible\:outline-offset-2\!:focus-visible{outline-offset:2px!important}.focus-visible\:outline-ring\!:focus-visible{outline-color:var(--ring)!important}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\[data-close-button\]\]\:pr-14\!:has([data-close-button]){padding-right:calc(var(--spacing) * 14)!important}.has-\[button\]\:p-0:has(:is(button)){padding:0}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-autoscrolling\:scrollbar-thumb-transparent[data-autoscrolling]{--tw-scrollbar-thumb:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.data-autoscrolling\:scrollbar-track-transparent[data-autoscrolling]{--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.data-pending-scroll\:invisible[data-pending-scroll]{visibility:hidden}:is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\[active\=false\]\:pointer-events-none[data-active=false]{pointer-events:none}.data-\[active\=false\]\:scale-95[data-active=false]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=false\]\:opacity-0[data-active=false]{opacity:0}.data-\[active\=false\]\:duration-400[data-active=false]{--tw-duration:.4s;transition-duration:.4s}.data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active=false]{--tw-ease:cubic-bezier(.7,0,.84,0);transition-timing-function:cubic-bezier(.7,0,.84,0)}.data-\[active\=true\]\:translate-y-0[data-active=true]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[active\=true\]\:scale-100[data-active=true]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=true\]\:opacity-100[data-active=true]{opacity:1}.data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active=true]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.data-\[align\=end\]\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\[align\=end\]\:self-end[data-align=end]{align-self:flex-end}.data-\[direction\=end\]\:bottom-4[data-direction=end]{bottom:calc(var(--spacing) * 4)}.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction=end][data-active=false]{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[direction\=start\]\:top-4[data-direction=start]{top:calc(var(--spacing) * 4)}.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction=start][data-active=false]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:var(--spacing)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--spacing) * -1)}.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--spacing) * -1)}.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing) * -1)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing) * -1)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing) * -2.5)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}:is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}:is(.\*\:data-\[slot\=bubble-content\]\:border-border>*)[data-slot=bubble-content]{border-color:var(--border)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-background>*)[data-slot=bubble-content]{background-color:var(--background)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}:is(.\*\:data-\[slot\=bubble-content\]\:bg-muted>*)[data-slot=bubble-content]{background-color:var(--muted)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-primary>*)[data-slot=bubble-content]{background-color:var(--primary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary>*)[data-slot=bubble-content]{background-color:var(--secondary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}:is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{padding:0}:is(.\*\:data-\[slot\=bubble-content\]\:text-destructive>*)[data-slot=bubble-content]{color:var(--destructive)}:is(.\*\:data-\[slot\=bubble-content\]\:text-foreground>*)[data-slot=bubble-content]{color:var(--foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground>*)[data-slot=bubble-content]{color:var(--primary-foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground>*)[data-slot=bubble-content]{color:var(--secondary-foreground)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius) * .6)}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}.data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{max-width:100%}.rtl\:translate-x-1\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.dark\:border-input:where([data-theme=dark],[data-theme=dark] *){border-color:var(--input)}.dark\:bg-destructive\/20:where([data-theme=dark],[data-theme=dark] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:where([data-theme=dark],[data-theme=dark] *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:where([data-theme=dark],[data-theme=dark] *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:where([data-theme=dark],[data-theme=dark] *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where([data-theme=dark],[data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:where([data-theme=dark],[data-theme=dark] *)>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:where([data-theme=dark],[data-theme=dark] *)>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:where([data-theme=dark],[data-theme=dark] *)>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}@media (hover:hover){:is(.data-open\:hover\:bg-sidebar-accent:where([data-state=open]),.data-open\:hover\:bg-sidebar-accent:where([data-open]:not([data-open=false]))):hover{background-color:var(--sidebar-accent)}:is(.data-open\:hover\:text-sidebar-accent-foreground:where([data-state=open]),.data-open\:hover\:text-sidebar-accent-foreground:where([data-open]:not([data-open=false]))):hover{color:var(--sidebar-accent-foreground)}}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-active\:bg-sidebar-accent:where([data-state=active]),.data-active\:bg-sidebar-accent:where([data-active]:not([data-active=false])){background-color:var(--sidebar-accent)}.data-active\:font-medium:where([data-state=active]),.data-active\:font-medium:where([data-active]:not([data-active=false])){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-active\:text-sidebar-accent-foreground:where([data-state=active]),.data-active\:text-sidebar-accent-foreground:where([data-active]:not([data-active=false])){color:var(--sidebar-accent-foreground)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction=start] svg{rotate:180deg}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[a\]\:underline:is(a){text-decoration-line:underline}.\[a\]\:underline-offset-3:is(a){text-underline-offset:3px}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.\[a\]\:hover\:text-foreground:is(a):hover,:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}.\[button\]\:text-left:is(button){text-align:left}.\[button\,a\]\:transition-colors:is(button,a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[button\,a\]\:outline-none:is(button,a){--tw-outline-style:none;outline-style:none}.\[button\,a\]\:focus-visible\:border-ring:is(button,a):focus-visible{border-color:var(--ring)}.\[button\,a\]\:focus-visible\:ring-3:is(button,a):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.\[data-autoplay-control-id\=\"stitch-chain\"\]\:visible:is(){visibility:visible}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{color:var(--foreground)}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]:where([data-theme=dark],[data-theme=dark] *)>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:where([data-theme=dark],[data-theme=dark] *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:where([data-theme=dark],[data-theme=dark] *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:where([data-theme=dark],[data-theme=dark] *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:where([data-theme=dark],[data-theme=dark] *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:where([data-theme=dark],[data-theme=dark] *)>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:where([data-theme=dark],[data-theme=dark] *)>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.\[\&\>span\]\:min-w-0>span{min-width:0}.\[\&\>span\]\:truncate>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--ui-context-menu-background:var(--popover);--ui-context-menu-border:var(--border);--ui-context-menu-danger-background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:root{--ui-context-menu-danger-background:color-mix(in oklab, var(--destructive) 12%, transparent)}}:root{--ui-context-menu-danger-text:var(--destructive);--ui-context-menu-divider:var(--border);--ui-context-menu-ease-out:cubic-bezier(.23, 1, .32, 1);--ui-context-menu-hover:var(--muted);--ui-context-menu-muted-text:var(--muted-foreground);--ui-context-menu-text:var(--popover-foreground);--ui-context-menu-text-secondary:var(--muted-foreground)}:root[data-theme=dark]{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.uiContextMenuContent{z-index:100;border:1px solid var(--ui-context-menu-border);background:var(--ui-context-menu-background);min-width:216px;color:var(--ui-context-menu-text);transform-origin:var(--radix-context-menu-content-transform-origin);will-change:opacity, transform;border-radius:11px;padding:6px;overflow:hidden;box-shadow:0 10px 28px #0000001f,0 2px 8px #00000014}.uiContextMenuContent[data-state=open]{animation:ui-context-menu-in .12s var(--ui-context-menu-ease-out)}.uiContextMenuItem{min-height:30px;color:var(--ui-context-menu-text-secondary);cursor:default;-webkit-user-select:none;user-select:none;border-radius:5px;outline:none;align-items:center;gap:12px;padding:0 10px;font-size:12px;line-height:1;display:flex;position:relative}.uiContextMenuItem:has(.uiContextMenuDisabledReason){flex-wrap:wrap;align-content:center;row-gap:2px;min-height:42px;padding-block:5px}.uiContextMenuDisabledReason{color:var(--ui-context-menu-muted-text);flex-basis:100%;font-size:10px;line-height:1.25}.uiContextMenuItem[data-inset]{padding-left:10px}.uiContextMenuItem[data-highlighted]{background:var(--ui-context-menu-hover);color:var(--ui-context-menu-text)}.uiContextMenuItem[data-disabled]{opacity:.38;pointer-events:none}.uiContextMenuItem[data-variant=destructive]{color:var(--ui-context-menu-danger-text)}.uiContextMenuItem[data-variant=destructive][data-highlighted]{background:var(--ui-context-menu-danger-background)}.uiContextMenuIndicator{color:var(--ui-context-menu-muted-text);order:1;margin-left:auto;font-size:10px;line-height:1}.uiContextMenuSubChevron{color:var(--ui-context-menu-muted-text);margin-left:auto;position:static!important}.uiContextMenuLabel{color:var(--ui-context-menu-muted-text);padding:6px 10px 4px;font-size:10px;font-weight:600;line-height:1.2}.uiContextMenuLabel[data-inset]{padding-left:10px}.uiContextMenuSeparator{background:var(--ui-context-menu-divider);height:1px;margin:5px 4px}.uiContextMenuShortcut{color:var(--ui-context-menu-muted-text);margin-left:auto;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}@keyframes ui-context-menu-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.uiContextMenuContent[data-state=open]{animation:none}}.iconButton{width:44px;height:44px;color:var(--ui-icon-button-text,currentColor);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.iconButton.is-active,.iconButton[aria-pressed=true]{border-color:var(--ui-icon-button-active-border,currentColor);background:var(--ui-icon-button-active-background,transparent);color:var(--ui-icon-button-active-text,currentColor)}.iconButton:disabled{cursor:default;opacity:.32}.inspectorHeader{justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.inspectorHeader>div{gap:5px;min-width:0;display:grid}.inspectorHeader strong{letter-spacing:-.015em;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:14px;font-weight:660;overflow:hidden}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b:var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-b:0px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--editor-background:#eee;--editor-canvas:#eee;--editor-chrome:#fff;--editor-chrome-strong:#f2f2f2;--editor-chrome-translucent:var(--editor-chrome);--editor-surface-raised-translucent:var(--editor-surface-raised);--editor-backdrop-filter:none;--editor-control:transparent;--editor-control-hover:#e8e8e8;--editor-control-active:#dedede;--editor-border:#dcdcdc;--editor-border-strong:#c8c8c8;--editor-divider:#e2e2e2;--editor-text:#222;--editor-text-secondary:#666;--editor-text-muted:#717171;--editor-accent:#222;--editor-accent-soft:#dedede;--editor-selection:#2f73c6;--editor-selection-soft:#2f73c629;--editor-guide:#2f73c6;--editor-guide-soft:#2f73c629;--editor-focus-ring:#525252;--editor-guide-detach:#b56d32;--editor-operation-marker-strong:#b56d32;--editor-tip-accent:#59697f;--editor-tip-active-fill:#cbd4df;--editor-tip-active-text:#2f3b4a;--editor-tip-neutral-text:var(--editor-text-secondary);--editor-tip-neutral-line:var(--editor-border-strong);--editor-tip-shadow:0 1px 1px #27344524;--editor-primary-action:#222;--editor-primary-action-hover:#3a3a3a;--editor-primary-action-text:#fafafa;--editor-success:#4d816d;--editor-warning:#a75b49;--editor-surface:#fcfcfc;--editor-surface-raised:#fcfcfc;--editor-surface-muted:#f4f4f4;--editor-surface-disabled:#f1f1f1;--editor-danger-surface:#f7eeeb;--editor-danger-text:#8a4b3b;--editor-danger-line:#8a4b3b61;--editor-sidebar-text-primary:#222;--editor-sidebar-text-secondary:#666;--editor-sidebar-text-muted:#717171;--editor-grid:#22222209;--editor-grid-strong:#2222220e;--editor-playback-overlay-text:#f9faf6;--editor-playback-overlay-text-muted:#f9faf6d1;--editor-playback-top-scrim:linear-gradient(to bottom, #1c1f2342, #1c1f2314, transparent);--editor-playback-bottom-scrim:linear-gradient(to top, #16181c7a, #16181c24, transparent);--editor-playback-control:#1416197a;--editor-playback-control-hover:#141619a8;--editor-playback-control-strong:#141619b8;--editor-playback-border:#f9faf638;--editor-playback-track:#f9faf657;--editor-playback-track-tick:#f9faf694;--editor-radius-large:18px;--editor-shadow:0 1px 4px #00000014;--editor-layer-development-version:110;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ui-context-menu-background:var(--editor-surface-raised);--ui-context-menu-border:var(--editor-border);--ui-context-menu-danger-background:var(--editor-danger-surface);--ui-context-menu-danger-text:var(--editor-danger-text);--ui-context-menu-divider:var(--editor-divider);--ui-context-menu-ease-out:var(--ease-out);--ui-context-menu-hover:var(--editor-control-hover);--ui-context-menu-muted-text:var(--editor-text-muted);--ui-context-menu-text:var(--editor-text);--ui-context-menu-text-secondary:var(--editor-text-secondary);font-family:var(--font-editor-body,"Geist"), "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;font-feature-settings:"kern" 1, "liga" 1, "calt" 1;font-kerning:normal;text-rendering:optimizelegibility}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--editor-background:#121212;--editor-canvas:#141414;--editor-chrome:#1c1c1c;--editor-chrome-strong:#242424;--editor-chrome-translucent:var(--editor-chrome);--editor-surface-raised-translucent:var(--editor-surface-raised);--editor-control-hover:#ffffff14;--editor-control-active:color-mix(in oklab, var(--editor-accent) 20%, #181818);--editor-border:#ffffff24;--editor-border-strong:#ffffff3d;--editor-divider:#ffffff1c;--editor-text:#f0f0f0;--editor-text-secondary:#bdbdbd;--editor-text-muted:#919191;--editor-accent:#f0f0f0;--editor-accent-soft:#303030;--editor-selection:#76a9e8;--editor-selection-soft:#76a9e833;--editor-guide:#76a9e8;--editor-guide-soft:#76a9e833;--editor-focus-ring:#bdbdbd;--editor-guide-detach:#e2a46d;--editor-tip-accent:#9badc4;--editor-tip-active-fill:#35445a;--editor-tip-active-text:#e5ebf2;--editor-tip-neutral-text:var(--editor-text-secondary);--editor-tip-neutral-line:var(--editor-border-strong);--editor-tip-shadow:0 1px 1px #00000052;--editor-primary-action:#f0f0f0;--editor-primary-action-hover:#d8d8d8;--editor-primary-action-text:#171717;--editor-success:#79ad96;--editor-warning:#dd8c79;--editor-surface:#202020;--editor-surface-raised:#252525;--editor-surface-muted:#fff1;--editor-surface-disabled:#ffffff0a;--editor-danger-surface:#dd8c7926;--editor-danger-text:var(--editor-warning);--editor-danger-line:#dd8c7959;--editor-sidebar-text-primary:#e8e8e8;--editor-sidebar-text-secondary:#b8b8b8;--editor-sidebar-text-muted:#909090;--editor-grid:#ffffff06;--editor-grid-strong:#ffffff0b;--editor-shadow:0 1px 4px #00000052}*{box-sizing:border-box}.visuallyHidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body{background:var(--editor-background);min-height:100%;margin:0}.canvasObjectChooser{z-index:100;border:1px solid var(--editor-border);background:var(--editor-surface-raised);width:min(238px,100vw - 16px);max-height:min(360px,100vh - 16px);color:var(--editor-text);transform:translate(var(--ui-popover-shift-x,0), var(--ui-popover-shift-y,0));border-radius:11px;padding:5px;position:fixed;overflow:auto;box-shadow:0 10px 28px #0000001f,0 2px 8px #00000014}.canvasObjectChooserTitle{color:var(--editor-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:6px 9px 4px;font-size:10px;font-weight:650}.canvasObjectChooserList{gap:2px;display:grid}.canvasObjectChooserItem{min-height:44px;color:var(--editor-text-secondary);font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:5px 8px 5px 6px;font-size:12px;line-height:1.2;display:grid}.canvasObjectChooserItem:is(:hover,:focus-visible,.is-active){border-color:color-mix(in srgb, var(--editor-operation-marker-strong) 32%, transparent);background:color-mix(in srgb, var(--editor-operation-marker-strong) 10%, var(--editor-surface-raised));color:var(--editor-text);outline:none}.canvasObjectChooserLocation{background:var(--editor-surface-muted);width:30px;height:30px;fill:var(--editor-text-muted);border-radius:6px}.canvasObjectChooserLocation .is-current{fill:var(--editor-operation-marker-strong);stroke:var(--editor-surface-raised);stroke-width:1.5px}.canvasObjectChooserGlyph{background:var(--editor-surface-muted);width:30px;height:30px;color:var(--editor-text-secondary);border-radius:6px;place-items:center;display:grid}.canvasObjectChooserItem.is-active .canvasObjectChooserGlyph{background:color-mix(in srgb, var(--editor-operation-marker-strong) 16%, var(--editor-surface-raised));color:var(--editor-operation-marker-strong)}.canvasObjectChooserGlyph svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:22px;height:22px}.canvasObjectChooserGlyphText{letter-spacing:-.02em;font-size:9px;font-weight:720}.canvasObjectChooserGlyph.is-yarn-path svg{stroke-dasharray:3 2}.canvasObjectChooserGlyph circle{fill:var(--editor-surface-raised)}.canvasObjectChooserCopy{gap:2px;min-width:0;display:grid}.canvasObjectChooserItemTitle,.canvasObjectChooserItemDetail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvasObjectChooserItemTitle{color:var(--editor-text);font-weight:590}.canvasObjectChooserItemDetail{color:var(--editor-text-muted);font-size:10px}body{min-width:320px;color:var(--editor-text);overflow:hidden}.developmentVersion{z-index:var(--editor-layer-development-version);font:9px/1.25 SFMono-Regular,Consolas,monospace;position:fixed;bottom:5px;left:7px}.developmentVersionBadge{background:color-mix(in srgb, var(--editor-surface) 88%, transparent);color:var(--editor-text-muted);font:inherit;letter-spacing:.01em;cursor:pointer;border:0;border-radius:5px;padding:2px 5px;display:block}.developmentVersionBadge[data-dirty=true]{color:var(--editor-warning)}.developmentVersionHistory{border:1px solid var(--editor-border);background:color-mix(in srgb, var(--editor-surface) 96%, transparent);width:min(460px,100vw - 14px);box-shadow:var(--editor-shadow);color:var(--editor-text);border-radius:8px;padding:9px 10px 10px;position:absolute;bottom:calc(100% + 6px);left:0}.developmentVersionHistory header{color:var(--editor-text-muted);font-family:var(--font-editor-body), sans-serif;margin-bottom:7px;font-size:11px;font-weight:600}.developmentVersionHistory ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.developmentVersionHistory li{grid-template-columns:58px minmax(0,1fr) max-content;align-items:baseline;gap:8px;display:grid}.developmentVersionHistory code{color:var(--editor-text-muted);font:inherit}.developmentVersionHistory time{color:var(--editor-text-muted);white-space:nowrap}.developmentVersionHistory span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button,select,textarea{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[data-stitch-id]:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:1px}html:not([data-focus-modality=keyboard]) :focus-visible{outline-color:#0000!important}.editorShell{isolation:isolate;background:var(--editor-canvas);width:100vw;height:100dvh;min-height:0;color:var(--editor-text);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.editorLoadingShell{background:var(--editor-canvas);color:var(--editor-text-secondary);justify-content:center;align-items:center;min-height:100dvh;display:flex}.editorLoadingShell p{margin:0;font-size:.875rem}.editorShell.is-playback>:not(.canvasPane,.playbackOverlay){display:none}.canvasPane{z-index:0;cursor:default;background-color:var(--editor-canvas);touch-action:none;position:absolute;inset:0;overflow:hidden}.editorShell.has-grid .canvasPane{background-image:linear-gradient(var(--editor-grid-strong) 1px, transparent 1px), linear-gradient(90deg, var(--editor-grid-strong) 1px, transparent 1px), linear-gradient(var(--editor-grid) 1px, transparent 1px), linear-gradient(90deg, var(--editor-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:120px 120px,120px 120px,24px 24px,24px 24px}.editorChartCanvas{z-index:1;pointer-events:none;display:block;position:absolute;inset:0}.editorChartInteractionCanvas{z-index:2}.editorShell.is-targeting .canvasPane{cursor:crosshair}.editorShell .canvasPane[data-space-pan=true]{cursor:grab}.editorShell .canvasPane[data-panning=true]{cursor:grabbing}.selectionMarquee{z-index:4;border:1px solid color-mix(in srgb, var(--editor-accent) 72%, white);background:color-mix(in srgb, var(--editor-accent) 12%, transparent);pointer-events:none;border-radius:4px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff8c}.svgTransform{z-index:3;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.canvasOperationMarkerLayer{z-index:4;pointer-events:none;position:absolute;inset:0}.svgTransform svg{max-width:none;color:var(--editor-text);pointer-events:none;display:block;overflow:visible}.nodeHitLayer{z-index:2;pointer-events:none;position:absolute;top:0;left:0}.nodeHitLayer:has(.canvasDirectManipulation,.canvasSelectionRotation){pointer-events:auto}.holeCandidateLayer{z-index:5;pointer-events:none;position:absolute;inset:0}.holeCandidateOutlines{pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.holeCandidateOutlines polygon{fill:color-mix(in srgb, var(--editor-accent) 7%, transparent);stroke:color-mix(in srgb, var(--editor-accent) 52%, transparent);stroke-linejoin:round;transition:fill .16s var(--ease-out), stroke .16s var(--ease-out)}.holeCandidateOutlines polygon.is-highlighted{fill:color-mix(in srgb, var(--editor-accent) 14%, transparent);stroke:var(--editor-accent)}.holeCandidateIssues line{stroke:var(--editor-warning);stroke-linecap:round}.holeCandidateButton{width:44px;height:44px;transform:translate(-50%, -50%) scale(var(--hole-candidate-inverse-scale));color:var(--editor-text);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.holeCandidateButton>span{border:1px solid color-mix(in srgb, var(--editor-accent) 72%, black);background:var(--editor-surface);width:26px;height:26px;color:color-mix(in srgb, var(--editor-accent) 78%, black);transition:background .16s var(--ease-out), transform .16s var(--ease-out);border-radius:50%;place-items:center;font-size:18px;font-weight:440;line-height:1;display:grid;box-shadow:0 3px 8px #5c311524}.holeCandidateButton:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.holeCandidateButton:is(:hover,:focus-visible)>span{background:color-mix(in srgb, var(--editor-accent) 12%, var(--editor-surface));transform:scale(1.08)}.editorShell:is(.is-hole-targeting,.is-picot-previewing)>:not(.canvasPane,.holeCandidatePrompt,.autosaveRecoveryBanner){pointer-events:none}.targetConnectionPreview{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.targetConnectionPreview line{stroke:var(--editor-accent);stroke-width:1.5px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.canvasDirectManipulation{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.canvasSelectionRotation{--selection-rotation-color:var(--editor-text-muted);z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.selectionRotationGuide{pointer-events:none;position:absolute;inset:0;overflow:visible}.selectionRotationGuide line{stroke:color-mix(in srgb, var(--selection-rotation-color) 40%, transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.selectionRotationGuide circle{fill:var(--editor-canvas);stroke:var(--selection-rotation-color);stroke-width:calc(2px * var(--selection-rotation-control-scale))}.selectionRotationHandle{width:calc(44px * var(--selection-rotation-control-scale));height:calc(44px * var(--selection-rotation-control-scale));transform:translate3d(var(--selection-rotation-handle-x), var(--selection-rotation-handle-y), 0) translate(-50%, -50%) rotate(var(--selection-rotation-counter-rotation));will-change:transform;color:var(--selection-rotation-color);cursor:grab;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.selectionRotationHandleBackground{fill:#0000;stroke:none}.canvasSelectionRotation.is-active{--selection-rotation-color:var(--editor-selection)}.canvasSelectionRotation:has(.selectionRotationHandle:hover){--selection-rotation-color:var(--editor-selection)}.canvasSelectionRotation:has(.selectionRotationHandle:focus-visible){--selection-rotation-color:var(--editor-selection)}.selectionRotationHandle:hover .selectionRotationHandleBackground,.selectionRotationHandle:focus-visible .selectionRotationHandleBackground,.canvasSelectionRotation.is-active .selectionRotationHandleBackground{fill:color-mix(in srgb, var(--editor-selection) 10%, var(--editor-canvas))}.selectionRotationHandle:active{cursor:grabbing}.selectionRotationHandle:focus-visible{outline:calc(2px * var(--selection-rotation-control-scale)) solid var(--editor-focus-ring);outline-offset:calc(2px * var(--selection-rotation-control-scale))}.selectionRotationHandleGraphic{z-index:1;width:calc(44px * var(--selection-rotation-control-scale));height:calc(44px * var(--selection-rotation-control-scale));pointer-events:none;display:block;position:relative}.canvasDirectManipulationGuides{position:absolute;inset:0}.canvasDirectManipulation .relationGuide{fill:none;stroke:color-mix(in srgb, var(--editor-accent) 58%, transparent);stroke-width:1.5px;opacity:0;pointer-events:none;vector-effect:non-scaling-stroke}.canvasDirectManipulation .relationGuideHit{fill:none;stroke:#0000;stroke-width:14px;cursor:grab;pointer-events:stroke;vector-effect:non-scaling-stroke}.canvasDirectManipulation .relationGuideHit:active{cursor:grabbing}.canvasConnectionHandles{pointer-events:none;position:absolute;inset:0}.connectionHandleLeaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connectionHandleLeaders line{stroke:color-mix(in srgb, var(--editor-accent) 35%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.connectionHandleLeaders line.is-active{stroke:var(--editor-accent)}.relationSelectionControl{width:calc(28px * var(--connection-control-scale));height:calc(28px * var(--connection-control-scale));pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.relationSelectionControl span{width:calc(10px * var(--connection-control-scale));height:calc(10px * var(--connection-control-scale));border:calc(1.5px * var(--connection-control-scale)) solid var(--editor-accent);background:var(--editor-canvas);pointer-events:none;border-radius:50%}.relationSelectionControl[aria-pressed=true]{cursor:grab}.relationSelectionControl[aria-pressed=true]:active{cursor:grabbing}.relationSelectionControl:hover span,.relationSelectionControl:focus-visible span,.relationSelectionControl[aria-pressed=true] span{background:var(--editor-accent)}.relationSelectionControl:focus-visible{outline:calc(2px * var(--connection-control-scale)) solid var(--editor-focus-ring);outline-offset:calc(-2px * var(--connection-control-scale))}.canvasDirectManipulation .relationGuide.is-target{stroke-dasharray:4 4}.canvasDirectManipulation .relationGuide.is-active{stroke:var(--editor-guide);stroke-width:2px;opacity:1}.canvasDirectManipulation .relationEndpoint{width:calc(32px * var(--direct-control-scale));height:calc(32px * var(--direct-control-scale));cursor:grab;pointer-events:auto;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:absolute;translate:-50% -50%}.canvasDirectManipulation .relationEndpointVisualHalo{fill:none;stroke:color-mix(in srgb, var(--editor-canvas) 78%, transparent);stroke-width:calc(2px * var(--direct-control-scale));pointer-events:none}.canvasDirectManipulation .relationEndpointVisual{fill:var(--editor-canvas);stroke:var(--editor-guide);stroke-width:calc(2px * var(--direct-control-scale));pointer-events:none}.canvasPane[data-canvas-drag-item-count]:not([data-canvas-drag-item-count="0"]) .canvasDirectManipulation :is(.relationEndpoint,.relationEndpointVisual,.relationEndpointVisualHalo){visibility:hidden;pointer-events:none}.canvasDirectManipulation .relationEndpointVisual.is-target{fill:color-mix(in srgb, var(--editor-accent) 18%, var(--editor-canvas))}.canvasDirectManipulation .relationCandidate{fill:color-mix(in srgb, var(--editor-canvas) 84%, transparent);stroke:color-mix(in srgb, var(--editor-accent) 46%, transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.canvasDirectManipulation .relationCandidate.is-active{fill:color-mix(in srgb, var(--editor-guide) 20%, var(--editor-canvas));stroke:var(--editor-guide);stroke-width:2px}.canvasDirectManipulation .relationEndpoint:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:-8px}.layoutGuideCanvasLayer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.layoutGuideStroke{fill:none;stroke:color-mix(in srgb, var(--editor-text-muted) 65%, transparent);stroke-width:1px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.layoutGuide.is-selected .layoutGuideStroke{stroke:var(--editor-guide);stroke-width:1.25px;stroke-dasharray:none}.layoutGuide:is(.is-attracting,.is-snapped) .layoutGuideStroke{stroke:var(--editor-guide);stroke-width:2px}.layoutGuide[data-guide-kind=circle]:is(.is-attracting,.is-snapped) .layoutGuideStroke{stroke-width:3px;stroke-dasharray:none;filter:drop-shadow(0 0 2px var(--editor-canvas)) drop-shadow(0 0 4px var(--editor-guide-soft))}.layoutGuide.is-snapped .layoutGuideStroke{stroke-dasharray:none;filter:drop-shadow(0 0 3px var(--editor-guide-soft))}.layoutGuide[data-guide-kind=circle].is-snapped .layoutGuideStroke{stroke-width:3.5px;filter:drop-shadow(0 0 2px var(--editor-canvas)) drop-shadow(0 0 5px var(--editor-guide-soft))}.layoutGuide.is-detaching .layoutGuideStroke{stroke:var(--editor-guide-detach);stroke-dasharray:3 4}.layoutGuideStroke.is-draft{opacity:.7;stroke-width:2px;stroke-dasharray:4 4}.layoutGuideHitStroke{fill:none;stroke:#0000;stroke-width:18px;cursor:move;pointer-events:stroke;vector-effect:non-scaling-stroke}.layoutGuideHitStroke:focus-visible{stroke:color-mix(in srgb, var(--editor-accent) 18%, transparent);outline:none}.layoutGuideCanvasLayer foreignObject{pointer-events:none;overflow:visible}.layoutGuideDirections line{stroke:color-mix(in srgb, var(--editor-guide) 72%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.layoutGuideHandle{cursor:move;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:100%;height:100%;padding:0;display:block;position:relative}.layoutGuideHandle:after{width:var(--guide-handle-size);height:var(--guide-handle-size);border:var(--guide-handle-border) solid var(--editor-guide);background:var(--editor-canvas);content:"";transition:transform .12s var(--ease-out), background .12s ease;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layoutGuideHandle.is-direction:after{border-radius:50%}.layoutGuideHandle.is-anchor.is-selected:after{background:var(--editor-guide)}@media (hover:hover) and (pointer:fine){.layoutGuideHandle:hover:after{background:var(--editor-guide-soft);transform:translate(-50%,-50%)scale(1.25)}}.layoutGuideHandle:active:after{background:var(--editor-guide);transform:translate(-50%,-50%)scale(.9)}.layoutGuideHandle:focus-visible{outline:var(--guide-handle-focus) solid var(--editor-focus-ring);outline-offset:var(--guide-handle-focus-offset)}.layoutGuideMagnet{pointer-events:none}.layoutGuideMagnetTether{stroke:color-mix(in srgb, var(--editor-guide) 70%, transparent);stroke-width:1.25px;vector-effect:non-scaling-stroke}.layoutGuideMagnetTarget{fill:var(--editor-guide-soft);stroke:var(--editor-guide);stroke-width:1.25px;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke}.layoutGuideMagnetCore{fill:var(--editor-guide)}.layoutGuideMagnet.is-snapped .layoutGuideMagnetTarget{animation:layoutGuideMagnetSnap .14s var(--ease-out)}.layoutGuideMagnet.is-detaching :is(.layoutGuideMagnetTether,.layoutGuideMagnetTarget){stroke:var(--editor-guide-detach);stroke-dasharray:3 3}.layoutGuideMagnet.is-detaching .layoutGuideMagnetCore{fill:var(--editor-guide-detach)}@keyframes layoutGuideMagnetSnap{0%{opacity:.35;transform:scale(.82)}}.layoutGuideToolIcon{width:18px;height:18px;display:block}.layoutGuideToolIcon.is-line{border-top:1.5px dashed;transform:translateY(5px)rotate(-28deg)}.layoutGuideToolIcon.is-circle{border:1.5px dashed;border-radius:50%}.layoutGuideToolIcon.is-square{border:1.5px dashed;border-radius:2px}.editorShell.is-guide-drawing .canvasPane,.editorShell.is-guide-drawing .canvasPane:active{cursor:crosshair}@media (prefers-reduced-motion:reduce){.layoutGuideHandle:after{transition:none}.layoutGuideMagnet.is-snapped .layoutGuideMagnetTarget{animation:none}}.editorShell:has(.autosaveRecoveryBanner) .startPatternLayer{pointer-events:none}.editorShell:has(.autosaveRecoveryBanner) .startPatternDialog{pointer-events:auto}.patternBoundaryMarker{z-index:3;width:0;height:0;transition:opacity .16s var(--ease-out), visibility 0s linear;pointer-events:none;position:absolute}.courseNumberMarker{z-index:2;pointer-events:none;width:0;height:0;position:absolute}.courseNumberMarkerArrow{transform-origin:0 6px;pointer-events:none;fill:none;stroke:var(--editor-text-secondary);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:-6px;left:0;overflow:visible}.courseNumberMarkerButton{width:max-content;min-width:44px;height:44px;color:var(--editor-text);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;margin:0;padding:0 4px;display:grid;position:absolute;translate:-50% -50%}.courseNumberMarkerLabel{white-space:nowrap;font:inherit;border-radius:4px;align-items:baseline;gap:3px;padding:4px;line-height:1;display:inline-flex}.courseNumberMarker[data-crowded=true] .courseNumberMarkerArrow{visibility:hidden}.courseNumberMarker[data-crowded=true] .courseNumberMarkerButton{width:12px;min-width:12px;height:12px;padding:0}.courseNumberMarkerLabel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.courseNumberMarker[data-crowded=true] .courseNumberMarkerLabel{visibility:hidden}.courseNumberMarker[data-crowded=true] .courseNumberMarkerButton:before{content:"";background:var(--editor-text-secondary);border-radius:50%;width:4px;height:4px}.courseNumberMarker[data-crowded=true]:focus-within,.courseNumberMarker[data-crowded=true]:hover{z-index:6}.courseNumberMarker[data-crowded=true] .courseNumberMarkerButton:is(:hover,:focus-visible) .courseNumberMarkerLabel{visibility:visible;background:var(--editor-surface-raised)}.courseNumberMarkerMode{color:var(--editor-text-secondary);font-size:11px;font-weight:400}.courseNumberMarkerNumber{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.courseNumberMarkerButton:is(:hover,:focus-visible,[aria-pressed=true]) .courseNumberMarkerLabel{background:var(--editor-tip-active-fill);outline:1px solid color-mix(in srgb, var(--editor-tip-accent) 58%, transparent)}.courseNumberMarkerButton:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px;border-radius:4px}.patternBoundaryMarker.is-start{z-index:1}.patternBoundaryMarker[data-end-state]{z-index:5}.patternBoundaryMarker.is-canvas-idle{visibility:hidden;opacity:0;transition:opacity .16s var(--ease-out), visibility 0s linear .16s}.patternBoundaryMarkerControls{--editor-boundary-marker-anchor-x:-50%;--editor-boundary-marker-origin-x:50%;--editor-boundary-marker-shift-x:0px;--editor-boundary-marker-shift-y:0px;width:max-content;transform:translate(calc(var(--editor-boundary-marker-anchor-x) + var(--editor-boundary-marker-shift-x)), calc(-100% - 8px - var(--editor-boundary-marker-shift-y)));color:var(--editor-tip-accent);justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.patternBoundaryMarkerGlyphs{width:max-content;height:18px;color:inherit;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.patternBoundaryMarkerGlyphs.is-interactive{cursor:pointer;pointer-events:auto}.patternBoundaryMarkerGlyphs.is-selection-routing{pointer-events:auto}.patternBoundaryMarkerGlyphs.is-interactive:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px;border-radius:999px}.patternBoundaryMarkerGlyphs.is-authoring-target{height:26px}.patternBoundaryMarkerGlyphs.is-authoring-target:focus-visible{outline-offset:0}.patternBoundaryMarkerGlyphs:after{top:calc(100% - 2px);left:calc(var(--editor-boundary-marker-origin-x) - var(--editor-boundary-marker-shift-x));background:var(--editor-tip-accent);content:"";pointer-events:none;width:1.5px;height:10px;position:absolute;transform:translate(-50%)}.patternBoundaryMarker[data-end-state=active] .patternBoundaryMarkerGlyphs{color:var(--editor-accent)}.patternBoundaryMarker[data-end-state=active] .patternBoundaryMarkerGlyphs:before{top:calc(100% + 6px);left:calc(var(--editor-boundary-marker-origin-x) - var(--editor-boundary-marker-shift-x));content:"";pointer-events:none;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.editorShell.is-all-canvas-items-selected .patternBoundaryMarker[data-end-state=active] .patternBoundaryMarkerGlyphs:before{animation:1.6s ease-in-out infinite active-frontier-tick}.patternBoundaryMarker.is-start .patternBoundaryMarkerGlyphs:after{background:var(--editor-tip-neutral-line)}.patternBoundaryMarkerTag{letter-spacing:.02em;height:18px;box-shadow:var(--editor-tip-shadow);white-space:nowrap;border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-weight:620;display:inline-flex}.patternBoundaryMarkerTag.is-start{border:1px solid var(--editor-tip-neutral-line);background:var(--editor-canvas);color:var(--editor-tip-neutral-text)}.patternBoundaryMarkerTag.is-next{border:1px solid var(--editor-tip-accent);background:var(--editor-tip-active-fill);color:var(--editor-tip-active-text)}.patternBoundaryMarker.is-emphasized .patternBoundaryMarkerTag.is-next{box-shadow:0 0 0 2px var(--editor-focus-ring), var(--editor-tip-shadow)}.patternBoundaryMarkerTag.is-authoring-target{border-color:var(--editor-tip-accent);letter-spacing:0;gap:5px;height:26px;padding:0 9px;font-size:11px;font-weight:650}.patternBoundaryMarker[data-end-state=active] .patternBoundaryMarkerTag.is-authoring-target{background:var(--editor-tip-active-fill);color:var(--editor-tip-active-text)}.patternBoundaryTargetIcon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;flex:none;width:14px;height:14px}.patternBoundaryTargetIcon .is-active{fill:currentColor;stroke:none}.patternBoundaryMarker[data-end-state=standby] .patternBoundaryMarkerTag.is-next{background:var(--editor-canvas);color:var(--editor-tip-accent)}.patternBoundaryMarker.is-finished .patternBoundaryMarkerControls{width:var(--finished-end-width,28px);height:var(--finished-end-height,28px);transform:translate(-50%,-50%)}.patternBoundaryMarker.is-finished .patternBoundaryMarkerGlyphs{border-radius:50%;width:100%;height:100%}.patternBoundaryMarker.is-finished .patternBoundaryMarkerGlyphs:after{display:none}.patternBoundaryFinishedLabel{border:1px solid var(--editor-tip-neutral-line);background:var(--editor-canvas);color:var(--editor-tip-neutral-text);white-space:nowrap;visibility:hidden;pointer-events:none;border-radius:5px;padding:3px 6px;font-size:11px;position:absolute;bottom:calc(100% + 4px);right:0}.patternBoundaryMarker.is-finished .patternBoundaryMarkerGlyphs:is(:hover,:focus-visible) .patternBoundaryFinishedLabel{visibility:visible}.patternBoundaryMarker.is-finished .patternBoundaryMarkerGlyphs[aria-expanded=true] .patternBoundaryFinishedLabel{visibility:hidden}.patternBoundaryMarker.is-finished.is-emphasized .patternBoundaryMarkerGlyphs{outline:2px solid var(--editor-focus-ring);outline-offset:3px}.patternBoundaryMarker.is-finished .patternBoundaryEndActions{width:max-content;position:absolute;top:100%;right:0}.patternBoundaryMarker:is(.is-continuation,.is-start-and-continuation){animation:frontier-marker-arrive .18s var(--ease-out)}.patternBoundaryMarker[data-vertical-placement=below] .patternBoundaryMarkerControls{transform:translate(calc(var(--editor-boundary-marker-anchor-x) + var(--editor-boundary-marker-shift-x)), calc(8px + var(--editor-boundary-marker-shift-y)))}.patternBoundaryMarker[data-vertical-placement=below] .patternBoundaryMarkerGlyphs:after{top:auto;bottom:calc(100% - 2px)}.patternBoundaryMarker[data-end-state=active][data-vertical-placement=below] .patternBoundaryMarkerGlyphs:before{top:auto;bottom:calc(100% + 3px)}.patternBoundaryMarker.is-working-tail .patternBoundaryMarkerControls{--editor-boundary-marker-anchor-x:calc(40px * var(--working-yarn-scale,1) - 14px);transform:translate(calc(40px * var(--working-yarn-scale,1) - 14px + var(--editor-boundary-marker-shift-x)), calc(-100% - (42px * var(--working-yarn-scale,1) - 14px) - var(--editor-boundary-marker-shift-y)))}.patternBoundaryMarker.is-working-tail[data-vertical-placement=below] .patternBoundaryMarkerControls{transform:translate(calc(40px * var(--working-yarn-scale,1) - 14px + var(--editor-boundary-marker-shift-x)), calc(42px * var(--working-yarn-scale,1) - 14px + var(--editor-boundary-marker-shift-y)))}.patternBoundaryMarker.is-working-tail .patternBoundaryMarkerGlyphs{flex:none;width:28px;height:28px}.patternBoundaryMarker.is-working-tail .patternBoundaryMarkerGlyphs:before,.patternBoundaryMarker.is-working-tail .patternBoundaryMarkerGlyphs:after{content:none}.patternBoundaryMarker.is-working-tail .patternBoundaryMarkerGlyphs.is-interactive:after{content:"";pointer-events:auto;background:0 0;width:auto;height:auto;inset:-8px;transform:none}.patternBoundaryMarker.is-working-tail .patternBoundaryMarkerGlyphs:focus-visible{outline-color:var(--editor-text-secondary);border-radius:6px}.patternBoundaryWorkingTail{fill:none;width:1px;height:1px;stroke:var(--editor-text-secondary);stroke-width:1.5px;stroke-linecap:round;pointer-events:none;position:absolute;overflow:visible}.patternBoundaryWorkingTail .patternBoundaryWorkingTailHit{stroke:#0000;stroke-width:24px;pointer-events:stroke;cursor:pointer}.canvasPane[data-space-pan=true] .patternBoundaryWorkingTailHit,.canvasPane[data-space-pan=true] .patternBoundaryMarker.is-working-tail .patternBoundaryMarkerGlyphs:after{pointer-events:none}.patternBoundaryMarker:is(.is-emphasized,:has(.patternBoundaryMarkerGlyphs:is(:hover,:focus-visible,[aria-expanded=true]))) .patternBoundaryWorkingTail{stroke:var(--editor-text);stroke-width:1.5px}@keyframes frontier-marker-arrive{0%{opacity:.45}}@keyframes active-frontier-tick{0%,to{opacity:1}50%{opacity:.42}}.svgTransform [data-stitch-id]{cursor:pointer;outline:none}.editorChrome{border:1px solid var(--editor-border);background:var(--editor-chrome-translucent);box-shadow:var(--editor-shadow);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter)}.pressable{transition:scale .13s var(--ease-out), background-color .13s ease, border-color .13s ease, color .13s ease, opacity .13s ease}.documentBar{z-index:20;border-radius:var(--editor-radius-large);align-items:center;gap:12px;min-width:min(520px,100vw - 390px);height:64px;padding:8px 9px 8px 12px;display:flex;position:absolute;top:18px;left:18px}.railDocumentHistory,.documentActions{border-left:1px solid var(--editor-divider);align-items:center;gap:2px;padding-left:6px;display:flex}.uiIcon{flex:none;display:block}.actionRail{z-index:15;border-radius:var(--editor-radius-large);width:244px;position:absolute;top:94px;left:18px;overflow:hidden}.stitchLibraryLayer{display:none}.actionButton{min-height:46px;color:var(--editor-text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:5px 6px 5px 5px;display:grid}.actionRail .actionButton:focus-visible,.actionRail .stitchActionGroup>summary:focus-visible{outline-offset:-2px}.actionButton:disabled,.actionButton[aria-disabled=true]{cursor:default;opacity:.4}.actionSymbol{border:1px solid var(--editor-border);background:var(--editor-chrome-strong);width:32px;height:32px;color:var(--editor-text);border-radius:9px;place-items:center;display:grid}.actionSymbol svg{width:23px;height:23px;display:block;overflow:visible}.actionSymbol>.lucide{width:18px;height:18px}.actionCopy{gap:2px;min-width:0;display:grid}.actionCopy strong{color:var(--editor-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.15;overflow:hidden}.actionShortCode{display:none}.actionCopy small{color:var(--editor-text-muted);font-size:10px;line-height:1.15}.actionButton>.uiIcon{opacity:.62;justify-self:center}.targetSelectionPrompt{z-index:23;color:#3b322b;background:#fffcf8f7;border-color:#b56d3257;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:min(430px,100vw - 590px);padding:8px 9px;display:grid;position:absolute;top:96px;left:50%;transform:translate(-50%)}.targetOverlapChooser{z-index:100;width:min(300px,100vw - 16px);max-height:min(360px,100vh - 16px);transform:translate(var(--ui-popover-shift-x,0), var(--ui-popover-shift-y,0));border:1px solid var(--editor-border);background:var(--editor-surface-raised);color:var(--editor-text);border-radius:11px;padding:6px;position:fixed;overflow:auto;box-shadow:0 10px 28px #0000001f,0 2px 8px #00000014}.targetOverlapChooserTitle{color:var(--editor-text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:7px 10px 5px;font-size:10px;font-weight:650}.targetOverlapChooserList{gap:2px;display:grid}.targetOverlapChooserItem{min-height:44px;color:var(--editor-text-secondary);font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.3}.targetOverlapChooserItem:hover{background:var(--editor-control-hover);color:var(--editor-text)}.targetOverlapChooserItem:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:-2px;background:var(--editor-control-hover);color:var(--editor-text)}.targetProgress{color:#8c4f21;background:#e1944c1f;border:1px solid #b56d3252;border-radius:12px;place-items:center;width:44px;height:44px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:720;display:grid}.targetPromptCopy{gap:3px;min-width:0;display:grid}.targetPromptCopy strong{color:inherit;letter-spacing:-.01em;font-size:12px;font-weight:680}.targetPromptCopy small{color:#74675d;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.targetCancel{border:1px solid var(--editor-border);background:var(--editor-surface);min-height:44px;color:var(--editor-text-secondary);cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:0 11px;font-size:10px;font-weight:650;display:inline-flex}.targetCancel kbd{color:var(--editor-text-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.selectionInspector{z-index:18;border-radius:var(--editor-radius-large);width:292px;max-height:calc(100dvh - 112px);padding:14px;position:absolute;top:18px;right:18px;overflow:auto}.layoutGuideInspector .inspectorBody{gap:16px;display:grid}.layoutGuideInspector .inspectorSection{gap:10px;display:grid}.inspectorActions{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.secondaryAction{border:1px solid var(--editor-border);background:var(--editor-control);min-height:44px;color:var(--editor-text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:620;display:inline-flex}.secondaryAction:disabled{cursor:default;opacity:.38}.inspectorDelete{border-top:1px solid var(--editor-divider);gap:0;margin-top:10px;padding-top:10px;display:grid}.inspectorSection{border-top:1px solid var(--editor-divider);gap:9px;margin-top:12px;padding-top:12px;display:grid}.selectionInspector.is-focused .inspectorSection:first-child{border-top:0;margin-top:0;padding-top:0}.inspectorSection h3{color:var(--editor-text-muted);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:9px;font-weight:680}.connectionSpacing{gap:4px;display:grid}.connectionSpacingHeader{color:var(--editor-text-secondary);justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.connectionSpacingControl{color:var(--editor-text-muted);grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:6px;font-size:9px;display:grid}.connectionSpacingControl>span:last-child{text-align:right}.connectionSpacingControl input[type=range]{width:100%;min-width:0;min-height:44px;accent-color:var(--editor-accent);cursor:ew-resize;margin:0}.connectionAutoSpacing{min-width:44px;min-height:28px;color:var(--editor-accent);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-self:end;padding:0 7px;font-size:10px;font-weight:620;position:relative}.connectionAutoSpacing:before{content:"";position:absolute;inset:-8px 0}.inspectorField{color:var(--editor-text-muted);grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;font-size:10px;display:grid}.inspectorField input,.inspectorField select,.insertionEdit select{border:1px solid var(--editor-border);background:var(--editor-control);min-width:0;height:34px;color:var(--editor-text-secondary);border-radius:9px;padding:0 9px;font-size:10px}.insertionEdit{background:var(--editor-surface-muted);border-radius:10px;gap:6px;padding:8px;display:grid}.insertionEditHeader{min-height:24px;color:var(--editor-text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;font-weight:650;display:flex}.deleteAction{border:1px solid var(--editor-border);background:var(--editor-control);min-height:44px;color:var(--editor-text-secondary);cursor:pointer;border-radius:10px;font-size:11px;font-weight:650}.deleteAction:disabled{cursor:default;background:var(--editor-surface-disabled);color:var(--editor-text-muted);opacity:1}.yarnPalette{z-index:17;border-radius:14px;width:190px;padding:4px;position:absolute;bottom:18px;left:18px}.yarnSwatch{border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 2px #ffffffd1,0 1px 2px #171d201a}.yarnSwatch.is-none,.yarnSwatch.is-theme{background:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);box-shadow:inset 0 0 0 2px var(--lightningcss-light,#fff)var(--lightningcss-dark,#000),0 1px 2px #171d201a}.yarnForm{border-top:1px solid var(--editor-divider);gap:8px;padding-top:10px;display:grid}.yarnForm label{color:var(--editor-text-muted);gap:4px;font-size:11px;font-weight:400;display:grid}.yarnForm input,.yarnForm select{border:1px solid var(--editor-border);background:var(--editor-control);width:100%;min-width:0;height:34px;color:var(--editor-text-secondary);border-radius:8px;padding:0 8px;font-size:11px}.yarnForm input[type=color]{padding:3px}.yarnSubmit{border:1px solid var(--editor-primary-action);background:var(--editor-primary-action);min-height:38px;color:var(--editor-primary-action-text);cursor:pointer;border-radius:9px;font-size:11px;font-weight:500}.yarnSubmit:disabled{cursor:default;opacity:.38}.viewportControls{z-index:16;border-radius:14px;align-items:center;gap:1px;height:52px;padding:4px;display:flex;position:absolute;bottom:18px;right:18px}.viewportControls:has(.displayControls[open],.viewControls[open]){z-index:52}.viewportControlGroup{align-items:center;gap:1px;display:flex}.viewControls{position:relative}.viewControlTrigger{list-style:none}.viewControlTrigger::-webkit-details-marker{display:none}.viewControls[open]>.viewControlTrigger{border-color:var(--editor-border);background:var(--editor-control-active);color:var(--editor-text)}.viewControlsMenu{background:var(--editor-chrome-translucent);width:210px;color:var(--editor-text);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 4px 8px #151c1f24}.viewControlsMenu button{min-height:38px;color:var(--editor-text-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;font-size:12px;display:grid}.viewControlsMenu button small{color:var(--editor-text-muted);font:inherit;font-size:10px}.viewControlsMenu button:disabled{cursor:default;opacity:.38}.viewControlsDivider{background:var(--editor-divider);height:1px;margin:3px 8px}.displayControls{position:relative}.displayControls>summary{place-items:center;list-style:none;display:grid}.displayControls>summary::-webkit-details-marker{display:none}.displayControls[open]>summary{background:var(--editor-control-active);color:var(--editor-text)}.displayControlsMenu{background:var(--editor-chrome-translucent);width:min(280px,100vw - 20px);color:var(--editor-text);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter);border-radius:14px;display:grid;position:absolute;bottom:calc(100% + 10px);right:-4px;overflow:hidden;box-shadow:0 4px 8px #151c1f24}.displayControlsSection{gap:10px;padding:14px;display:grid}.displayControlsSection+.displayControlsSection{border-top:1px solid var(--editor-divider)}.displayControlsSection h2{color:var(--editor-text-muted);margin:0;font-size:11px;font-weight:600}.displayToggleRow{color:var(--editor-text-secondary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;min-height:30px;padding:0;font-size:12px;display:flex}.displayToggleLabel{align-items:center;gap:9px;min-width:0;display:inline-flex}.displayToggleLabel>:first-child{color:var(--editor-text-muted);flex:none}.displaySwitch{background:var(--editor-control-hover);border-radius:999px;flex:none;width:30px;height:18px;transition:background .16s;position:relative}.displaySwitch:after{background:var(--editor-text-muted);content:"";width:12px;height:12px;transition:transform .16s var(--ease-in-out), background .16s ease;border-radius:50%;position:absolute;top:3px;left:3px}:is(.displayToggleRow[aria-pressed=true],.colorThemeToggle[aria-checked=true]) .displaySwitch{background:color-mix(in srgb, var(--editor-accent) 28%, transparent)}:is(.displayToggleRow[aria-pressed=true],.colorThemeToggle[aria-checked=true]) .displaySwitch:after{background:var(--editor-accent);transform:translate(12px)}.displayToggleRow:focus-visible,.displayControls>summary:focus-visible,.viewControlTrigger:focus-visible,.viewControlsMenu button:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.controlDivider{background:var(--editor-divider);width:1px;height:20px;margin:0 3px}.autosaveRecoveryBanner{z-index:999;color:#814838;background:#fffaf8fa;border-color:#a75b4952;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(560px,100vw - 32px);padding:11px 12px 11px 14px;display:grid;position:fixed;top:144px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #522b1f1f}.autosaveRecoveryCopy{gap:3px;min-width:0;font-size:11px;line-height:1.35;display:grid}.autosaveRecoveryCopy strong{color:#6f3c30;font-size:12px}.autosaveRecoveryCopy span{color:#814838}.autosaveRecoveryActions{gap:8px;display:flex}.autosaveRecoveryAction{color:#6f3c30;cursor:pointer;min-height:34px;font:inherit;white-space:nowrap;background:#ffffffb8;border:1px solid #81483847;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.autosaveRecoveryAction.is-danger{color:#814838;background:#fff5f1d1;border-color:#a75b495c}.autosaveRecoveryAction:is(:hover,:focus-visible){background:#fff;border-color:#81483875}.canvasHint{z-index:2;color:var(--editor-text-muted);letter-spacing:.01em;pointer-events:none;gap:13px;font-size:9px;display:flex;position:absolute;bottom:22px;left:20px}.canvasHint.is-dragging{z-index:19;border:1px solid var(--editor-border);background:var(--editor-surface-raised);max-width:calc(100% - 32px);min-height:30px;box-shadow:var(--editor-shadow);color:var(--editor-text);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 11px;font-size:11px;display:flex;bottom:88px;left:50%;transform:translate(-50%)}.canvasHint span+span:before{color:var(--editor-border-strong);content:"·";margin-right:13px}.toastAction{min-height:32px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:9px;padding:0 10px;font-weight:700}@starting-style{.stitchLibraryBackdrop{opacity:0}}.pressable:active:not(:disabled){scale:.97}.layoutGuideHandle.pressable:active:not(:disabled){scale:1}@media (hover:hover) and (pointer:fine){.svgTransform [data-stitch-id]:hover{color:var(--editor-accent)}.svgTransform [data-stitch-id]:hover>*,.svgTransform [data-stitch-id]:hover{stroke-width:2.35px}.iconButton:hover:not(:disabled),.viewControlTrigger:hover,.viewControlsMenu button:hover:not(:disabled),.secondaryAction:hover:not(:disabled),.deleteAction:hover:not(:disabled){border-color:var(--editor-border-strong);background:var(--editor-control-hover);color:var(--editor-text)}.actionButton:hover:not(:disabled){background:var(--editor-control-hover);color:var(--editor-text)}}@media (width<=1080px){.documentBar{min-width:min(500px,100vw - 340px)}.selectionInspector{width:270px}.actionRail{width:224px}}@media (width>=1024px){.viewControls,.viewControlTrigger{height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.pressable{transition-duration:1ms!important}.pressable:active:not(:disabled){scale:1}.patternBoundaryMarker.is-continuation{animation:none}.patternBoundaryMarker{transition-property:opacity!important;transition-duration:.12s!important;animation:none!important}.patternBoundaryMarker[data-end-state=active] .patternBoundaryMarkerGlyphs:before{animation:none!important}.holeCandidateButton>span,.displaySwitch:after{transition-property:background,color,opacity!important}.stitchLibraryDialog,.stitchLibraryBackdrop{transition-property:opacity!important;transition-duration:.16s!important;animation:none!important}.stitchLibraryLayer[data-closing=true] .stitchLibraryDialog{transform:translateY(0)scale(1)}@starting-style{.stitchLibraryDialog{opacity:0;transform:translate(0)scale(1)}}}:root{--ui-icon-button-text:var(--editor-text-secondary);--ui-icon-button-active-border:var(--editor-border);--ui-icon-button-active-background:var(--editor-control-active);--ui-icon-button-active-text:var(--editor-text)}.layoutGuide.is-empty:not(.is-selected) .layoutGuideStroke{stroke:color-mix(in srgb, var(--editor-text-muted) 35%, transparent);stroke-dasharray:2 6}.selectionPlacementGuideLink{color:var(--editor-guide);text-underline-offset:3px;cursor:pointer;font-weight:600;text-decoration:underline}.symbolScaleLabel{grid-template-columns:1fr auto;gap:10px;font-size:12px;display:grid}.symbolScaleLabel select{font:inherit;color:var(--editor-text);background:var(--editor-control-active);border:1px solid var(--editor-border);border-radius:4px;padding:3px 6px}.symbolScaleLabel input{width:100%;accent-color:var(--editor-text);grid-column:1/-1;margin:0}.patternBoundaryWorkingTailHit,.patternBoundaryMarker.is-working-tail .patternBoundaryMarkerGlyphs.is-interactive{cursor:grab;touch-action:none}.patternBoundaryMarker[data-yarn-dragging=true] .patternBoundaryWorkingTailHit,.patternBoundaryMarker[data-yarn-dragging=true] .patternBoundaryMarkerGlyphs{cursor:grabbing}.editor-playback-cursor-hidden,.editor-playback-cursor-hidden *{cursor:none!important}.playbackEntryControl{position:relative}.playbackEntryButton{border:1px solid color-mix(in srgb, var(--editor-accent) 22%, transparent);background:var(--editor-accent-soft);height:40px;color:var(--editor-accent);cursor:pointer;letter-spacing:.01em;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:500;display:inline-flex}.playbackEntryButton:disabled{color:var(--editor-text-muted);cursor:default;opacity:.45;background:0 0;border-color:#0000}.playbackUnavailableReason{z-index:50;color:#fff;opacity:0;pointer-events:none;width:240px;transition:opacity .12s ease, transform .16s var(--ease-out);background:#111;border:1px solid #ffffff29;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:520;line-height:1.45;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-3px);box-shadow:0 4px 10px #0000003d}.playbackEntryControl:hover .playbackUnavailableReason,.playbackEntryControl:focus-within .playbackUnavailableReason{opacity:1;transform:translateY(0)}.playbackOverlay{z-index:30;color:var(--editor-playback-overlay-text);pointer-events:none;position:absolute;inset:0}.playbackTopScrim,.playbackBottomScrim{opacity:1;transition:opacity .22s var(--ease-out);position:absolute;left:0;right:0}.playbackTopScrim{background-image:var(--editor-playback-top-scrim);height:80px;top:0}.playbackBottomScrim{background-image:var(--editor-playback-bottom-scrim);height:112px;bottom:0}.playbackOverlay.is-controls-hidden .playbackTopScrim,.playbackOverlay.is-controls-hidden .playbackBottomScrim{opacity:0}.playbackExitHint{z-index:2;color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(44rem,100vw - 24px);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);white-space:nowrap;background:#242832f2;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:560;line-height:20px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%,-8px);box-shadow:0 12px 36px #00000042}.playbackExitHint.is-visible{opacity:1;transform:translate(-50%)}.playbackExitHint kbd{color:#fff;border:1px solid #ffffffb3;border-radius:4px;padding:1px 6px;font:650 13px/20px ui-monospace,SFMono-Regular,Menlo,monospace}.playbackTopBar{z-index:1;opacity:1;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:20px;left:20px;right:20px;transform:translateY(0)}.playbackOverlay.is-controls-hidden .playbackTopBar{opacity:0;pointer-events:none;transform:translateY(-8px)}.playbackIdentity{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#242832b8;border:1px solid #ffffff1a;border-radius:4px;gap:0;min-width:0;max-width:min(28rem,100vw - 96px);padding:8px 12px;display:grid;box-shadow:0 10px 30px #00000029}.playbackEyebrow{color:var(--editor-playback-overlay-text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:660;line-height:16px}.playbackIdentity strong{color:var(--editor-playback-overlay-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:560;line-height:20px;overflow:hidden}.playbackTopActions,.playbackControls,.playbackTransportButtons,.playbackOptions{align-items:center;display:flex}.playbackTopActions,.playbackTransport,.playbackSettings{pointer-events:auto}.playbackTopActions .iconButton,.playbackTransport .iconButton{background:var(--editor-playback-control);width:36px;height:36px;color:var(--editor-playback-overlay-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:999px}.playbackTransport .iconButton.is-active,.playbackTransport .iconButton[aria-pressed=true]{border-color:var(--editor-playback-border);background:var(--editor-playback-control-strong);color:var(--editor-playback-overlay-text)}.playbackTransport{z-index:1;right:20px;bottom:max(20px, env(safe-area-inset-bottom));opacity:1;max-width:76rem;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);gap:6px;margin:0 auto;display:grid;position:absolute;left:20px;transform:translateY(0)}.playbackOverlay.is-controls-hidden .playbackTransport{opacity:0;pointer-events:none;transform:translateY(8px)}.playbackRail{width:100%;height:28px;position:relative}.playbackRailVisual{height:12px;position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%)}.playbackRailTrack,.playbackRailFill{border-radius:999px;width:100%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.playbackRailTrack{background:var(--editor-playback-track);height:2px}.playbackRailFill{transform-origin:0;background:var(--editor-accent);height:3px}.playbackRailTick{background:var(--editor-playback-track-tick);opacity:.56;border-radius:999px;width:1px;height:8px;display:block;position:absolute;top:50%;transform:translate(-50%,-50%)}.playbackRailTick.is-current{opacity:.95;width:2px;height:12px}.playbackRailPlayhead{pointer-events:none;width:100%;height:14px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.playbackRailPlayhead:after{background:var(--editor-accent);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--editor-accent) 22%, transparent);content:"";border:1px solid #f9faf6b8;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%)}.playbackRange{z-index:1;cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.playbackCurrentStep{display:none}.playbackControls{justify-content:space-between;gap:12px;min-width:0}.playbackTransportButtons{gap:6px;min-width:0}.playbackPrimaryButton{background:var(--editor-playback-control-strong);width:44px;height:44px;color:var(--editor-playback-overlay-text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.playbackMakeButton{border:1px solid var(--editor-playback-border);background:var(--editor-playback-control);min-width:84px;height:38px;color:var(--editor-playback-overlay-text);cursor:pointer;font:inherit;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:12px;font-weight:580;display:inline-flex}.playbackMakeButton.is-primary{background:var(--editor-playback-control-strong)}.playbackMakeButton:disabled{cursor:default;opacity:.42}.playbackPrimaryButton:disabled{cursor:default;opacity:.35}.playbackDesktopNow{align-items:center;gap:8px;min-width:0;margin-left:4px;display:flex}.playbackStepCount,.playbackDesktopNow strong,.playbackCurrentStep strong{border:1px solid color-mix(in srgb, var(--editor-playback-border) 52%, transparent);background:var(--editor-playback-control);color:var(--editor-playback-overlay-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px}.playbackStepCount{letter-spacing:0;text-transform:none;white-space:nowrap;flex:none;padding:4px 10px;font-size:12px;font-weight:560;line-height:20px}.playbackDesktopNow strong,.playbackCurrentStep strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(26rem,40vw);padding:4px 10px;font-size:12px;font-weight:560;line-height:20px;overflow:hidden}.playbackOptions{flex:none;gap:4px}.playbackSettings{z-index:3;right:20px;bottom:max(92px, calc(env(safe-area-inset-bottom) + 92px));width:min(27rem,100vw - 24px);max-height:min(32rem, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 104px));border:1px solid color-mix(in srgb, var(--editor-playback-border) 48%, transparent);box-shadow:0 22px 70px -32px #000000c2, 0 0 0 1px color-mix(in srgb, var(--editor-playback-border) 30%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141619d1;border-radius:20px;gap:4px;padding:16px;display:grid;position:absolute;overflow-y:auto}.playbackSettingsHeader{justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 10px;display:flex}.playbackSettingsHeader>div{display:grid}.playbackSettingsHeader strong{font-size:15px;font-weight:590;line-height:22px}.playbackSettingsMain,.playbackSpeedOptions{gap:4px;display:grid}.playbackSettingsDone{border:1px solid color-mix(in srgb, var(--editor-playback-border) 58%, transparent);background:color-mix(in srgb, var(--editor-playback-control) 66%, transparent);height:32px;color:var(--editor-playback-overlay-text-muted);cursor:pointer;border-radius:999px;padding:0 12px;font-size:12px;font-weight:560}.playbackSettingRow{min-width:0;min-height:64px;color:var(--editor-playback-overlay-text-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 12px;display:grid}.playbackSettingRow:disabled{cursor:default;opacity:.46}.playbackSettingRow>span:first-child{gap:2px;min-width:0;display:grid}.playbackSettingRow strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:560;line-height:20px;overflow:hidden}.playbackSettingRow small{color:color-mix(in srgb, var(--editor-playback-overlay-text-muted) 70%, transparent);font-size:11px;line-height:16px}.playbackSettingValue{color:var(--editor-playback-overlay-text);font-size:13px;font-weight:520}.playbackSettingsBack,.playbackSpeedOption{cursor:pointer;width:100%;font:inherit;grid-template-columns:32px minmax(0,1fr);justify-items:start}.playbackSpeedOption>span:last-child{gap:2px;min-width:0;display:grid}.playbackSettingsBack{min-height:48px}.playbackSettingSelection{width:32px;color:var(--editor-playback-overlay-text);place-items:center;display:grid}.playbackLoopSetting{cursor:pointer;width:100%;font:inherit}.playbackToggle{background:var(--editor-playback-control);border-radius:999px;width:48px;height:28px;transition:background .15s;display:block;position:relative}.playbackToggle>span{background:var(--editor-playback-overlay-text);width:20px;height:20px;transition:transform .15s var(--ease-in-out);border-radius:50%;display:block;position:absolute;top:4px;left:4px;transform:translate(0)}.playbackLoopSetting[aria-pressed=true] .playbackToggle{background:color-mix(in srgb, var(--editor-accent) 76%, black)}.playbackLoopSetting[aria-pressed=true] .playbackToggle>span{transform:translate(20px)}@media (hover:hover) and (pointer:fine){.playbackEntryButton:hover:not(:disabled){border-color:var(--editor-border-strong);background:var(--editor-control-hover);color:var(--editor-text)}.playbackPrimaryButton:hover:not(:disabled){border-color:var(--editor-playback-border);background:var(--editor-playback-control-hover)}.playbackMakeButton:hover:not(:disabled){background:var(--editor-playback-control-hover)}.playbackTopActions .iconButton:hover:not(:disabled),.playbackTransport .iconButton:hover:not(:disabled),.playbackSettingsDone:hover,.playbackSettingRow:hover{border-color:var(--editor-playback-border);background:var(--editor-playback-control-hover);color:var(--editor-playback-overlay-text)}}@media (prefers-reduced-motion:reduce){.playbackTopBar,.playbackTransport,.playbackTopScrim,.playbackBottomScrim,.playbackExitHint{transition-duration:1ms!important}.playbackUnavailableReason,.playbackToggle>span{transition-property:background,color,opacity!important}}.previewDialog{pointer-events:auto;border:1px solid var(--editor-border);background:var(--editor-surface,white);width:min(440px,100vw - 32px);max-width:none;max-height:calc(100dvh - 48px);color:var(--editor-text);border-radius:16px;margin:auto;padding:20px;box-shadow:0 24px 80px #0003}.previewDialog::backdrop{background:#0005}.previewDialog.is-still{width:min(1120px,100vw - 48px)}.previewDialogHeader,.previewStillToolbar,.previewStillToolbar>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.previewDialogHeader{margin-bottom:20px}.previewDialogHeader h2{margin:0;font-size:18px;font-weight:550}.previewDialog button{cursor:pointer}.previewDialog button:disabled,.previewDialog button[aria-disabled=true]{cursor:default;opacity:.4}.previewDialogHeader button,.previewStillToolbar button{color:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.previewDialog button:hover:not(:disabled){background:var(--editor-accent-soft)}.previewDialog button:focus-visible{outline:2px solid var(--editor-accent);outline-offset:3px}.previewChoices{gap:10px;display:grid}.previewChoices button{border:1px solid var(--editor-border);color:inherit;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:18px;padding:22px 18px;display:flex}.previewChoices button:first-child{color:var(--editor-accent);background:var(--editor-accent-soft)}.previewChoices button>svg{flex-shrink:0}.previewChoices strong,.previewChoices small{display:block}.previewChoices strong{font-size:15px;font-weight:550}.previewChoices small{color:var(--editor-text-muted);margin-top:6px;font-size:12px;line-height:1.5}.previewStillToolbar{flex-wrap:wrap;margin-bottom:12px;font-size:12px}.previewStillToolbar>span{color:var(--editor-text-muted)}.previewStillToolbar>div{flex-wrap:wrap}.previewStillViewport{background:#e9e9e7;border-radius:8px;height:min(70dvh,760px);padding:20px;overflow:auto}.previewStillViewport img{object-fit:contain;object-position:top center;background:#fff;max-width:none;height:100%;display:block}.layoutTuningPanel{z-index:22;border-radius:14px;width:336px;max-height:calc(100dvh - 94px);padding:14px;position:absolute;top:76px;right:18px;overflow:auto}.editorShell:not(.is-playback) .desktopAuthoringBar[data-motion=back]{opacity:1;transition:transform .16s var(--ease-out), opacity .13s var(--ease-out);transform:translate(0)scale(1)}@starting-style{.editorShell:not(.is-playback) .desktopAuthoringBar[data-motion=back]{opacity:0;transform:translate(-8px)scale(.985)}}@media (prefers-reduced-motion:reduce){.editorShell:not(.is-playback) .desktopAuthoringBar[data-motion=back]{transition-property:opacity;transition-duration:.1s;transform:none}}.editorShell:not(.is-playback) .inspectorModeLabel{min-height:30px;color:var(--editor-text-secondary);align-items:center;padding-inline:8px;font-size:11px;font-weight:600;display:inline-flex}.editorShell:not(.is-playback) .patternTitleButton.is-disabled{cursor:default}.layoutTuningHeader{border-bottom:1px solid var(--editor-divider);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.layoutTuningHeader>div,.layoutTuningBody,.layoutTuningControl,.layoutTuningLabel{display:grid}.layoutTuningHeader>div{gap:3px;min-width:0}.layoutTuningHeader span{color:var(--editor-text-muted);text-wrap:pretty;font-size:11px;line-height:1.4}.layoutTuningHeader strong{color:var(--editor-text);font-size:14px;font-weight:650}.layoutTuningBody{gap:12px}.layoutTuningSection{display:grid}.layoutTuningSection+.layoutTuningSection{border-top:1px solid var(--editor-divider);padding-top:14px}.layoutTuningControl{border-bottom:1px solid var(--editor-divider);gap:6px;padding:12px 0}.layoutTuningSection .layoutTuningControl:last-child{border-bottom:0;padding-bottom:2px}.layoutTuningLabel{display:block}.layoutTuningLabel strong{color:var(--editor-text);font-size:12px;font-weight:620}.layoutTuningControl small{color:var(--editor-text-muted);font-size:10px;line-height:1.45}.layoutTuningHelper{text-wrap:pretty;max-width:32ch;color:var(--editor-text-secondary)!important}.layoutTuningControl input[type=range]{width:100%;accent-color:var(--editor-accent);cursor:pointer}.layoutTuningRange{gap:2px;display:grid;position:relative}.layoutTuningRange:before{background:color-mix(in srgb, var(--editor-text) 26%, transparent);content:"";pointer-events:none;width:1px;position:absolute;top:9px;bottom:16px;left:50%}.layoutTuningRangeLabels{color:var(--editor-text-muted);grid-template-columns:1fr auto 1fr;font-size:9px;line-height:1.3;display:grid}.layoutTuningRangeLabels span:nth-child(2){text-align:center}.layoutTuningRangeLabels span:last-child{text-align:right}.layoutTuningControl button,.layoutTuningReset,.layoutTuningDebug button{color:var(--editor-accent);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:10px;font-weight:600}.issueCenterList{gap:0;margin:0;padding:0;list-style:none;display:grid}.issueCenterList li{border-bottom:1px solid var(--editor-divider);gap:8px;padding:12px 2px;display:grid}.issueCenterList p{color:var(--editor-text-secondary);margin:0;font-size:12px;line-height:1.45}.issueCenterList button{color:var(--editor-accent);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:620}.layoutTuningReset{border:1px solid var(--editor-border);color:var(--editor-text-secondary);border-radius:9px;margin-top:12px;padding:8px 10px}.layoutTuningResetGroup{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.layoutTuningReset:disabled{cursor:default;opacity:.4}.layoutTuningDebug{border-top:1px solid var(--editor-divider);color:var(--editor-text-muted);margin-top:14px;padding-top:12px;font-size:10px}.layoutTuningDebug summary{cursor:pointer}.layoutTuningDebug pre{background:var(--editor-control-hover);max-height:220px;color:var(--editor-text-secondary);white-space:pre-wrap;border-radius:8px;padding:8px;font:9px/1.45 SFMono-Regular,Consolas,monospace;overflow:auto}.layoutTuningPanel.is-inspector{z-index:var(--editor-context-surface-layer);top:var(--editor-context-surface-panel-top);right:var(--editor-context-surface-inset);width:min(var(--editor-context-surface-medium-width), calc(100vw - var(--editor-context-surface-inset) - var(--editor-context-surface-inset)));max-height:var(--editor-context-surface-max-height);padding:16px;position:fixed}.layoutTuningPanel.is-inspector .layoutTuningHeader strong{font-size:13px;font-weight:650}.editorShell:not(.is-playback) .desktopToolButton{text-align:center;border-radius:10px;grid-template-rows:30px 18px;grid-template-columns:1fr;place-items:center;gap:2px;width:96px;min-height:64px;padding:5px 8px;display:grid}.editorShell:not(.is-playback) .desktopToolIcon{border-radius:8px;width:30px;height:30px}.editorShell:not(.is-playback) .stitchActionGroup>summary{color:var(--editor-text-secondary)!important}.editorShell:not(.is-playback) .viewportControls .iconButton[aria-pressed=true]{border-color:color-mix(in srgb, var(--editor-accent) 32%, var(--editor-border));background:color-mix(in srgb, var(--editor-accent) 12%, var(--editor-chrome));color:var(--editor-accent)}.startPatternLayer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.startPatternBackdrop{background:var(--editor-chrome-strong);position:absolute;inset:0}.startPatternDialog{border:1px solid var(--editor-border);background:var(--editor-chrome);width:min(340px,100%);max-height:calc(100dvh - 40px);box-shadow:none;border-radius:15px;flex-direction:column;display:flex;position:relative;overflow:hidden}.startPatternHeader{padding:17px 18px 14px;position:relative}.startPatternDialog[data-color-anchored=true]{--start-pattern-top:max(20px, calc((100% - var(--start-pattern-collapsed-height)) / 2));top:var(--start-pattern-top);width:min(340px,100% - 40px);max-height:calc(100% - var(--start-pattern-top) - 20px);margin-inline:auto;position:absolute;left:0;right:0}.startPatternDialog[data-color-anchored=true]>:not(.startPatternColor){flex-shrink:0}.startPatternDialog[data-color-anchored=true] .startPatternColor{min-height:0;overflow-y:auto}.startPatternHeader h1{color:var(--editor-text);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:500;line-height:1.35}.startPatternHeader p{max-width:34ch;color:var(--editor-text-secondary);margin:7px 0 0;font-size:13px;line-height:1.55}.startPatternActions{overscroll-behavior:contain;gap:4px;min-height:0;padding:8px;display:grid;overflow-y:auto}.startPatternAction{text-align:left;cursor:pointer;width:100%;min-height:56px;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px 12px;display:grid}.startPatternAction:hover{border-color:var(--editor-border);background:var(--editor-control-hover)}.startPatternAction:active{background:var(--editor-control-active)}.startPatternAction:disabled{cursor:not-allowed;opacity:.5}.startPatternAction .actionSymbol{width:40px;height:40px;color:var(--editor-text)}.startPatternAction .actionSymbol svg{width:36px;height:36px}.startPatternKind{background:color-mix(in srgb, var(--editor-accent) 12%, transparent);width:34px;height:34px;color:var(--editor-accent);border-radius:10px;flex:none;place-items:center;display:grid}.startPatternSymbol,.startPatternSymbol>svg{width:26px;height:26px;display:block}.startPatternAction>svg{color:var(--editor-text-muted)}.startPatternActionCopy{min-width:0;display:grid}.startPatternActionCopy strong{color:var(--editor-text);font-size:13px;font-weight:550;line-height:1.4}.startPatternActionCopy small{color:var(--editor-text-secondary);font-size:12px;line-height:1.4}@media (prefers-reduced-motion:reduce){.startPatternAction{transition:none}}.editorShell:not(.is-playback){--editor-chrome-surface:var(--editor-chrome-translucent);--editor-chrome-line:var(--editor-border);--editor-chrome-line-subtle:var(--editor-divider);--editor-chrome-shadow:var(--editor-shadow)}.editorShell:not(.is-playback) .editorChrome{border-color:var(--editor-chrome-line);background:var(--editor-chrome-surface);box-shadow:var(--editor-chrome-shadow);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter)}.editorShell:not(.is-playback) .documentBar{min-width:0;height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:contents;position:static}.editorShell:not(.is-playback) .railDocumentHistory{z-index:20;border:1px solid var(--editor-chrome-line);background:var(--editor-chrome-surface);min-height:44px;box-shadow:var(--editor-chrome-shadow);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter);border-left:1px solid var(--editor-chrome-line);border-radius:13px;gap:0;padding:2px 4px;position:absolute;top:18px;left:210px}.editorShell:not(.is-playback) .playbackEntryButton{height:38px;color:var(--editor-text-secondary);background:0 0;border:1px solid #0000;border-radius:9px;padding-inline:10px}.editorShell:not(.is-playback) .playbackEntryButton:not(:disabled){color:var(--editor-text-secondary)}.editorShell:not(.is-playback) .playbackEntryButton:hover:not(:disabled),.editorShell:not(.is-playback) .playbackEntryButton:focus-visible:not(:disabled){border-color:var(--editor-border);background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .actionRail[aria-label=Start\ pattern]{border-radius:15px;width:min(330px,100vw - 40px);top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.editorShell:not(.is-playback) .actionRail[aria-label=Start\ pattern] .actionButton{grid-template-columns:34px minmax(0,1fr);min-height:60px;padding-inline:8px}.editorShell:not(.is-playback) .actionRail[aria-label=Start\ pattern] .actionButton>.uiIcon,:is(.editorShell:not(.is-playback):has(.actionRail[aria-label=Start\ pattern]) .railDocumentHistory,.editorShell:not(.is-playback):has(.actionRail[aria-label=Start\ pattern]) .documentActions,.editorShell:not(.is-playback):has(.actionRail[aria-label=Start\ pattern]) .viewportControls,.editorShell:not(.is-playback):has(.actionRail[aria-label=Start\ pattern]) .yarnPalette){display:none}.editorShell:not(.is-playback):has(.actionRail[aria-label=Start\ pattern]) .canvasPane{background-image:none}.editorShell:not(.is-playback) .actionRail[aria-label=Add\ stitch]{width:218px;box-shadow:none;border-radius:14px;flex-direction:column;display:flex;top:76px;bottom:18px;left:18px}.editorShell:not(.is-playback) .actionRail[aria-label=Add\ stitch] .actionButton{border-radius:9px;grid-template-columns:30px minmax(0,1fr) 20px;gap:7px;min-height:43px;padding:4px 5px}.editorShell:not(.is-playback) .actionRail[aria-label=Add\ stitch] .actionSymbol{background:0 0;border-color:#0000;width:30px;height:30px}.editorShell:not(.is-playback) .actionRail[aria-label=Add\ stitch] .actionCopy small{display:none}.editorShell:not(.is-playback) .actionRail[aria-label=Add\ stitch] .actionCopy strong{font-size:11px;font-weight:570}.editorShell:not(.is-playback) .actionRail[aria-label=Add\ stitch] .actionButton>.uiIcon{opacity:0;transition:opacity .13s}@media (hover:hover) and (pointer:fine){.editorShell:not(.is-playback) .actionRail[aria-label=Add\ stitch] .actionButton:hover>.uiIcon{opacity:.55}}.editorShell:not(.is-playback) .yarnPalette{border:0;border-top:1px solid var(--editor-chrome-line-subtle);width:206px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;padding:6px 4px 0;bottom:24px;left:24px}.editorShell:not(.is-playback) .inspectorDetailsToggle{border:0;border-top:1px solid var(--editor-chrome-line-subtle);width:100%;min-height:44px;color:var(--editor-text-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:8px 2px 0;font-size:12px;font-weight:620;display:flex}.editorShell:not(.is-playback) .desktopToolButtonGroup{grid-template-columns:minmax(0,1fr) 24px;align-items:stretch;min-width:0;display:grid}.editorShell:not(.is-playback) .desktopToolMenuButton{min-width:24px;color:var(--editor-sidebar-text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.editorShell:not(.is-playback) .inspectorDetailsToggle:hover{color:var(--editor-text)}.editorShell:not(.is-playback) .inspectorDetailsToggle:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.editorShell:not(.is-playback) .canvasHint{display:none}.editorShell:not(.is-playback) .canvasHint.is-dragging{display:flex}.editorShell:not(.is-playback) .viewportControls .controlDivider{display:none}.editorShell:not(.is-playback) .targetSelectionPrompt{border-color:var(--editor-chrome-line);box-shadow:var(--editor-chrome-shadow)}.editorShell:not(.is-playback) .railDocumentHeader{border-bottom:1px solid var(--editor-chrome-line-subtle);flex:none;align-items:center;min-height:49px;padding:7px 10px;display:flex}.editorShell:not(.is-playback) .patternTitleButton,.editorShell:not(.is-playback) .patternTitleInput{width:100%;min-width:0;height:34px;color:var(--editor-text);letter-spacing:.01em;text-align:left;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;background:0 0;border:1px solid #0000;border-radius:10px;outline:none;padding:0 9px;font-size:10px;font-weight:500;line-height:1}.editorShell:not(.is-playback) .patternTitleButton span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.editorShell:not(.is-playback) .patternTitleButton{cursor:pointer}.editorShell:not(.is-playback) .patternTitleButton:hover,.editorShell:not(.is-playback) .patternTitleInput:hover{border-color:var(--editor-border);background:var(--editor-control-hover)}.editorShell:not(.is-playback) .patternTitleInput:focus{border-color:var(--editor-border);background:var(--editor-surface);box-shadow:none}.editorShell:not(.is-playback) .stitchActionGroup{display:block}.editorShell:not(.is-playback) .stitchActionGroup>summary{min-height:30px;color:var(--editor-text-secondary);cursor:pointer;letter-spacing:.005em;align-items:center;gap:3px;padding:0 4px;font-size:10px;font-weight:500;list-style:none;display:flex}.editorShell:not(.is-playback) .stitchActionGroup>summary .stitchActionGroupIcon{opacity:.82;margin-inline:2px 3px}.editorShell:not(.is-playback) .stitchActionGroup>summary::-webkit-details-marker{display:none}.editorShell:not(.is-playback) .stitchActionGroupList{gap:1px;padding-bottom:6px;display:grid}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionButton{border-radius:10px;grid-template-columns:24px minmax(0,1fr) 16px;gap:4px;min-height:31px;padding:0 5px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionSymbol{width:24px;height:24px;color:var(--editor-sidebar-text-secondary);background:0 0;border-color:#0000}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionButton:disabled{opacity:.45}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionCopy strong{color:var(--editor-sidebar-text-secondary);letter-spacing:.01em;font-size:11px;font-weight:500}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionLongLabel{display:none}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionShortCode,.editorShell:not(.is-playback) .actionRail[data-editor-state=empty] .actionLongLabel{display:inline}.editorShell:not(.is-playback) .actionRail[data-editor-state=empty] .actionShortCode,.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionCopy small{display:none}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionButton>.uiIcon{opacity:0}.editorShell:not(.is-playback) .yarnPalette{border:0;border-bottom:1px solid var(--editor-chrome-line-subtle);background:var(--editor-chrome-surface);width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;flex:none;padding:2px 12px 0;display:block;position:relative;inset:auto}.editorShell:not(.is-playback) .railDocumentHistory{min-height:0;-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter);border-radius:11px;gap:2px;padding:4px;display:flex;top:16px;left:234px}.editorShell:not(.is-playback) .railDocumentHistory .iconButton{border-radius:8px;width:31px;height:31px}.editorShell:not(.is-playback) .documentOverflow{position:relative}.editorShell:not(.is-playback) .documentOverflow>.documentOverflowTrigger{appearance:none;width:32px;height:32px;color:var(--editor-text-secondary);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.editorShell:not(.is-playback) .railDocumentHistory .iconButton{box-shadow:none;color:var(--editor-sidebar-text-muted);background:0 0;border-color:#0000}.editorShell:not(.is-playback) .railDocumentHistory .iconButton:disabled{opacity:.35}.editorShell:not(.is-playback) .documentOverflow.is-open>.documentOverflowTrigger,.editorShell:not(.is-playback) .documentOverflow>.documentOverflowTrigger:hover{border-color:var(--editor-border);background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .documentOverflowMenu{border:1px solid var(--editor-chrome-line);background:var(--editor-surface-raised);width:224px;box-shadow:var(--editor-chrome-shadow);border-radius:13px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:-6px}.editorShell:not(.is-playback):has(.selectionInspector.is-inspector.selectionSidePanel) .documentOverflowMenu{right:calc(var(--editor-context-surface-width) + var(--editor-context-surface-inset) + var(--editor-context-surface-gap))}.editorShell:not(.is-playback):has(.issueCenter) .documentOverflowMenu{right:calc(var(--editor-context-surface-corridor-width) + var(--editor-context-surface-inset) + var(--editor-context-surface-gap))}.editorShell:not(.is-playback) .documentOverflowMenu button{min-height:38px;color:var(--editor-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;font-size:10px;display:grid}.editorShell:not(.is-playback) .documentOverflowMenu button:hover:not(:disabled){background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .documentOverflowMenu button:disabled{cursor:default;opacity:.38}.editorShell:not(.is-playback) .documentOverflowStitchSymbol,.editorShell:not(.is-playback) .documentOverflowStitchSymbol svg{width:15px;height:15px;display:block}.editorShell:not(.is-playback) .overflowMenuMeta{color:var(--editor-text-muted);grid-column:3;justify-self:end}.editorShell:not(.is-playback) .documentOverflowMenu kbd{color:var(--editor-text-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.editorShell:not(.is-playback) .overflowDivider{background:var(--editor-chrome-line-subtle);height:1px;margin:3px 5px}.selectionContextMenuContent{width:min(232px,100vw - 16px);min-width:232px}.selectionContextMenuContent .uiContextMenuShortcut{font-family:inherit;font-size:12px}:is(.editorShell:not(.is-playback):has(.actionRail[data-editor-state=empty]) .railDocumentHistory,.editorShell:not(.is-playback):has(.actionRail[data-editor-state=empty]) .documentActions,.editorShell:not(.is-playback):has(.actionRail[data-editor-state=empty]) .viewportControls){display:flex}.editorShell:not(.is-playback):has(.actionRail[data-editor-state=empty]) .yarnPalette{display:block}.editorShell:not(.is-playback) :is(.exportFormatDialog,.keyboardShortcutsDialog){border:1px solid var(--editor-chrome-line);background:var(--editor-surface-raised);width:min(308px,100vw - 32px);box-shadow:var(--editor-chrome-shadow);color:var(--editor-text);pointer-events:auto;border-radius:14px;padding:6px}.editorShell:not(.is-playback) :is(.exportFormatDialog,.keyboardShortcutsDialog)::backdrop{background:#12121452}.editorShell:not(.is-playback) .exportFormatDialogHeader{justify-content:space-between;align-items:center;min-height:40px;padding:0 4px 0 10px;display:flex}.editorShell:not(.is-playback) .exportFormatDialogHeader h2{margin:0;font-size:12px;font-weight:600}.editorShell:not(.is-playback) .exportFormatDialogHeader button{width:32px;height:32px;color:var(--editor-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.editorShell:not(.is-playback) .exportFormatDialogHeader button:hover{background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .exportFormatOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.editorShell:not(.is-playback) .exportFormatOptions button{background:var(--editor-control-hover);min-height:48px;color:var(--editor-text-secondary);cursor:pointer;border:0;border-radius:9px;font-size:12px;font-weight:600}.editorShell:not(.is-playback) .exportFormatOptions button:hover{background:var(--editor-control-active);color:var(--editor-text)}.editorShell:not(.is-playback) .exportFormatOptions button:disabled{cursor:progress;opacity:.52}.editorShell:not(.is-playback) .exportPdfSettings{border:1px solid var(--editor-chrome-line-subtle);border-radius:10px;min-inline-size:0;margin:8px 0 0;padding:7px 8px 8px}.editorShell:not(.is-playback) .exportPdfSettings legend{color:var(--editor-text-secondary);padding:0 4px;font-size:11px;font-weight:600}.editorShell:not(.is-playback) .exportPdfScaleModes{gap:6px;display:grid}.editorShell:not(.is-playback) .exportPdfScaleModes label{min-height:24px;color:var(--editor-text-secondary);cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.editorShell:not(.is-playback) .exportPdfScaleModes input{accent-color:var(--editor-accent);flex:none;margin:0}.editorShell:not(.is-playback) .exportPdfPageSize{min-height:30px;color:var(--editor-text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;font-size:11px;display:flex}.editorShell:not(.is-playback) .exportPdfPageSize select{border:1px solid var(--editor-chrome-line);background:var(--editor-surface);min-width:92px;color:var(--editor-text);font:inherit;border-radius:7px;padding:5px 7px}.editorShell:not(.is-playback) .exportPdfActions{margin-top:7px}.editorShell:not(.is-playback) .exportPdfPageCount{min-height:16px;color:var(--editor-text-muted);margin:6px 1px 0;font-size:11px;line-height:16px}.editorShell:not(.is-playback) .exportFormatError{color:var(--editor-danger-text);overflow-wrap:anywhere;margin:0 0 10px;font-size:13px;line-height:1.5}.editorShell:not(.is-playback) .exportFormatStatus{min-height:18px;color:var(--editor-text-muted);margin:6px 8px 2px;font-size:11px;line-height:18px}.editorShell:not(.is-playback) :is(.exportFormatDialog,.keyboardShortcutsDialog) button:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:1px}.editorShell:not(.is-playback) .keyboardShortcutsDialog{width:min(460px,100vw - 32px);max-height:min(680px,100vh - 32px)}.editorShell:not(.is-playback) .keyboardShortcutGroups{padding:0 10px 10px;display:grid;overflow-y:auto}.editorShell:not(.is-playback) .keyboardShortcutGroup{border-top:1px solid var(--editor-chrome-line-subtle);padding:10px 0}.editorShell:not(.is-playback) .keyboardShortcutGroup:first-child{border-top:0}.editorShell:not(.is-playback) .keyboardShortcutGroup h3{color:var(--editor-text-muted);margin:0 0 5px;font-size:11px;font-weight:600}.editorShell:not(.is-playback) .keyboardShortcutGroup dl{margin:0}.editorShell:not(.is-playback) .keyboardShortcutGroup dl>div{justify-content:space-between;align-items:center;gap:20px;min-height:30px;display:flex}.editorShell:not(.is-playback) .keyboardShortcutGroup dt{color:var(--editor-text-secondary);font-size:12px}.editorShell:not(.is-playback) .keyboardShortcutGroup dd{text-align:right;margin:0}.editorShell:not(.is-playback) .keyboardShortcutGroup kbd{border:1px solid var(--editor-chrome-line);background:var(--editor-control-hover);min-width:24px;color:var(--editor-text);font:500 11px/1.2 var(--font-editor-body,"Geist"), sans-serif;white-space:nowrap;border-radius:6px;padding:3px 6px;display:inline-block}.yarnPopover{z-index:90;border:1px solid var(--editor-border);background:var(--editor-chrome);width:min(320px,100vw - 20px);max-height:calc(100dvh - 20px);color:var(--editor-sidebar-text-primary);border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 8px #14171c29}.stitchMeaningTooltip{z-index:90;color:#fff;pointer-events:none;text-align:left;background:#111;border:1px solid #ffffff29;border-radius:8px;width:max-content;max-width:calc(100vw - 24px);padding:8px 10px;font-size:11px;font-weight:650;line-height:1.2;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 10px #0000003d}.yarnPopoverHeader{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:6px 8px 0 14px;display:flex}.yarnPopoverHeader>div{flex:1;gap:1px;min-width:0;display:grid}.yarnPopoverHeader strong,.yarnPopoverHeader small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yarnPopoverHeader strong{letter-spacing:-.01em;font-size:13px;font-weight:650}.yarnPopoverHeader small{color:var(--editor-text-muted);font-size:10px}.yarnPopoverClose{width:40px;height:40px;color:var(--editor-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 40px;place-items:center;display:grid}.yarnPopoverClose:hover,.yarnPopoverClose:focus-visible{background:var(--editor-control-hover);color:var(--editor-sidebar-text-primary)}.yarnPopoverBody{overscroll-behavior:contain;min-height:0;padding:12px;overflow-y:auto}.yarnPopover .yarnForm{gap:14px;display:grid}.yarnPopover .yarnForm label{color:var(--editor-text-secondary);gap:6px;font-size:11px;font-weight:600;display:grid}.yarnPopover .yarnForm label>span{justify-content:space-between;align-items:baseline;display:flex}.yarnPopover .yarnForm label small{color:var(--editor-text-muted);font-size:9px;font-weight:500}.yarnPopover .yarnForm input{border:1px solid var(--editor-border);background:var(--editor-control);height:42px;color:var(--editor-sidebar-text-primary);border-radius:9px;padding:0 10px;font-size:12px}.yarnPopover .yarnForm input::placeholder{color:var(--editor-text-muted)}.yarnPopover .yarnStrandList{gap:10px;display:grid}.yarnPopover .yarnStrandInput{border:1px solid var(--editor-border);min-width:0;color:var(--editor-text-secondary);border-radius:10px;gap:9px;margin:0;padding:10px;font-size:11px;font-weight:600;display:grid;position:relative}.yarnPopover .yarnStrandInput>legend{color:var(--editor-sidebar-text-primary);padding:0 4px;font-size:11px;font-weight:650}.yarnPopover .yarnStrandFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.yarnPopover .yarnStrandInput input[type=color]{cursor:pointer;width:100%;height:42px;padding:3px}.yarnPopover .yarnRemoveStrand,.yarnPopover .yarnAddStrand{border:1px solid var(--editor-border);background:var(--editor-control);min-height:40px;color:var(--editor-text-muted);cursor:pointer;border-radius:9px}.yarnPopover .yarnRemoveStrand{background:var(--editor-chrome);place-items:center;width:32px;min-height:32px;display:grid;position:absolute;top:-22px;right:7px}.yarnPopover .yarnAddStrand{border-style:dashed;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.yarnPopover .yarnAddStrand:hover,.yarnPopover .yarnRemoveStrand:hover{background:var(--editor-control-hover);color:var(--editor-sidebar-text-primary)}.yarnDeleteSection{border-top:1px solid var(--editor-divider);gap:8px;padding-top:12px;display:grid}.yarnDeleteSection p{color:var(--editor-text-muted);margin:0;font-size:10px;line-height:1.45}.yarnDeleteButton{border:1px solid var(--editor-border);background:var(--editor-control);min-height:40px;color:var(--editor-text-secondary);cursor:pointer;text-align:left;border-radius:9px;justify-content:flex-start;align-items:center;gap:7px;width:100%;padding:0 10px;font-size:11px;font-weight:620;display:inline-flex}.yarnDeleteButton:disabled{cursor:default;background:var(--editor-surface-disabled);color:var(--editor-text-muted);opacity:1}.yarnDeleteButton:hover:not(:disabled){border-color:var(--editor-border-strong);background:var(--editor-control-hover);color:var(--editor-text)}.yarnPopover .yarnFormActions{border-top:1px solid var(--editor-divider);background:var(--editor-chrome);grid-template-columns:1fr 1fr;gap:8px;margin:0 -12px -12px;padding:12px;display:grid;position:sticky;bottom:-12px}.yarnPopover .yarnCancel,.yarnPopover .yarnSubmit{cursor:pointer;border-radius:9px;min-height:42px;font-size:12px;font-weight:650}.yarnPopover .yarnCancel{border:1px solid var(--editor-border);background:var(--editor-control);color:var(--editor-text-secondary)}.yarnPopover .yarnSubmit{border:1px solid var(--editor-primary-action);background:var(--editor-primary-action);color:var(--editor-primary-action-text)}.yarnPopover .yarnSubmit:disabled{cursor:default;opacity:.42}.yarnPrimaryAction{border:1px solid var(--editor-border);background:var(--editor-control);height:36px;color:var(--editor-sidebar-text-primary);cursor:pointer;border-radius:9px;flex:none;padding:0 10px;font-size:11px;font-weight:650}.yarnPrimaryAction:hover,.yarnPrimaryAction:focus-visible{background:var(--editor-control-hover)}.editorShell:not(.is-playback){--editor-chrome-surface:var(--editor-chrome-translucent);--editor-chrome-shadow:var(--editor-shadow)}.editorShell:not(.is-playback) .railDocumentHeader{min-height:76px;padding:16px 14px}.editorShell:not(.is-playback) .patternTitleButton,.editorShell:not(.is-playback) .patternTitleInput{letter-spacing:-.005em;height:44px;padding-inline:12px;font-size:13px;font-weight:600}.editorShell:not(.is-playback) .yarnPalette{padding:12px 10px 14px}.editorShell:not(.is-playback) .stitchActionGroup>summary{min-height:36px;font-size:12px;font-weight:600}.editorShell:not(.is-playback) .stitchActionGroupList{gap:3px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionButton{grid-template-columns:32px minmax(0,1fr) 24px;min-height:38px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionCopy strong{color:var(--editor-text-secondary);font-size:12px;font-weight:550}.editorShell:not(.is-playback) .railDocumentHistory{left:300px}.editorShell:not(.is-playback) .railDocumentHistory .iconButton,.editorShell:not(.is-playback) .documentOverflow>.documentOverflowTrigger{width:36px;height:36px}.editorShell:not(.is-playback){--editor-chrome-edge:color-mix(in oklab, var(--editor-sidebar-text-primary) 12%, transparent);--editor-menu-panel-hairline:color-mix(in oklab, var(--editor-sidebar-text-primary) 10%, transparent);--editor-chrome-surface:var(--editor-chrome-translucent);--editor-chrome-line:color-mix(in oklab, var(--editor-sidebar-text-primary) 9%, transparent);--editor-chrome-line-subtle:var(--editor-chrome-line);--editor-chrome-shadow:var(--editor-shadow)}.editorShell:not(.is-playback) .railDocumentHeader{border:0;min-height:72px;padding:16px}.editorShell:not(.is-playback) .patternTitleButton,.editorShell:not(.is-playback) .patternTitleInput{height:40px;color:var(--editor-sidebar-text-primary);letter-spacing:.01em;border-radius:10px;padding:0 14px;font-size:11px;font-weight:500;line-height:20px}.editorShell:not(.is-playback) .patternTitleButton:hover,.editorShell:not(.is-playback) .patternTitleInput:hover{border-color:var(--editor-chrome-edge);background:var(--editor-control-hover)}.editorShell:not(.is-playback) .yarnPalette:not(.is-toolbar){border:1px solid var(--editor-menu-panel-hairline);background:var(--editor-chrome-surface);width:260px;box-shadow:var(--editor-chrome-shadow);border-radius:16px;padding:10px 8px;position:absolute;inset:auto auto 14px 14px}.editorShell:not(.is-playback) .stitchActionGroup>summary{min-height:32px;color:var(--editor-sidebar-text-muted);letter-spacing:0;border-radius:10px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;line-height:20px;display:flex}.editorShell:not(.is-playback) .stitchActionGroup>summary .stitchActionGroupIcon{margin:0;opacity:.74;flex:none;width:16px;height:16px;margin-inline-end:4px}.editorShell:not(.is-playback) .stitchActionGroupList{gap:4px;margin-top:4px;padding:0;padding-inline-start:12px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionButton{border-radius:10px;grid-template-columns:32px minmax(0,1fr) 24px;gap:8px;min-height:32px;padding:0 8px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionSymbol{width:28px;height:28px;color:var(--editor-sidebar-text-secondary)}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionCopy strong{color:var(--editor-sidebar-text-secondary);letter-spacing:.01em;font-size:11px;font-weight:500;line-height:20px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionButton:hover:not(:disabled) .actionCopy strong{color:var(--editor-sidebar-text-primary)}.editorShell:not(.is-playback) .actionRail[data-editor-state] .actionButton>.uiIcon{visibility:hidden;opacity:0}.editorShell:not(.is-playback) .railDocumentHistory{border-radius:14px;gap:2px;padding:6px 8px;top:14px;left:288px}.editorShell:not(.is-playback) .railDocumentHistory .iconButton{border-radius:10px;width:32px;height:32px}.editorShell:not(.is-playback) .documentOverflow>.documentOverflowTrigger{border-radius:10px;width:36px;height:36px}.editorShell:not(.is-playback) .yarnStrandBadge{border:1px solid var(--editor-chrome-surface);background:var(--editor-sidebar-text-secondary);min-width:16px;height:12px;color:var(--editor-chrome-surface);border-radius:999px;place-items:center;padding:0 2px;font-size:7px;font-weight:500;line-height:1;display:grid;position:absolute;bottom:-2px;right:-2px}.editorShell:not(.is-playback) .yarnForm{border:0;gap:12px;padding:0}.editorShell:not(.is-playback) .yarnForm label{color:var(--editor-sidebar-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:16px}.editorShell:not(.is-playback) .yarnForm input,.editorShell:not(.is-playback) .yarnForm select{border-color:var(--editor-chrome-edge);height:32px;color:var(--editor-sidebar-text-primary);border-radius:10px;font-size:12px;font-weight:500}.editorShell:not(.is-playback) .yarnStrandList{gap:8px;display:grid}.editorShell:not(.is-playback) .yarnStrandInput{border-color:var(--editor-chrome-edge);min-height:0;color:var(--editor-sidebar-text-muted);gap:8px;padding:9px;font-size:11px;font-weight:500}.editorShell:not(.is-playback) .yarnStrandInput>legend{color:var(--editor-sidebar-text-primary);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.editorShell:not(.is-playback) .yarnStrandInput input[type=color]{border-radius:10px;justify-self:end;width:100%;height:32px;padding:2px}.editorShell:not(.is-playback) .yarnRemoveStrand{border-color:var(--editor-chrome-edge);background:var(--editor-chrome-surface);width:32px;height:32px;color:var(--editor-sidebar-text-muted)}.editorShell:not(.is-playback) .yarnAddStrand{border:1px dashed var(--editor-chrome-edge);background:var(--editor-chrome-surface);height:32px;color:var(--editor-sidebar-text-muted);border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.editorShell:not(.is-playback) .yarnFormActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.editorShell:not(.is-playback) .yarnCancel{border:1px solid var(--editor-chrome-edge);background:var(--editor-chrome-surface);height:32px;color:var(--editor-sidebar-text-muted);border-radius:10px;font-size:12px;font-weight:600}.editorShell:not(.is-playback) .yarnSubmit{border-color:var(--editor-sidebar-text-primary);background:var(--editor-sidebar-text-primary);border-radius:10px;min-height:32px;font-size:12px;font-weight:600}.editorShell:not(.is-playback) .selectionInspector .inspectorHeaderActions{align-items:center;gap:4px;display:flex}.editorShell:not(.is-playback) .selectionInspector.is-expanded .inspectorDetailsToggle{margin-top:0}.editorShell:not(.is-playback) .selectionInspector .inspectorActions:has(>:only-child){grid-template-columns:minmax(0,1fr)}.editorShell:not(.is-playback) .selectionInspector .inspectorSection[aria-label=Selection\ placement] .inspectorActions:has(>button+button){grid-template-columns:repeat(2,minmax(0,1fr))}.editorShell:not(.is-playback) .selectionInspector .inspectorHeader>.inspectorSelectionSummary{align-items:center;gap:10px;min-width:0;display:flex}.editorShell:not(.is-playback) .selectionSummarySymbol{background:var(--editor-control);width:36px;height:36px;color:var(--editor-text);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.editorShell:not(.is-playback) .inspectorIdentityIcon{background:var(--editor-control);width:36px;height:36px;color:var(--editor-text-secondary);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.editorShell:not(.is-playback) .spaceSummarySymbol:before{content:"";border:1.5px solid;border-radius:50%;width:16px;height:10px}.editorShell:not(.is-playback) .selectionSummarySymbol svg{width:24px;height:24px;overflow:visible}.editorShell:not(.is-playback) .selectionSummaryCount{font-size:12px;font-weight:680}.editorShell:not(.is-playback) .inspectorSelectionCopy{min-width:0;display:grid}.editorShell:not(.is-playback) .selectionInspector .inspectorSelectionCopy strong{color:var(--editor-text-secondary);letter-spacing:.01em;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.editorShell:not(.is-playback) .selectionInspector .inspectorDetailsToggle{width:32px;height:32px;min-height:32px;color:var(--editor-text-secondary);font:inherit;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.editorShell:not(.is-playback) .selectionInspector .inspectorHeaderActions>:is(.iconButton,.inspectorDetailsToggle){width:36px;height:36px;min-height:36px;margin:0}.editorShell:not(.is-playback) .selectionInspector.is-expanded .inspectorDetailsToggle{background:var(--editor-control);color:var(--editor-text)}.editorShell:not(.is-playback) .selectionInspector .inspectorBody{flex-direction:column;gap:22px;display:flex}.editorShell:not(.is-playback) .selectionInspector .inspectorSection{display:grid}.editorShell:not(.is-playback) .selectionInspector .inspectorBody[hidden]{display:none}.editorShell:not(.is-playback) .selectionInspector .inspectorBody>.inspectorSection{border:0;gap:10px;margin:0;padding:0}.editorShell:not(.is-playback) .selectionInspector .inspectorBody>.inspectorSection:first-child{border-top:0;margin-top:0;padding-top:2px}.editorShell:not(.is-playback) .selectionInspector .inspectorSection h3{color:var(--editor-text-muted);letter-spacing:0;text-transform:none;margin:0;font-size:11px;font-weight:600}.editorShell:not(.is-playback) .selectionInspector .inspectorSummary{color:var(--editor-text-secondary);margin:0;font-size:12px;line-height:1.45}.editorShell:not(.is-playback) .selectionInspector .inspectorTypeField{color:var(--editor-text-muted);grid-template-columns:minmax(0,1fr);gap:8px;font-size:11px;font-weight:600;display:grid}.editorShell:not(.is-playback) .selectionInspector .inspectorField{color:var(--editor-text-muted);grid-template-columns:minmax(0,1fr);gap:6px;font-size:11px;font-weight:600;display:grid}.editorShell:not(.is-playback) .selectionInspector .inspectorFieldGroup{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.editorShell:not(.is-playback) .selectionInspector :is(.inspectorField select,.inspectorField input,.insertionEdit select){background:var(--editor-surface-muted);width:100%;min-width:0;height:40px;color:var(--editor-text);border:0;border-radius:9px;padding-inline:10px 32px;font-size:12px}.editorShell:not(.is-playback) .selectionInspector :is(.inspectorField select,.inspectorField input):focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:1px}.editorShell:not(.is-playback) .selectionInspector .inspectorTypeControl select{width:100%;height:38px;color:var(--editor-text);background:0 0;border:0;border-radius:0 9px 9px 0;padding:0 32px 0 8px;font-size:12px}.editorShell:not(.is-playback) .selectionInspector .inspectorActions{order:initial;border:0;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0}.editorShell:not(.is-playback) .selectionInspector .secondaryAction{background:var(--editor-surface-muted);min-height:40px;color:var(--editor-text);border:0;border-radius:9px;font-size:11px;font-weight:600}.editorShell:not(.is-playback) .selectionInspector .secondaryAction:disabled{opacity:.42}.editorShell:not(.is-playback) .selectionInspector .inspectorActionIcon{flex:none}.editorShell:not(.is-playback) .selectionInspector .connectionAutoSpacing{justify-content:center;align-items:center;gap:6px;display:inline-flex}.editorShell:not(.is-playback) .selectionInspector .insertionEdit{background:0 0;border-radius:0;gap:10px;padding:0}.editorShell:not(.is-playback) .selectionInspector .insertionEdit+.insertionEdit{margin-top:8px}.editorShell:not(.is-playback) .selectionInspector .insertionEditHeader{min-height:0;color:var(--editor-text-muted);letter-spacing:.02em;text-transform:none;font-size:10px;font-weight:600}.editorShell:not(.is-playback) .selectionInspector .connectionSpacing{gap:8px;display:grid}.editorShell:not(.is-playback) .selectionInspector .connectionSpacingHeader{min-height:32px;color:var(--editor-text);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.editorShell:not(.is-playback) .selectionInspector .connectionSpacingControl{color:var(--editor-text-muted);grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;font-size:10px;display:grid}.editorShell:not(.is-playback) .selectionInspector .connectionSpacingControl>span:last-child{text-align:right}.editorShell:not(.is-playback) .selectionInspector .connectionSpacingControl input[type=range]{min-height:36px}.editorShell:not(.is-playback) .selectionInspector .secondaryAction:hover:not(:disabled){background:var(--editor-control-hover)}.editorShell:not(.is-playback) .courseInspectorMeaning{background:var(--editor-surface-muted);color:var(--editor-text-secondary);border-radius:8px;gap:4px;padding:10px;font-size:11px;line-height:1.45;display:grid}.editorShell:not(.is-playback) .courseInspectorMeaning strong{color:var(--editor-text);font-weight:620}.editorShell:not(.is-playback) .courseInspectorMeaning p{margin:0}.editorShell:not(.is-playback) .courseInspectorActions{margin-top:10px;display:flex}.editorShell:not(.is-playback) .courseInspectorActions .selectionSidePanelSetting{width:100%;min-height:34px;color:var(--editor-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:520;line-height:1.35;display:flex}.editorShell:not(.is-playback) .selectionInspector .inspectorPlacementSwitch{background:var(--editor-border);cursor:pointer;border:0;border-radius:999px;width:40px;height:24px;padding:3px;position:relative}.editorShell:not(.is-playback) .selectionInspector .inspectorPlacementSwitch>span{background:var(--editor-surface);border-radius:50%;width:18px;height:18px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 1px 3px #171d2033}.editorShell:not(.is-playback) .selectionInspector .inspectorPlacementSwitch[aria-checked=true]{background:var(--editor-accent)}.editorShell:not(.is-playback) .selectionInspector .inspectorPlacementSwitch[aria-checked=true]>span{transform:translate(16px)}.editorShell:not(.is-playback) .selectionInspector .inspectorPlacementSwitch:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.editorShell:not(.is-playback) .selectionInspector .inspectorDelete{order:initial;border:0;margin-top:22px;padding-top:0}.editorShell:not(.is-playback) .selectionInspector :is(.secondaryAction,.deleteAction):focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:1px}.editorShell:not(.is-playback) .selectionInspector .deleteAction{background:var(--editor-control);color:var(--editor-text-secondary);border:0}.editorShell:not(.is-playback) .selectionInspector .inspectorSubtitle{color:var(--editor-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.25;overflow:hidden}.editorShell:not(.is-playback) .selectionInspector .deleteAction{width:100%}.editorShell:not(.is-playback) .selectionInspector .deleteAction>span:first-child{align-items:center;gap:6px;min-width:0;display:inline-flex}.editorShell:not(.is-playback){--editor-context-surface-inset:14px;--editor-context-surface-dock-top:76px;--editor-context-surface-panel-top:var(--editor-context-surface-dock-top);--editor-context-surface-bottom:98px;--editor-context-surface-width:272px;--editor-context-surface-medium-width:352px;--editor-context-surface-corridor-width:var(--editor-context-surface-medium-width);--editor-context-surface-gap:12px;--editor-context-surface-layer:54;--editor-context-surface-expanded-layer:55;--editor-context-surface-max-height:calc(100dvh - var(--editor-context-surface-panel-top) - var(--editor-context-surface-bottom))}.editorShell:not(.is-playback) .selectionInspector.is-inspector{transform-origin:0 0;border-radius:12px;width:304px;max-height:calc(100dvh - 96px);padding:14px;position:fixed}.editorShell:not(.is-playback) .selectionInspector.is-inspector.is-interaction-locked{z-index:21}.editorShell:not(.is-playback) .layoutGuideInspector.selectionInspector.is-inspector{top:76px}.editorShell:not(.is-playback) .selectionInspector.is-inspector.is-collapsed{border-radius:10px;width:auto;max-width:min(304px,100vw - 24px);padding:5px;overflow:visible;box-shadow:0 8px 24px #231f1b1a}.editorShell:not(.is-playback) .selectionInspector.is-inspector.is-collapsed.is-focused{padding-left:10px}.editorShell:not(.is-playback) .selectionInspector.is-inspector.is-collapsed .selectionSummarySymbol{flex-basis:30px;width:30px;height:30px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorHeader{align-items:center;padding:0 0 14px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorSelectionCopy strong{color:var(--editor-text);font-size:13px;font-weight:650}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorIdentityIcon{color:var(--editor-text)}.editorShell:not(.is-playback) .selectionInspector.is-inspector.is-collapsed .inspectorHeader{padding-bottom:0}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorDetailsToggle{gap:5px;width:auto;min-width:30px;padding-inline:8px}.editorShell:not(.is-playback) .selectionInspector.is-inspector.is-expanded .inspectorDetailsToggle svg{transform:rotate(180deg)}html[data-focus-modality=pointer] .editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorDetailsToggle svg{transition:transform .15s var(--ease-in-out)}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorModeLabel{min-height:0;color:var(--editor-text-muted);padding:0;font-size:11px;font-weight:500}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorBody{gap:14px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorBody>.inspectorSection{gap:8px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorSection h3{color:var(--editor-text);font-size:11px;font-weight:650}.editorShell:not(.is-playback) .selectionInspector.is-inspector :is(.inspectorField,.inspectorTypeField){grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px}.editorShell:not(.is-playback) .selectionInspector.is-inspector :is(.inspectorField,.inspectorTypeField)>span:first-child{color:var(--editor-text-secondary);text-transform:none;font-size:11px;font-weight:500}.editorShell:not(.is-playback) .selectionInspector.is-inspector :is(.inspectorField select,.inspectorField input,.insertionEdit select){background:var(--editor-surface-muted);height:30px;color:var(--editor-text);border:0;border-radius:7px;padding-inline:8px 32px;font-size:12px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorTypeControl select{border-radius:0 7px 7px 0;height:30px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .secondaryAction{border:1px solid var(--editor-chrome-line-subtle);min-height:30px;color:var(--editor-text);background:0 0;border-radius:7px;font-size:12px;font-weight:500}.editorShell:not(.is-playback) .selectionInspector.is-inspector .secondaryAction:hover:not(:disabled){background:var(--editor-surface-muted)}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorInlineAction{min-height:28px;color:var(--editor-accent);background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:11px;font-weight:600}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorInlineAction:hover{background:var(--editor-accent-soft)}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorInlineAction:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:1px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .connectionSpacingHeader>span{color:var(--editor-text-secondary);font-size:11px;font-weight:500}.editorShell:not(.is-playback) .selectionInspector.is-inspector .connectionSpacingControl{color:var(--editor-text-muted);font-size:10px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .connectionSpacingControl input[type=range]{min-height:30px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .insertionEditHeader{color:var(--editor-text);font-size:11px;font-weight:650}.editorShell:not(.is-playback) .selectionInspector.is-inspector .connectionAutoSpacing{margin-inline-end:-8px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .connectionSpacingHeader{min-height:28px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorDelete{border-top:0;gap:8px;margin-top:14px;padding-top:0;display:grid}.editorShell:not(.is-playback) .selectionInspector.is-inspector .selectionKindCounts{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.editorShell:not(.is-playback) .selectionInspector.is-inspector .selectionKindCounts li{background:var(--editor-surface-muted);min-height:34px;color:var(--editor-text);border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 8px 3px 3px;font-size:12px;display:grid}.editorShell:not(.is-playback) .selectionInspector.is-inspector .selectionKindCounts strong{font-variant-numeric:tabular-nums;font-weight:650}.editorShell:not(.is-playback) .selectionInspector.is-inspector .selectionKindCounts svg{width:22px;height:22px}.editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorHeader+.inspectorDelete{margin-top:0}.editorShell:not(.is-playback) .selectionInspector.is-inspector .deleteAction{border:1px solid var(--editor-chrome-line-subtle);min-height:32px;color:var(--editor-text);background:0 0;border-radius:7px;justify-content:center;align-items:center;padding-inline:10px;display:flex}.editorShell:not(.is-playback) .selectionInspector.is-inspector .deleteAction:hover:not(:disabled){border-color:var(--editor-chrome-line);background:var(--editor-surface-muted)}.editorShell:not(.is-playback) .selectionInspector.is-inspector .deleteAction:disabled{border-color:var(--editor-chrome-line-subtle);color:var(--editor-text-muted);opacity:1;background:0 0}@media (prefers-reduced-motion:reduce){.editorShell:not(.is-playback) .selectionInspector .inspectorPlacementSwitch>span,html[data-focus-modality=pointer] .editorShell:not(.is-playback) .selectionInspector.is-inspector .inspectorDetailsToggle svg{transition:none}}.editorShell:not(.is-playback) .yarnStatusTrigger{width:100%;min-width:0;min-height:44px;color:var(--editor-sidebar-text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:28px 16px;justify-content:space-between;align-items:center;gap:7px;padding:4px 6px;display:grid}.editorShell:not(.is-playback) .yarnStatusTrigger:hover,.editorShell:not(.is-playback) .yarnStatusTrigger:focus-visible,.editorShell:not(.is-playback) .yarnStatusTrigger[aria-expanded=true]{border-color:var(--editor-border);background:var(--editor-control-hover);color:var(--editor-sidebar-text-primary)}.editorShell:not(.is-playback) .yarnStatusLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.editorShell:not(.is-playback) .yarnStatusSwatchSlot{place-items:center;width:28px;height:28px;display:grid;position:relative}.editorShell:not(.is-playback) .yarnStatusSwatchSlot>.yarnSwatch{width:22px;height:22px}.editorShell:not(.is-playback) .yarnPausedDot{border:2px solid var(--editor-chrome-surface);background:var(--editor-accent);border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:1px}.editorShell:not(.is-playback) .yarnStatusTrigger>svg{color:var(--editor-text-muted);transition:transform .15s var(--ease-in-out)}.editorShell:not(.is-playback) .yarnStatusTrigger[aria-expanded=true]>svg{transform:rotate(90deg)}.yarnPopover.is-manager{width:min(300px,100vw - 20px)}.yarnPopover.is-manager .yarnPopoverBody{padding:0}.yarnManager{display:grid}.yarnEmptyState{text-align:center;justify-items:center;gap:5px;padding:24px 20px 20px;display:grid}.yarnEmptyState>strong{color:var(--editor-sidebar-text-primary);font-size:13px;font-weight:680;line-height:18px}.yarnEmptyState>small{color:var(--editor-text-muted);font-size:10px;line-height:15px}.yarnEmptyState .yarnPrimaryAction{border-color:var(--editor-primary-action);background:var(--editor-primary-action);width:100%;min-height:42px;color:var(--editor-primary-action-text);justify-content:center;margin-top:11px;font-size:11px;font-weight:680}.yarnEmptyState .yarnPrimaryAction:hover,.yarnEmptyState .yarnPrimaryAction:focus-visible{border-color:var(--editor-primary-action-hover);background:var(--editor-primary-action-hover);color:var(--editor-primary-action-text)}.yarnAttachChoice{border:1px solid var(--editor-border);background:var(--editor-control);width:100%}.yarnAttachChoice:disabled{cursor:default;opacity:.5}.yarnChoiceVerb{background:color-mix(in srgb, var(--editor-accent) 10%, transparent);color:var(--editor-accent);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700;line-height:14px}.yarnManageLink{min-height:44px;color:var(--editor-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 8px;font-size:10px;font-weight:650;display:flex}.yarnManageLink:hover,.yarnManageLink:focus-visible{background:var(--editor-control-hover);color:var(--editor-sidebar-text-primary)}.yarnWorkingSurface{gap:10px;padding:6px 12px 12px;display:grid}.yarnQuickChoices{grid-template-columns:1fr;gap:7px;display:grid}.yarnQuickChoice{min-width:0;min-height:40px;color:var(--editor-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.yarnQuickChoice[aria-pressed=true]{border-color:color-mix(in srgb, var(--editor-accent) 48%, var(--editor-border));background:color-mix(in srgb, var(--editor-accent) 8%, var(--editor-control));color:var(--editor-sidebar-text-primary)}.yarnQuickChoice:is(:hover,:focus-visible){background:var(--editor-control-hover);color:var(--editor-sidebar-text-primary)}.yarnQuickChoice>.yarnSwatch{width:28px;height:28px}.yarnQuickChoice>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:650;overflow:hidden}.yarnQuickChoice.is-new>svg{margin-inline:7px}.yarnCancelChange{min-height:32px;color:var(--editor-accent-strong);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 7px;font-size:9px;font-weight:700}.yarnCancelChange:hover,.yarnCancelChange:focus-visible{background:var(--editor-control-hover)}.yarnFinishActions{border-top:1px solid var(--editor-divider);gap:6px;padding-top:9px;display:grid}.yarnFinishActions>span{color:var(--editor-text-muted);font-size:9px;font-weight:650}.yarnFinishActions>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.yarnWorkingSurface .yarnWorkingActions{grid-template-columns:1fr}.yarnEndSection{gap:8px;padding-top:6px;display:grid}.yarnEndSectionHeader{gap:2px;display:grid}.yarnEndSectionHeader strong{color:var(--editor-sidebar-text-primary);font-size:11px;font-weight:680}.yarnEndSectionHeader small{color:var(--editor-text-muted);font-size:9px;line-height:1.4}.yarnEndList{gap:5px;display:grid}.yarnEndRow{background:0 0;border:0;border-radius:9px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:44px;padding:5px 6px;display:grid}.yarnEndRow.is-active{border-color:color-mix(in srgb, var(--editor-accent) 32%, var(--editor-border))}.yarnEndRow>.yarnSwatch{width:24px;height:24px}.yarnEndCopy{gap:1px;min-width:0;display:grid}.yarnEndCopy strong{color:var(--editor-sidebar-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.yarnEndCopy small,.yarnEndState{color:var(--editor-text-muted);font-size:9px}.yarnEndContinue{background:var(--editor-chrome);min-height:32px;color:var(--editor-text-secondary);cursor:pointer;border:0;border-radius:8px;padding:0 8px;font-size:9px;font-weight:680}.yarnEndContinue:hover,.yarnEndContinue:focus-visible{background:var(--editor-control-hover);color:var(--editor-sidebar-text-primary)}.yarnEndLocate{width:fit-content;color:var(--editor-sidebar-text-primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 0;font-size:10px;text-decoration:underline}.yarnStatusFinishedCount{color:var(--editor-text-muted);font-size:10px;font-weight:400;line-height:1.4;display:block}.yarnMaterialRow .yarnLibraryChoice{cursor:default}.yarnManagerSection{gap:10px;padding:14px;display:grid}.yarnSavedSection{gap:6px;padding:0 12px 12px}.yarnSavedActions{gap:2px;display:grid}.yarnSavedActions>.yarnAddAction{border:0;min-height:36px;font-size:11px;font-weight:500}.yarnSavedActions>.yarnAddAction:not(:has(svg)){padding-left:27px}.yarnMaterialRow .yarnLibraryChoice:hover{background:0 0}.yarnManagerSection+.yarnManagerSection{border-top:1px solid var(--editor-divider)}.yarnManagerSectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.yarnManagerSectionHeader>div{gap:2px;min-width:0;display:grid}.yarnManagerSectionHeader h2,.yarnManagerSectionHeader p{margin:0}.yarnManagerSectionHeader h2{color:var(--editor-sidebar-text-primary);letter-spacing:.01em;font-size:11px;font-weight:680;line-height:16px}.yarnManagerSectionHeader p{color:var(--editor-text-muted);font-size:9px;line-height:1.45}.yarnLibraryChoice>.yarnSwatch{width:24px;height:24px;position:relative}.yarnLibraryChoice>span:nth-child(2){gap:1px;min-width:0;display:grid}.yarnLibraryChoice strong{color:var(--editor-sidebar-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;line-height:15px;overflow:hidden}.yarnLibraryChoice small{color:var(--editor-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:13px;overflow:hidden}.yarnWorkingActions{border-top:1px solid var(--editor-divider);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;padding-top:9px;display:grid}.yarnSecondaryAction,.yarnAddAction,.yarnRowEdit{border:1px solid var(--editor-border);background:var(--editor-chrome);color:var(--editor-text-secondary);cursor:pointer;border-radius:9px}.yarnSecondaryAction{justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 9px;font-size:10px;font-weight:650;display:inline-flex}.yarnSecondaryAction:hover,.yarnSecondaryAction:focus-visible,.yarnAddAction:hover,.yarnAddAction:focus-visible,.yarnRowEdit:hover,.yarnRowEdit:focus-visible{background:var(--editor-control-hover);color:var(--editor-sidebar-text-primary)}.yarnLibrary{gap:5px;display:grid}.yarnAddAction{flex:none;align-items:center;gap:5px;min-height:32px;padding:0 8px;font-size:9px;font-weight:650;display:inline-flex}.yarnLibraryRow{border:1px solid #0000;border-radius:11px;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;gap:4px;min-width:0;padding:2px;display:grid}.yarnLibraryRow.is-selected{border-color:color-mix(in srgb, var(--editor-accent) 34%, var(--editor-border));background:color-mix(in srgb, var(--editor-accent) 7%, transparent)}.yarnLibraryChoice{min-width:0;min-height:44px;color:var(--editor-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;display:grid}.yarnLibraryChoice:hover,.yarnLibraryChoice:focus-visible{background:var(--editor-control-hover)}.yarnWorkingChoice{cursor:default}.yarnRowEdit{width:36px;min-height:44px;color:var(--editor-text-muted);background:0 0;border-color:#0000;place-items:center;display:grid}.yarnStrandBadge{border:1px solid var(--editor-chrome);background:var(--editor-text-secondary);min-width:15px;height:13px;color:var(--editor-chrome);border-radius:999px;place-items:center;padding:0 2px;font-size:7px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-4px;right:-4px}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .railDocumentHeader{pointer-events:auto;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 340px);min-height:32px;margin:0 0 18px;padding:0;display:flex}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] :is(.patternTitleButton,.patternTitleInput){width:auto;min-width:0;height:32px;box-shadow:none;color:var(--editor-text);letter-spacing:-.01em;text-align:left;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;font-weight:620;line-height:32px;display:block}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .patternTitleButton{flex:0 auto;max-width:min(480px,100vw - 460px)}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .patternTitleInput{field-sizing:content;flex:0 auto;width:auto;max-width:min(480px,100vw - 460px)}.editorShell:not(.is-playback) .railDocumentHistory{flex:none;min-height:0;margin-left:20px;position:static;top:auto;left:auto}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .patternTitleButton:hover,.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .patternTitleButton:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px;color:var(--editor-text-secondary);background:0 0;border:0}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .patternTitleInput{border-bottom:1px solid var(--editor-border)}.editorShell:not(.is-playback) .desktopToolButton{width:100%;min-height:44px;color:var(--editor-sidebar-text-secondary);font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;padding:4px 7px;font-size:11px;font-weight:570;display:grid;position:relative}.editorShell:not(.is-playback) .desktopToolButton:hover:not(:disabled),.editorShell:not(.is-playback) .desktopToolButton:focus-visible,.editorShell:not(.is-playback) .desktopToolButton[aria-pressed=true],.editorShell:not(.is-playback) .desktopToolButton[data-active=true],.editorShell:not(.is-playback) .desktopToolMenuButton:hover:not(:disabled),.editorShell:not(.is-playback) .desktopToolMenuButton:focus-visible,.editorShell:not(.is-playback) .desktopToolMenuButton[aria-expanded=true]{border-color:var(--editor-border);background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .desktopToolButton:disabled,.editorShell:not(.is-playback) .desktopToolMenuButton:disabled{opacity:.42}.editorShell:not(.is-playback) .desktopToolIcon{border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.editorShell:not(.is-playback) .yarnStatusTrigger{border:1px solid #0000;grid-template-columns:28px minmax(0,1fr) 14px;gap:7px;min-height:44px;padding:4px 7px}.editorShell:not(.is-playback) .yarnStatusLabel{color:var(--editor-sidebar-text-secondary);font-size:11px;font-weight:570}.editorShell:not(.is-playback) .actionRail[data-editor-state]{border:1px solid var(--editor-menu-panel-hairline);background:var(--editor-chrome-surface);width:260px;box-shadow:var(--editor-chrome-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px;flex-direction:column;display:flex;top:14px;bottom:88px;left:14px;overflow:hidden;transform:none}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring]{width:240px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;border-radius:0;inset:18px auto auto 18px;overflow:visible}.editorShell:not(.is-playback) .desktopToolLayout{z-index:26;pointer-events:auto;flex-direction:row;align-items:center;gap:0;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.editorShell:not(.is-playback) .authoringUnavailableGuidance{border:1px solid var(--editor-border);background:var(--editor-chrome-surface);width:max-content;max-width:min(420px,100vw - 32px);box-shadow:var(--editor-shadow);color:var(--editor-text-secondary);pointer-events:auto;text-align:center;border-radius:9px;margin:0;padding:7px 10px;font-size:10px;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.editorShell:not(.is-playback) .authoringUnavailableGuidance>p{margin:0}.editorShell:not(.is-playback) .authoringRecoveryActions{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:7px;display:flex}.editorShell:not(.is-playback) .authoringRecoveryActions button{border:1px solid var(--editor-border);background:var(--editor-control);min-height:30px;color:var(--editor-text);font:inherit;border-radius:7px;padding:0 9px;font-size:10px;font-weight:650}.editorShell:not(.is-playback) .authoringRecoveryActions button:is(:hover,:focus-visible){background:var(--editor-control-hover)}.editorShell:not(.is-playback) .authoringRecoveryActions button:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:1px}.editorShell:not(.is-playback) .desktopToolPopover{--editor-chrome-surface:#202020;--editor-menu-panel-hairline:#ffffff1f;--editor-chrome-line-subtle:#ffffff1f;--editor-control:#ffffff1f;--editor-control-hover:#ffffff1f;--editor-control-active:#ffffff14;--editor-border:#ffffff2e;--editor-divider:#ffffff1f;--editor-text:#f5f5f5;--editor-text-secondary:#d1d1d1;--editor-text-muted:#a3a3a3;--editor-sidebar-text-primary:#f5f5f5;--editor-sidebar-text-secondary:#d1d1d1;--editor-sidebar-text-muted:#a3a3a3;--editor-primary-action-hover:#dedede;--editor-primary-action-text:#202020;--editor-surface:#202020;z-index:1;max-width:calc(100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.editorShell:not(.is-playback) .desktopToolPopover:after{top:calc(100% - 1px);left:var(--desktop-tool-popover-pointer-left);background:var(--editor-chrome-surface);clip-path:polygon(0 0,100% 0,50% 100%);content:"";width:12px;height:7px;position:absolute;transform:translate(-50%)}.editorShell:not(.is-playback) .desktopToolButton{text-align:center;grid-template-rows:30px 18px;grid-template-columns:1fr;place-items:center;gap:2px;width:88px;min-height:64px;padding:5px 6px;display:grid}.editorShell:not(.is-playback) .desktopToolIcon{background:0 0;border:0;border-radius:8px;width:30px;height:30px}.editorShell:not(.is-playback) .desktopStitchLane .desktopStitchPaletteActions{flex:1;align-items:stretch;gap:2px;min-width:0;display:flex;overflow:visible}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopStitchPaletteActions>.actionButton{color:var(--editor-text-secondary);font:inherit;text-align:center;background:0 0;border:0;border-radius:9px;grid-template-rows:1fr;grid-template-columns:1fr;align-content:center;place-items:center;gap:1px;padding:4px 2px;font-size:10px;display:grid}.editorShell:not(.is-playback) .desktopStitchPaletteActions>.actionButton:hover:not(:disabled):not([aria-disabled=true]),.editorShell:not(.is-playback) .desktopStitchPaletteActions>.actionButton:focus-visible:not([aria-disabled=true]){background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .desktopStitchPaletteActions>.actionButton[aria-disabled=true]:is(:hover,:focus-visible){color:var(--editor-text-secondary);background:0 0}.editorShell:not(.is-playback) .desktopStitchPaletteActions .actionButton>.uiIcon{display:none}.editorShell:not(.is-playback) .desktopStitchPaletteActions .actionSymbol{width:28px;height:30px;color:var(--editor-text);background:0 0;border:0;border-radius:0;place-items:center;line-height:0;display:grid}.editorShell:not(.is-playback) .desktopStitchPaletteActions .actionSymbol>svg{width:24px;height:28px;display:block}.editorShell:not(.is-playback) .desktopStitchPaletteActions .actionCopy{display:none}.editorShell:not(.is-playback) .desktopStitchPaletteActions .actionCopy strong{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:54px;font-size:8px;font-weight:620;line-height:14px;display:block;overflow:hidden}.editorShell:not(.is-playback) .desktopStitchPaletteActions .actionLongLabel{display:none}.editorShell:not(.is-playback) .desktopStitchPaletteActions .actionShortCode{display:inline}.editorShell:not(.is-playback) .desktopStitchPaletteActions>.iconButton{border-radius:9px;width:42px;height:58px}.editorShell:not(.is-playback) .desktopToolDeck{border:1px solid var(--editor-menu-panel-hairline);background:var(--editor-chrome-surface);border-radius:12px;outline:none;align-items:stretch;width:max-content;max-width:calc(100vw - 32px);min-height:56px;padding:4px;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000003d}.editorShell:not(.is-playback) .desktopToolDeck[data-motion=forward]{opacity:1;transition:transform .16s var(--ease-out), opacity .13s var(--ease-out);transform:translate(0)scale(1)}@starting-style{.editorShell:not(.is-playback) .desktopToolDeck[data-motion=forward]{opacity:0;transform:translate(8px)scale(.985)}}.editorShell:not(.is-playback) .desktopToolDeckBack{background:var(--editor-control-active);width:72px;min-width:72px;min-height:48px;color:var(--editor-text);font:inherit;border:0;border-radius:9px;grid-template-rows:24px 14px;place-items:center;gap:1px;padding:4px;font-size:10px;font-weight:650;display:grid}.editorShell:not(.is-playback) .desktopToolDeckBack:hover,.editorShell:not(.is-playback) .desktopToolDeckBack:focus-visible,.editorShell:not(.is-playback) .desktopDeckAction:hover:not(:disabled),.editorShell:not(.is-playback) .desktopDeckAction:focus-visible,.editorShell:not(.is-playback) .desktopDeckAction[aria-pressed=true]{background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .desktopToolDeckBody,.editorShell:not(.is-playback) .desktopDeckActions{align-items:stretch;gap:2px;min-width:0;display:flex}.editorShell:not(.is-playback) .desktopToolDeckBody{scrollbar-width:none;flex:none;overflow-x:auto}.editorShell:not(.is-playback) .desktopToolDeckBody::-webkit-scrollbar{display:none}.editorShell:not(.is-playback) .desktopDeckAction{width:72px;min-width:72px;min-height:48px;color:var(--editor-text-secondary);font:inherit;text-align:center;background:0 0;border:0;border-radius:9px;grid-template-rows:24px 14px;place-items:center;gap:1px;padding:4px;font-size:10px;font-weight:620;display:grid}.editorShell:not(.is-playback) .desktopWorkActions>.yarnPalette.is-toolbar{z-index:auto;width:72px;min-width:72px;height:48px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex:0 0 72px;padding:0;position:static;bottom:auto;left:auto;right:auto;overflow:visible}.editorShell:not(.is-playback) .desktopWorkActions>.yarnPalette.is-toolbar .yarnStatusTrigger{width:72px;min-width:72px;min-height:48px;color:var(--editor-text-secondary);font:inherit;text-align:center;border:0;border-radius:9px;grid-template-rows:24px 14px;grid-template-columns:1fr;place-items:center;gap:1px;padding:4px;font-size:10px;font-weight:620;display:grid}.editorShell:not(.is-playback) .desktopWorkActions>.yarnPalette.is-toolbar .yarnStatusSwatchSlot{width:24px;height:24px}.editorShell:not(.is-playback) .desktopWorkActions>.yarnPalette.is-toolbar .yarnStatusSwatchSlot>.yarnSwatch{width:19px;height:19px}.editorShell:not(.is-playback) .desktopWorkActions>.yarnPalette.is-toolbar .yarnStatusLabel{display:none}.editorShell:not(.is-playback) .desktopWorkActions>.yarnPalette.is-toolbar .yarnStatusTrigger:after{content:"Yarn";width:100%;color:inherit;align-self:center;font-size:10px;font-weight:620;line-height:14px}.editorShell:not(.is-playback) .desktopWorkActions>.yarnPalette.is-toolbar .yarnStatusTrigger>svg{display:none}.editorShell:not(.is-playback) .desktopDeckAction:disabled{opacity:.42}@media (prefers-reduced-motion:reduce){.editorShell:not(.is-playback) .desktopToolDeck[data-motion=forward]{transition-property:opacity;transition-duration:.1s;transform:none}}.editorShell:not(.is-playback) .desktopAuthoringBar{isolation:isolate;width:max-content;max-width:calc(100vw - 32px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;align-items:stretch;gap:0;display:flex;position:relative;overflow:visible}.editorShell:not(.is-playback) .desktopAuthoringBar:before{z-index:0;border:1px solid var(--editor-chrome-line);background:var(--editor-chrome-surface);box-shadow:var(--editor-chrome-shadow);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter);content:"";pointer-events:none;border-radius:14px;position:absolute;inset:0}.editorShell:not(.is-playback) .desktopAuthoringBar>:is(.desktopStitchLane,.desktopWorkLane){z-index:1;position:relative}.editorShell:not(.is-playback) .desktopStitchLane{flex:0 auto;align-items:center;min-width:0;min-height:58px;padding:4px;display:flex}.editorShell:not(.is-playback) .desktopWorkLane{border-top:0;border-left:1px solid var(--editor-divider);flex:none;align-items:center;gap:2px;min-width:0;min-height:58px;padding:4px;display:flex}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopAuthoringBar .desktopStitchPaletteActions>.actionButton{width:42px;min-width:42px;min-height:50px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolButton{border-radius:8px;grid-template-rows:1fr;width:34px;min-height:50px;padding:4px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolButtonGroup{grid-template-columns:34px 24px;width:58px;min-width:58px;min-height:50px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolMenuButton{border-radius:7px;min-width:24px;min-height:50px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolIcon{width:28px;height:28px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolButton>span:last-child{display:none}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar{z-index:auto;width:34px;height:50px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex:0 0 34px;padding:0;position:static;overflow:visible}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusTrigger{background:0 0;border:1px solid #0000;border-radius:8px;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;gap:0;width:34px;height:50px;min-height:50px;padding:4px;display:grid}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusTrigger:is(:hover,:focus-visible),.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusTrigger[aria-expanded=true]{border-color:var(--editor-border);background:var(--editor-control-hover)}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusSwatchSlot{width:28px;height:28px}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusSwatchSlot>.yarnSwatch{width:22px;height:22px}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusLabel,.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusTrigger>svg{display:none}@media (width<=1179px){.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopAuthoringBar .desktopStitchPaletteActions>.actionButton{width:36px;min-width:36px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolButton{width:32px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolButtonGroup{grid-template-columns:32px 24px;width:56px;min-width:56px}.editorShell:not(.is-playback) .desktopWorkLane .desktopToolMenuButton{min-width:24px}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar{flex-basis:32px;width:32px}.editorShell:not(.is-playback) .desktopWorkLane>.yarnPalette.is-toolbar .yarnStatusTrigger{width:32px}}.editorShell:not(.is-playback) .documentActions{z-index:20;top:14px;right:var(--editor-context-surface-inset);width:var(--editor-context-surface-width);border:1px solid var(--editor-chrome-line);background:var(--editor-chrome-surface);min-height:0;box-shadow:var(--editor-chrome-shadow);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter);border-radius:14px;justify-content:space-between;gap:0;padding:6px 8px;display:flex;position:absolute}.editorShell:not(.is-playback) .documentActions>.viewportControls,.editorShell:not(.is-playback) .documentActions>.viewportControls>.viewportControlGroup{display:contents}.editorShell:not(.is-playback) .documentActions:has(.viewControls[open],.displayControls[open],.documentOverflow.is-open){z-index:var(--editor-context-surface-expanded-layer)}.editorShell:not(.is-playback) .documentActions .playbackEntryButton{height:36px;box-shadow:none;color:var(--editor-text-secondary);letter-spacing:.01em;background:0 0;border-color:#0000;border-radius:10px;gap:8px;padding:0 10px;font-size:12px;font-weight:600}.editorShell:not(.is-playback) .documentActions .playbackEntryButton:not(:disabled){color:var(--editor-text-secondary);background:0 0;border-color:#0000}.editorShell:not(.is-playback) .documentActions .playbackEntryButton:hover:not(:disabled){border-color:var(--editor-border);background:var(--editor-control-hover);color:var(--editor-text)}.editorShell:not(.is-playback) .documentActions .playbackEntryButton svg{width:14px;height:14px}.editorShell:not(.is-playback) .documentActions>.iconButton{border-radius:9px;width:36px;height:36px}.editorShell:not(.is-playback) .documentActions>.viewportControls{z-index:auto;height:36px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:4px;padding:0;position:static;bottom:14px;right:14px}.editorShell:not(.is-playback) .documentActions .displayControls{position:relative}.editorShell:not(.is-playback) .documentActions .iconButton{box-shadow:none;color:var(--editor-sidebar-text-muted);background:0 0;border-color:#0000}.editorShell:not(.is-playback) .documentActions .iconButton:disabled{opacity:.35}.editorShell:not(.is-playback) .documentActions>.viewportControls .iconButton{border-radius:10px;width:36px;height:36px}.editorShell:not(.is-playback) .documentActions .viewControlsMenu,.editorShell:not(.is-playback) .documentActions .displayControlsMenu{top:calc(100% + 8px);bottom:auto;right:0}:root{--editor-feedback-top:24px}.editorShell:not(.is-playback) .canvasFeedbackStack{--editor-layer-feedback:100;z-index:var(--editor-layer-feedback);top:var(--editor-feedback-top);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(520px,100vw - 590px);max-width:calc(100vw - 36px);margin-inline:auto;display:flex;position:absolute;left:0;right:0}.editorShell:not(.is-playback) .canvasFeedbackStack:empty{display:none}.editorShell:not(.is-playback) .canvasFeedbackStack .canvasFeedbackItem{pointer-events:auto;--canvas-feedback-accent:var(--editor-text-secondary);z-index:auto;border:1px solid var(--editor-chrome-line);background:var(--editor-surface-raised);max-width:100%;color:var(--editor-text);border-radius:12px;position:relative;inset:auto;transform:none;box-shadow:0 3px 8px #14181c1a}.editorShell:not(.is-playback) .canvasFeedbackStack [data-feedback-tone=info]{--canvas-feedback-accent:var(--editor-guide)}.editorShell:not(.is-playback) .canvasFeedbackStack [data-feedback-tone=success]{--canvas-feedback-accent:var(--editor-success)}.editorShell:not(.is-playback) .canvasFeedbackStack :is([data-feedback-tone=error],[data-feedback-tone=warning]){--canvas-feedback-accent:var(--editor-danger-text)}.editorShell:not(.is-playback) .canvasFeedbackStack [data-feedback-tone=tip]{--canvas-feedback-accent:var(--editor-operation-marker-strong)}.editorShell:not(.is-playback) .canvasFeedbackGlyph{background:color-mix(in srgb, var(--canvas-feedback-accent) 10%, transparent);width:28px;height:28px;color:var(--canvas-feedback-accent);border-radius:8px;flex:none;place-items:center;display:grid}.editorShell:not(.is-playback) .canvasFeedbackStack .targetSelectionPrompt{border-color:var(--editor-chrome-line);background:var(--editor-surface-raised);pointer-events:none;width:100%;min-width:0}.editorShell:not(.is-playback) .canvasFeedbackStack .targetSelectionPrompt :is(.targetCancel,.targetBack){pointer-events:auto}.editorShell:not(.is-playback) .canvasFeedbackStack .targetPromptActions{align-items:center;gap:4px;display:flex}.editorShell:not(.is-playback) .canvasFeedbackStack .targetProgress{border-color:color-mix(in srgb, var(--canvas-feedback-accent) 22%, transparent);background:color-mix(in srgb, var(--canvas-feedback-accent) 9%, transparent);color:var(--canvas-feedback-accent)}.editorShell:not(.is-playback) .canvasFeedbackStack .targetProgress[data-target-prompt-progress]{--canvas-feedback-accent:var(--editor-text-secondary)}.editorShell:not(.is-playback) .canvasFeedbackStack .targetPromptCopy small{color:var(--editor-text-secondary)}.editorShell:not(.is-playback) .canvasFeedbackStack .picotPreview{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:9px;display:grid}.editorShell:not(.is-playback) .picotPreviewSymbol{background:color-mix(in srgb, var(--canvas-feedback-accent) 10%, transparent);width:32px;height:32px;color:var(--canvas-feedback-accent);border-radius:9px;place-items:center;display:grid}.editorShell:not(.is-playback) .picotPreviewCopy{gap:2px;min-width:0;display:grid}.editorShell:not(.is-playback) .picotPreviewCopy strong{font-size:12px;font-weight:680}.editorShell:not(.is-playback) .picotPreviewCopy>span{color:var(--editor-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.editorShell:not(.is-playback) .picotPreviewActions{align-items:center;gap:6px;display:flex}.editorShell:not(.is-playback) .picotPreviewConfirm{border:1px solid color-mix(in srgb, var(--editor-accent) 45%, transparent);background:var(--editor-accent);min-height:44px;color:var(--editor-surface);cursor:pointer;font:inherit;border-radius:11px;padding:0 12px;font-size:11px;font-weight:680}.editorShell:not(.is-playback) .canvasFeedbackStack .autosaveRecoveryBanner{border-color:var(--editor-chrome-line);background:var(--editor-surface-raised);width:100%;min-width:0;color:var(--editor-text);grid-template-columns:auto minmax(0,1fr) auto}.editorShell:not(.is-playback) .storageConflictBackdrop{--canvas-feedback-accent:var(--editor-danger-text);--editor-layer-blocking-state:120;z-index:var(--editor-layer-blocking-state);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:color-mix(in srgb, var(--editor-canvas) 94%, transparent);-webkit-backdrop-filter:blur(24px)saturate(.65);backdrop-filter:blur(24px)saturate(.65);pointer-events:auto;place-items:center;display:grid;position:fixed;inset:0}.editorShell:not(.is-playback) .storageConflictDialog{background:var(--editor-surface-raised);width:min(440px,100%);color:var(--editor-text);-webkit-user-select:text;user-select:text;border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:18px 16px;padding:24px;display:grid;box-shadow:0 4px 8px #14181c24}.editorShell:not(.is-playback) .storageConflictDialog>.canvasFeedbackGlyph{border-radius:12px;width:44px;height:44px}.editorShell:not(.is-playback) .storageConflictDialog>.canvasFeedbackGlyph svg{width:20px;height:20px}.editorShell:not(.is-playback) .storageConflictCopy{gap:8px;min-width:0;display:grid}.editorShell:not(.is-playback) .storageConflictCopy strong{letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.2}.editorShell:not(.is-playback) .storageConflictCopy p{max-width:45ch;color:var(--editor-text-secondary);text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.editorShell:not(.is-playback) .storageConflictAction{background:var(--editor-primary-action);min-height:44px;color:var(--editor-primary-action-text);cursor:pointer;font:inherit;border:0;border-radius:10px;grid-column:2;justify-content:center;justify-self:start;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}@media (hover:hover) and (pointer:fine){.editorShell:not(.is-playback) .storageConflictAction:hover{background:var(--editor-primary-action-hover)}}@media (prefers-reduced-motion:reduce){.editorShell:not(.is-playback) .storageConflictBackdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--editor-canvas)}}.editorShell:not(.is-playback) .canvasFeedbackStack .autosaveRecoveryAction{border-color:var(--editor-chrome-line);background:var(--editor-surface-muted);color:var(--editor-text-secondary)}.editorShell:not(.is-playback) .canvasFeedbackStack .autosaveRecoveryAction.is-primary{border-color:var(--editor-primary-action);background:var(--editor-primary-action);color:var(--editor-primary-action-text)}@media (hover:hover) and (pointer:fine){.editorShell:not(.is-playback) .canvasFeedbackStack .autosaveRecoveryAction.is-primary:hover:not(:disabled){background:var(--editor-primary-action-hover)}}.editorShell:not(.is-playback) .canvasFeedbackStack .autosaveRecoveryAction.is-danger{border-color:var(--editor-danger-line);background:var(--editor-danger-surface);color:var(--editor-danger-text)}.editorShell:not(.is-playback) .canvasFeedbackStack .editorTabOwnershipBanner{color:var(--editor-text)}.editorShell:not(.is-playback) .canvasFeedbackStack .editorTabOwnershipBanner .autosaveRecoveryCopy :is(strong,span){color:inherit}.editorShell:not(.is-playback) .editorTabOwnershipBanner .autosaveRecoveryAction:disabled{cursor:wait;opacity:.62}.editorShell:not(.is-playback) .canvasFeedbackStack .autosaveRecoveryCopy :is(strong,span){color:inherit}.toastAction{min-height:44px}.editorShell:is(.is-hole-targeting,.is-picot-previewing)>.canvasFeedbackStack{pointer-events:none}.editorShell:is(.is-hole-targeting,.is-picot-previewing)>.canvasFeedbackStack .canvasFeedbackItem{pointer-events:auto}.editorShell:not(.is-playback) .documentOverflow .documentOverflowMenu[hidden]{display:none}.editorShell:not(.is-playback) .documentOverflow>.documentOverflowTrigger{position:relative}.editorShell:not(.is-playback) .documentOverflowIssueBadge{border:2px solid var(--editor-chrome-surface);background:var(--editor-danger-text);min-width:16px;height:16px;color:var(--editor-surface-raised);border-radius:999px;place-items:center;padding-inline:2px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;right:1px}.editorShell:not(.is-playback) :is(.documentOverflowMenu button,.playbackEntryButton,.iconButton,.actionButton)[aria-disabled=true]{cursor:not-allowed;opacity:.46}.editorShell:not(.is-playback) .documentOverflowMenu button[aria-disabled=true]:is(:hover,:focus-visible){color:var(--editor-text-secondary);background:0 0}.editorShell:not(.is-playback) .stitchLibrarySearch{border:1px solid var(--editor-border);background:var(--editor-control);min-height:40px;color:var(--editor-text-muted);border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:7px;margin:0 4px 10px;padding:0 10px;display:grid}.editorShell:not(.is-playback) .stitchLibrarySearch:focus-within{border-color:var(--editor-focus-ring);box-shadow:0 0 0 1px var(--editor-focus-ring)}.editorShell:not(.is-playback) .stitchLibrarySearch input{min-width:0;height:38px;color:var(--editor-text);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:13px}.editorShell:not(.is-playback) .stitchLibrarySearch input::placeholder{color:var(--editor-text-muted)}.editorShell:not(.is-playback) .stitchLibraryEmpty{color:var(--editor-text-muted);text-align:center;margin:0;padding:28px 12px;font-size:12px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopAuthoringBar .desktopStitchPaletteActions>.desktopPrimaryStitchAction{grid-template-rows:29px 13px;width:48px;min-width:48px}.editorShell:not(.is-playback) .desktopStitchPaletteActions>.desktopPrimaryStitchAction .actionCopy,.editorShell:not(.is-playback) .desktopStitchPaletteActions>.desktopLibraryButton .actionCopy{width:100%;display:grid}.editorShell:not(.is-playback) .desktopStitchPaletteActions>.desktopPrimaryStitchAction .actionCopy strong{max-width:none;font-size:8px;line-height:12px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopAuthoringBar .desktopStitchPaletteActions>.desktopLibraryButton{grid-template-rows:29px 13px;width:72px;min-width:72px}.editorShell:not(.is-playback) .desktopStitchPaletteActions>.desktopLibraryButton .actionCopy strong{max-width:none;font-size:9px;line-height:12px}.editorShell:not(.is-playback) .desktopStitchPaletteActions>.desktopLibraryButton .actionSymbol>svg{width:19px;height:19px}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop]{z-index:60;display:block;position:fixed;inset:0}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryBackdrop{opacity:1;width:100%;transition:opacity .16s var(--ease-out);background:#1414143d;border:0;position:absolute;inset:0}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryDialog{border:1px solid var(--editor-chrome-line);background:var(--editor-chrome-surface);width:min(640px,100vw - 48px);max-height:min(720px,100dvh - 80px);box-shadow:var(--editor-shadow);color:var(--editor-text);opacity:1;transition:opacity .16s var(--ease-out), transform .18s var(--ease-out);-webkit-backdrop-filter:var(--editor-backdrop-filter);backdrop-filter:var(--editor-backdrop-filter);border-radius:16px;outline:none;flex-direction:column;padding:12px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop][data-closing=true]{pointer-events:none}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop][data-closing=true] .stitchLibraryBackdrop{opacity:0}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop][data-closing=true] .stitchLibraryDialog{opacity:0;transform:translate(-50%,-49%)scale(.985)}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryHeader{justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 2px 8px 8px;display:flex}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryHeader h2{letter-spacing:-.015em;margin:0;font-size:16px;font-weight:650}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryBody{overscroll-behavior:contain;align-content:start;gap:10px;min-height:0;padding:2px 4px 4px;display:grid;overflow-y:auto}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryAction,.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryGroupAction{width:100%;min-height:58px;color:var(--editor-text-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:38px minmax(0,1fr) 18px;place-items:center stretch;gap:8px;padding:6px 8px;display:grid}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryGroupAction{grid-template-columns:38px minmax(0,1fr)}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] :is(.stitchLibraryAction,.stitchLibraryGroupAction):is(:hover,:focus-visible){border-color:var(--editor-chrome-line);background:var(--editor-control-hover);outline:none}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] :is(.stitchLibraryAction,.stitchLibraryGroupAction) .actionSymbol{width:34px;height:34px;color:var(--editor-text);background:0 0;border:0;place-items:center;display:grid}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] :is(.stitchLibraryAction,.stitchLibraryGroupAction) .actionCopy strong{max-width:none;color:var(--editor-text);font-size:12px;font-weight:560}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryGroup{border-top:1px solid var(--editor-divider);padding-top:10px;display:block}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryGroup>h3{min-height:24px;color:var(--editor-text-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;margin:0;padding:0 8px 5px;font-size:10px;font-weight:650;display:flex}.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryGroup .stitchActionGroupList{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}@media (prefers-reduced-motion:reduce){.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop] .stitchLibraryDialog,.editorShell:not(.is-playback) .stitchLibraryLayer[data-presentation=desktop][data-closing=true] .stitchLibraryDialog{transition-timing-function:linear;transform:translate(-50%,-50%);transition-property:opacity!important;transition-duration:1ms!important}}.editorShell[data-editor-layout=compact]:not(.is-playback) .canvasFeedbackStack{width:min(520px,100% - 32px);top:76px}.editorShell[data-editor-layout=compact] .documentOverflowMenu{max-width:calc(100vw - 32px);max-height:calc(100dvh - 88px);overflow-y:auto}.editorShell[data-editor-layout=compact] .documentActions{width:auto}.editorShell[data-editor-layout=compact] .documentOverflowMenu .colorThemeToggle{width:100%;height:auto}.editorShell:not(.is-playback) .exportFormatDialog.hasPreview{width:min(960px,100vw - 48px);max-height:calc(100dvh - 48px);padding:16px;overflow:auto}.exportPreviewToolbar{color:var(--editor-text-secondary);justify-content:space-between;align-items:center;gap:16px;margin:0 0 8px;font-size:12px;display:flex}.exportPreviewToolbar button{border:1px solid var(--editor-chrome-line);border-radius:6px;padding:6px 12px}.exportPreviewViewport{border:1px solid var(--editor-chrome-line);background:#e8e9ec;border-radius:8px;height:clamp(200px,42dvh,480px);overflow:auto}.exportPreviewStage{box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:flex}.exportPreviewViewport img{background:#fff;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 0 0 1px #c4c7ce,0 2px 6px #00000014}.editorShell:not(.is-playback) .exportFormatDialog.hasPreview{margin:auto}.editorShell:not(.is-playback) .exportFormatDialog.hasPreview[open]{grid-template-columns:minmax(0,1fr) 250px;gap:8px 16px;display:grid}.editorShell:not(.is-playback) .exportFormatDialog.hasPreview .exportFormatDialogHeader{grid-column:1/-1;min-height:32px;padding:0}.exportFormatDialog.hasPreview .exportPreviewViewport{height:min(56dvh,560px)}.exportFormatDialog.hasPreview .exportSettings{align-self:start}.exportPreviewZoom{gap:6px;display:flex}.desktopPaletteCommand[data-repeat-target=same]{background:var(--editor-tip-active-fill)}.repeatTargetEmphasis{font-weight:600}.selectionCourseActions,.selectionYarnActions{padding:0 12px 8px}.selectionYarnActions{gap:6px;display:grid}.selectionCourseActionsTrigger,.selectionYarnActions button{background:var(--editor-surface-muted);width:100%;min-height:32px;color:var(--editor-text);font:inherit;cursor:pointer;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.selectionCourseActionsTrigger:focus-visible,.selectionYarnActions button:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.editorShell .examplePlayer{max-width:calc(100vw - 224px);bottom:80px;left:auto;right:16px;translate:none}.editorShell:has(.actionRail:not(.is-desktop-sidebar-minimized)) .examplePlayer{max-width:calc(100vw - 288px)}.editorShell:has(.examplePlayer) :is(.debugTrigger,.examplesTrigger){visibility:hidden}.yarnBallConnection{pointer-events:none;z-index:31;width:100%;height:100%;position:absolute;inset:0}.yarnBallDock{z-index:30;border:1px solid color-mix(in srgb, var(--panel-ink-body) 9%, transparent);background:var(--editor-surface);border-radius:26px;max-width:calc(100% - 340px);padding:15px 18px 10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px #00000003,0 12px 32px #00000008}.editorShell:has(.is-desktop-sidebar-minimized) .yarnBallDock{left:50%}.editorShell.is-playback .yarnBallDock{display:none}.yarnBallChoices{scrollbar-width:thin;align-items:center;gap:12px;max-width:100%;padding:7px 2px 0;display:flex;overflow-x:auto}.yarnBallChoice{width:62px;color:var(--editor-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:0 0 62px;align-items:center;gap:7px;padding:0 2px 4px;font-size:11px;display:flex}.yarnBallChoice>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.yarnBallChoice[aria-pressed=true]{color:var(--panel-ink-body);font-weight:650}.yarnBallChoice:disabled{cursor:default}.yarnBallChoice:focus-visible,.yarnBallAdd:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:3px}.yarnBall{filter:drop-shadow(0 3px 2px #00000018);width:54px;height:54px;transition:transform .15s var(--ease-out);display:block}.yarnBall svg{width:100%;height:100%;display:block}.yarnBallChoice[aria-pressed=true] .yarnBall{filter:drop-shadow(0 4px 3px #00000026)}.yarnBallChoice:active:not(:disabled) .yarnBall{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.yarnBallChoice:hover:not(:disabled) .yarnBall{filter:brightness(1.06)drop-shadow(0 4px 3px #00000026)}}.yarnBallAdd{border:1px dashed var(--panel-line-soft);width:30px;height:30px;color:var(--editor-text-muted);cursor:pointer;background:0 0;border-radius:50%;flex:0 0 30px;place-items:center;margin:0 2px 22px 3px;display:grid}.yarnBallCaption{border-top:1px solid var(--panel-line-soft);color:var(--editor-text-muted);justify-content:center;align-items:center;gap:10px;margin-top:8px;padding-top:9px;font-size:10px;line-height:16px;display:flex}.yarnBallCaption button{color:var(--panel-ink-body);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.yarnBallDock.is-changing-range{border-color:color-mix(in srgb, var(--editor-accent) 24%, transparent)}@media (prefers-reduced-motion:reduce){.yarnBall{transition:none}}.desktopWorkingYarn .yarnPalette.is-toolbar{width:100%;height:auto;box-shadow:none;background:0 0;border:0;flex-wrap:wrap;padding:0 0 8px;display:flex;position:static}.desktopWorkingYarn .yarnStatusTrigger{gap:8px;width:100%;height:auto;min-height:36px;padding:6px 8px;display:flex}.desktopWorkingYarn .yarnStatusLabel{font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);text-align:left;flex:1;min-width:0;display:block}.desktopWorkingYarn .yarnCancelChange{font-size:var(--panel-body-size);margin:4px 8px}.yarnMaterialDetails{grid-column:1/-1}.yarnMaterialDetails summary{cursor:pointer;padding:6px 0}.yarnMaterialDetails[open]>label{gap:4px;margin-top:8px;display:grid}.patternBoundaryEndActions button{border:1px solid var(--panel-line-soft);background:var(--editor-surface);color:var(--panel-ink-body);font:inherit;font-size:var(--panel-body-size);cursor:pointer;border-radius:6px;padding:7px 10px}.patternBoundaryEndActions{pointer-events:auto;gap:4px;margin-top:5px;display:flex}.canvasPane[data-space-pan=true] .patternBoundaryMarkerGlyphs,.canvasPane[data-space-pan=true] .patternBoundaryEndActions{pointer-events:none}.startPatternColor{padding:5px 18px 16px}.startPatternCustomColor{cursor:pointer;background:conic-gradient(#e8796a,#e6b85c,#7c9a82,#648eb5,#a58ab5,#e8796a);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.startPatternCustomColor input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.startPatternCustomColor:focus-within{outline:2px solid var(--editor-text);outline-offset:3px}.startPatternCustomColor>span{background:var(--editor-chrome);width:14px;height:14px;color:var(--editor-text);border-radius:50%;place-items:center;font-size:14px;line-height:1;display:grid}.startPatternSwatches{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.startPatternColorSwatch{border:3px solid var(--editor-chrome);width:28px;height:28px;box-shadow:0 0 0 1px var(--editor-border);border-radius:50%;padding:0}.startPatternColorSwatch.is-default{background:var(--editor-text)}.startPatternColorSwatch[aria-pressed=true],.startPatternCustomColor[data-selected=true]{box-shadow:0 0 0 2px var(--editor-text)}.yarnWorkingSurface>.yarnAddAction{background:var(--editor-control);border:0}.editorShell:not(.is-playback) .desktopActionPaletteYarn.desktopNextStitchFooter{gap:4px}.desktopCourseHeading,.desktopCourseActionRow,.desktopCourseReady{justify-content:space-between;align-items:center;gap:8px;display:flex}.desktopCourseHeading{color:var(--panel-ink-body);font-size:var(--panel-body-size);padding-inline:8px}.desktopCourseFacing{color:var(--panel-ink-meta);font-size:11px}.desktopCoursePrimary,.desktopCourseReady{border-radius:var(--panel-control-radius);background:var(--panel-hover);min-width:0;height:36px;color:var(--panel-ink-body);text-align:left;font-size:var(--panel-body-size);border:0;flex:1;padding:0 10px}.desktopCoursePrimary{font-weight:var(--panel-weight-strong)}.desktopCourseReady{padding-right:2px}.desktopCourseIcon{border-radius:var(--panel-control-radius);width:32px;height:32px;color:var(--panel-ink-meta);background:0 0;border:0;flex:0 0 32px;justify-content:center;align-items:center;display:inline-flex}.desktopCourseIcon:hover{background:var(--panel-hover)}.desktopCoursePopover{border:1px solid var(--panel-line-soft);background:var(--panel-bg,var(--background));width:230px;color:var(--panel-ink-body);border-radius:10px;margin:0;padding:4px;position:fixed;inset:auto auto 78px 12px;box-shadow:0 4px 18px #00000018}.desktopCoursePopover>button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 10px;font-size:13px;display:flex}.desktopCoursePopover>button:hover{background:var(--panel-hover)}.desktopCoursePopover button:disabled,.desktopCourseActionRow button:disabled{opacity:.45}.startPatternColorTrigger{border:0;border-top:1px solid var(--editor-border);min-height:48px;color:var(--editor-text-secondary);background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:12px;display:flex}.startPatternColorValue{color:var(--editor-text);align-items:center;gap:8px;display:flex}.startPatternColorPreview{border:2px solid var(--editor-chrome);background:var(--editor-text);width:16px;height:16px;box-shadow:0 0 0 1px var(--editor-border);border-radius:50%;flex-shrink:0}.startPatternColorTrigger:hover{background:var(--editor-control)}.startPatternColorTrigger[aria-expanded=true] .startPatternColorValue>svg{transform:rotate(180deg)}.selectionRecovery{margin:8px 12px;font-size:12px;line-height:1.5}.selectionRecovery p{margin:0 0 6px}.reconnectTargetPrompt{z-index:40;background:var(--editor-surface);width:min(520px,100vw - 304px);color:var(--editor-text);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;display:grid;position:fixed;bottom:24px;left:calc(50% + 128px);transform:translate(-50%);box-shadow:0 2px 12px #00000018}.editorShell.has-yarn-ball-connection .patternBoundaryMarker[data-end-state=active] .patternBoundaryMarkerGlyphs:before,.editorShell.has-yarn-ball-connection .patternBoundaryMarker[data-end-state=active] .patternBoundaryMarkerGlyphs:after{display:none}.patternHomeLink{width:28px;height:32px;color:var(--editor-text-secondary);border-radius:6px;flex:0 0 28px;place-items:center;display:grid}.patternHomeLink:hover{color:var(--editor-text);background:var(--editor-control-hover)}.patternHomeLink:focus-visible,.patternPublishButton:focus-visible,.patternOverflowLinks a:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.patternSaveStatus{color:var(--editor-text-secondary);white-space:nowrap;align-items:center;gap:5px;padding-inline:6px;font-size:11px;display:flex}.patternSaveStatus[data-save-state=error]{color:var(--editor-danger-text)}.patternSaveStatus[data-save-state=offline]{color:var(--editor-warning)}.editorShell:not(.is-playback) .documentActions:has(>.patternPublishButton){width:max-content;max-width:calc(100vw - 2 * var(--editor-context-surface-inset));gap:2px}.patternPublishButton{background:var(--editor-primary-action);min-height:32px;color:var(--editor-primary-action-text);border-radius:7px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.patternPublishButton:hover{background:var(--editor-primary-action-hover)}.patternOverflowLinks{border-bottom:1px solid var(--editor-border);margin-bottom:4px;padding-bottom:4px}.patternOverflowLinks a{min-height:32px;color:var(--editor-text);border-radius:5px;align-items:center;padding:6px 9px;font-size:12px;text-decoration:none;display:flex}.patternOverflowLinks a:hover{background:var(--editor-control-hover)}.desktopSidebarUtilities{border-top:1px solid var(--editor-border);flex-shrink:0;gap:4px;padding:8px 10px;display:flex}.editorShell:not(.is-playback) .desktopSidebarUtilities :is(.debugTrigger,.examplesTrigger){flex:1;justify-content:flex-start;align-items:center;gap:7px;width:auto;padding:0 8px;font-size:12px;display:flex;position:static;translate:none}.sidebarUtilityLabel{display:none}.desktopSidebarUtilities .sidebarUtilityLabel{display:inline}.desktopWorkingYarn:has(.has-ball-dock){display:contents}.editorShell:not(.is-playback) .yarnPalette.has-ball-dock{display:contents}.yarnBallManage{width:22px;height:22px;color:var(--editor-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;bottom:4px;right:6px}.yarnBallManage:hover{background:var(--editor-control-hover)}.yarnBallCancel{color:var(--editor-text-secondary);cursor:pointer;background:0 0;border:0;margin:6px auto 0;padding:2px 6px;font-size:11px;display:block}.editorShell:not(.is-playback) .desktopSidebarUtilities :is(.debugTrigger,.examplesTrigger){box-shadow:none;background:0 0;border:0}.editorShell:not(.is-playback) .desktopSidebarUtilities :is(.debugTrigger,.examplesTrigger):hover{background:var(--editor-control-hover)}.yarnBallDragHandle{cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;height:16px;display:grid;position:absolute;inset:0 24px auto}.yarnBallDragHandle:active{cursor:grabbing}.yarnBallDragHandle span{background:var(--editor-border-strong);border-radius:3px;width:28px;height:3px}.editorShell[data-yarn-aids-hidden=true] :is(.yarnBallDock,.yarnBallConnection,.patternBoundaryMarker.is-working-tail){visibility:hidden;pointer-events:none}.editorShell.is-playback .patternBoundaryMarker.is-working-tail{display:none}.debugTrigger{z-index:51;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:36px;height:36px;color:var(--editor-text-muted);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid;position:fixed;left:calc(50% - 22px);translate:-50%}.debugTrigger:hover,.debugTrigger:focus-visible{background:var(--editor-control-hover);color:var(--editor-text)}.debugMenu{z-index:80;bottom:calc(60px + env(safe-area-inset-bottom,0px));border:1px solid var(--editor-border-strong);background:var(--editor-surface-raised);width:min(244px,100vw - 24px);max-height:min(520px,100dvh - 64px);box-shadow:var(--editor-shadow);color:var(--editor-text);opacity:1;overscroll-behavior:contain;transform-origin:bottom;transition:opacity .12s var(--ease-out), transform .14s var(--ease-out);border-radius:10px;gap:2px;padding:4px;display:grid;position:fixed;left:50%;overflow-y:auto;transform:translateY(0)scale(1)translate(-50%)}@starting-style{.debugMenu{opacity:0;transform:translateY(4px)scale(.98)}}.debugMenu :is(button,a){min-height:38px;color:var(--editor-text-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 10px;font-size:12px;text-decoration:none;display:flex}.debugMenu :is(button,a):hover,.debugMenu :is(button,a):focus-visible{background:var(--editor-control-hover);color:var(--editor-text);outline:none}.debugMenu :is(button,a):focus-visible{box-shadow:inset 0 0 0 2px var(--editor-focus-ring)}[data-autoplay-active=true]{border-color:color-mix(in srgb, var(--editor-accent) 55%, transparent);background:color-mix(in srgb, var(--editor-accent) 12%, transparent);color:var(--editor-text);transition:background .12s var(--ease-out), border-color .12s var(--ease-out), color .12s var(--ease-out)}@media (prefers-reduced-motion:reduce){.debugMenu{transition:opacity .1s var(--ease-out);transform:none}@starting-style{.debugMenu{opacity:0;transform:none}}}.examplesTrigger{bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:51;width:36px;height:36px;color:var(--editor-text-muted);font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex;position:fixed;left:calc(50% + 22px);translate:-50%}.examplesTrigger:hover{color:var(--editor-text);background:var(--editor-control-hover)}.examplesTrigger:disabled{opacity:.4;cursor:default}.exampleLibrary{border:1px solid var(--editor-border-strong);background:var(--editor-surface-raised);width:min(520px,100vw - 32px);max-height:calc(100dvh - 64px);color:var(--editor-text);box-shadow:var(--editor-shadow);border-radius:16px;margin:auto;padding:24px}.exampleLibrary::backdrop{background:#12121452}.exampleLibrary header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px;display:flex}.exampleEyebrow{color:var(--editor-text-muted);letter-spacing:.13em;font-size:9px}.exampleLibrary h2{letter-spacing:-.025em;margin:6px 0 0;font-size:22px;font-weight:550}.exampleLibrary button{color:inherit;font:inherit;cursor:pointer}.exampleLibrary header button{background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px;display:flex}.exampleSearch{border:1px solid var(--editor-border);color:var(--editor-text-muted);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.exampleSearch input{width:100%;color:var(--editor-text);font:inherit;background:0 0;border:0;outline:none;font-size:12px}.exampleSearch:focus-within{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.exampleList{max-height:min(470px,100dvh - 280px);margin-top:14px;overflow:auto}.exampleList button{border:0;border-bottom:1px solid var(--editor-border);text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:15px 8px;display:flex}.exampleList button>svg{color:var(--editor-text-muted);margin-left:auto}.exampleList strong{font-size:13px;font-weight:550;display:block}.exampleList small{color:var(--editor-text-muted);margin-top:4px;font-size:11px;display:block}.exampleIndex{color:var(--editor-text-muted);font-variant-numeric:tabular-nums;align-self:start;padding-top:2px;font-size:10px}.exampleList button:hover,.exampleLibrary header button:hover{background:var(--editor-control-hover);border-radius:6px}.exampleLibrary footer{color:var(--editor-text-muted);justify-content:space-between;gap:12px;margin-top:18px;font-size:10px;display:flex}.exampleEmpty{color:var(--editor-text-muted);padding:30px 10px;font-size:12px}.examplePlayer{bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:82;border:1px solid var(--editor-border-strong);background:var(--editor-surface-raised);max-width:calc(100vw - 24px);color:var(--editor-text);box-shadow:var(--editor-shadow);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:fixed;left:50%;translate:-50%}.exampleNowPlaying{width:190px;min-width:0;margin-right:8px}.exampleNowPlaying strong,.exampleNowPlaying>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.exampleNowPlaying strong{font-size:11px;font-weight:550}.exampleNowPlaying>span{color:var(--editor-text-muted);margin-top:4px;font-size:10px}.examplePlayer button{width:32px;height:32px;color:var(--editor-text);cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;padding:0;display:grid}.examplePlayer button:hover{background:var(--editor-control-hover)}.examplePlayer button:disabled{opacity:.3;cursor:default}.examplePlayer .examplePlayToggle{background:var(--editor-control-hover)}.exampleSpeed{color:var(--editor-text-muted);align-items:center;gap:8px;margin:0 10px;font-size:10px;display:flex}.exampleSpeed input{width:92px;accent-color:var(--editor-accent)}.exampleSpeed output{text-align:right;font-variant-numeric:tabular-nums;width:30px;color:var(--editor-text)}.exampleProgress{color:var(--editor-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.exampleCursor{z-index:91;pointer-events:none;visibility:hidden;color:var(--editor-accent);stroke:var(--editor-surface-raised);stroke-width:1.5px;filter:drop-shadow(0 2px 3px #0003);position:fixed;top:0;left:0}.exampleCursor[data-pressed=true]{color:var(--editor-text)}.examplePlayer button:focus-visible,.exampleLibrary button:focus-visible,.examplesTrigger:focus-visible{outline:2px solid var(--editor-focus-ring);outline-offset:2px}.startPatternLayer[data-modal=false]{z-index:80;pointer-events:none}.startPatternLayer[data-modal=false] .startPatternDialog{pointer-events:auto}.exampleGroups{gap:8px;margin-bottom:16px;display:flex}.exampleGroups button{border:1px solid var(--editor-border);background:0 0;border-radius:8px;padding:8px 12px}.exampleGroups button[aria-pressed=true]{background:var(--editor-control-hover);font-weight:600}html,body{overscroll-behavior:none;width:100%;height:100%;min-height:0;overflow:hidden}body{position:fixed;inset:0}.editorShell{overscroll-behavior:none;width:100%;height:100%;min-height:0;position:fixed;inset:0;overflow:hidden}@supports (height:100dvh){body,.editorShell{height:100dvh}}.authorNotesLayer{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:hidden}.authorNotesTool{pointer-events:auto;position:absolute;top:54px;left:16px}.authorNotesTool button,.authorNoteEditor button{border:1px solid var(--border);background:var(--background);color:inherit;cursor:pointer;border-radius:6px;padding:5px 9px}.authorNotesHits{transform-origin:0 0;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.authorNoteEditor{border:1px solid var(--border);background:var(--background);pointer-events:auto;border-radius:10px;gap:8px;width:290px;max-width:calc(100% - 16px);padding:12px;display:grid;position:absolute;box-shadow:0 4px 18px #0002}.authorNoteEditor input{border:1px solid var(--border);min-width:0;color:inherit;background:0 0;border-radius:5px;padding:7px;font-size:14px}.authorNoteLabel{font-size:12px;font-weight:600}.authorNoteEditor small{opacity:.7;font-size:10px}.authorNoteKinds,.authorNoteActions{gap:5px;display:flex}.authorNoteKinds button{font-size:12px}.authorNoteKinds button[aria-pressed=true]{background:var(--muted);border-color:currentColor}.authorNoteEditor button:disabled{opacity:.4;cursor:default}.editorShell:not(.is-playback){--panel-ink:var(--editor-text);--panel-ink-body:color-mix(in srgb, var(--editor-text) 84%, transparent);--panel-ink-soft:var(--editor-text-secondary);--panel-ink-meta:var(--editor-text-muted);--panel-line:var(--editor-chrome-line);--panel-line-soft:var(--editor-chrome-line-subtle);--panel-hover:var(--editor-control-hover);--panel-active:var(--editor-accent-soft);--panel-title-size:13px;--panel-body-size:12px;--panel-meta-size:11px;--panel-code-size:10px;--panel-caps-size:10px;--panel-weight-body:570;--panel-weight-strong:620;--panel-weight-caps:680;--panel-radius:16px;--panel-control-radius:9px;--panel-row-height:36px;--panel-pad-inline:12px;--panel-section-gap:8px;--editor-context-surface-width:304px}.editorShell:not(.is-playback)[data-editor-editing=full] .actionRail[data-editor-state=authoring] .desktopToolLayout{display:none}.editorShell:not(.is-playback) .desktopActionPaletteSection>h2,.editorShell:not(.is-playback) .desktopActionPaletteYarn>h2,.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel .inspectorSection h3,.editorShell:not(.is-playback) .selectionSidePanelActionArea .inspectorActionGroupLabel{color:var(--panel-ink-meta);font-size:var(--panel-caps-size);font-weight:var(--panel-weight-caps);letter-spacing:.075em;text-transform:uppercase;margin:0;line-height:1.2}.editorShell:not(.is-playback) .desktopSidebarMinimize{width:28px;height:28px;color:var(--panel-ink-meta);background:0 0;border:0;border-radius:7px;flex:0 0 28px;place-items:center;padding:0;display:grid}.editorShell:not(.is-playback) .desktopSidebarMinimize:is(:hover,:focus-visible),.editorShell:not(.is-playback) .desktopSidebarRestore:is(:hover,:focus-visible){background:var(--panel-hover);color:var(--panel-ink)}.editorShell:not(.is-playback) .desktopSidebarRestore{border:1px solid var(--panel-line);background:var(--editor-chrome-surface);width:40px;height:40px;box-shadow:var(--editor-chrome-shadow);color:var(--panel-ink-body);pointer-events:auto;border-radius:12px;flex:0 0 40px;place-items:center;padding:0;display:grid}.editorShell:not(.is-playback) .desktopActionPaletteScroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;overflow:hidden auto}.editorShell:not(.is-playback) .desktopActionPaletteSection{gap:var(--panel-section-gap);padding:12px var(--panel-pad-inline);display:grid}.editorShell:not(.is-playback) .desktopActionPaletteSection+.desktopActionPaletteSection{border-top:1px solid var(--panel-line-soft)}.editorShell:not(.is-playback) .desktopActionPaletteGroup{gap:2px;display:grid}.editorShell:not(.is-playback) .desktopActionPaletteGroup>h3{margin:0}.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle{border-radius:var(--panel-control-radius);width:100%;min-height:32px;color:var(--panel-ink-body);font:inherit;font-size:var(--panel-body-size);font-weight:var(--panel-weight-strong);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:3px 8px;line-height:1.3;display:flex}.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle:is(:hover,:focus-visible){background:var(--panel-hover);color:var(--panel-ink)}.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle>svg,.editorShell:not(.is-playback) .desktopPaletteCommand.is-disclosure>svg:last-child{color:var(--panel-ink-meta);transition:transform .14s var(--ease-out);flex:none}.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle[aria-expanded=true]>svg,.editorShell:not(.is-playback) .desktopPaletteCommand.is-disclosure[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}.editorShell:not(.is-playback) .desktopActionPaletteList{gap:0;display:grid}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction,.editorShell:not(.is-playback) .desktopPaletteCommand{width:100%;min-height:var(--panel-row-height);border-radius:var(--panel-control-radius);color:var(--panel-ink-body);font:inherit;font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 8px;line-height:1.3;display:grid}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction:is(:hover,:focus-visible),.editorShell:not(.is-playback) .desktopPaletteCommand:is(:hover,:focus-visible){background:var(--panel-hover);color:var(--panel-ink)}.editorShell:not(.is-playback) .desktopPaletteCommand[aria-expanded=true],.editorShell:not(.is-playback) .desktopPaletteCommand[aria-pressed=true]{background:var(--panel-active);color:var(--panel-ink)}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction[aria-disabled=true],.editorShell:not(.is-playback) .desktopPaletteCommand:disabled,.editorShell:not(.is-playback) .desktopPaletteCommand[aria-disabled=true]{opacity:.45;background:0 0}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionSymbol,.editorShell:not(.is-playback) .desktopPaletteCommand>:first-child:not(span),.editorShell:not(.is-playback) .desktopPaletteCommand>span:first-child{width:28px;height:30px;color:var(--panel-ink);background:0 0;border:0;place-items:center;display:grid}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionSymbol>svg,.editorShell:not(.is-playback) .desktopPaletteCommand.is-foundation>svg{width:24px;height:27px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionCopy{gap:2px;min-width:0;display:grid}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionCopy strong{min-width:0;color:inherit;font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);text-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;line-height:1.3;display:grid}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionLongLabel{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionShortCode{color:var(--panel-ink-meta);font-size:var(--panel-code-size);font-variant-numeric:tabular-nums;text-align:right;font-weight:650;display:block}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionCopy small{color:var(--panel-ink-meta);font-size:var(--panel-code-size);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction>.uiIcon{display:none}.editorShell:not(.is-playback) .desktopPaletteCommand.is-foundation{min-height:48px}.editorShell:not(.is-playback) .desktopPaletteCommand.is-foundation>span{gap:2px;display:grid}.editorShell:not(.is-playback) .desktopPaletteCommand.is-foundation strong{color:inherit;font-size:var(--panel-body-size);font-weight:var(--panel-weight-strong)}.editorShell:not(.is-playback) .desktopPaletteCommand.is-foundation small{color:var(--panel-ink-meta);font-size:var(--panel-meta-size);font-weight:480}.editorShell:not(.is-playback) .desktopActionPaletteYarn{gap:var(--panel-section-gap);border-top:1px solid var(--panel-line-soft);padding:12px var(--panel-pad-inline);flex:none;display:grid}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:static}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar .yarnStatusTrigger{border-radius:var(--panel-control-radius);border:0;grid-template-rows:1fr;grid-template-columns:28px minmax(0,1fr) 16px;place-items:center start;gap:8px;width:100%;height:40px;min-height:40px;padding:4px 8px;display:grid}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar .yarnStatusSwatchSlot{width:26px;height:26px}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar .yarnStatusSwatchSlot>.yarnSwatch{width:22px;height:22px}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar .yarnStatusLabel{color:var(--panel-ink-body);font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);display:block}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar .yarnStatusTrigger>svg{color:var(--panel-ink-meta);justify-self:end;display:block}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel,.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel.is-collapsed{z-index:var(--editor-context-surface-layer);top:var(--editor-context-surface-panel-top);right:var(--editor-context-surface-inset);width:var(--editor-context-surface-width);max-width:calc(100vw - 28px);max-height:var(--editor-context-surface-max-height);border-radius:var(--panel-radius);padding:var(--panel-pad-inline);background:var(--editor-chrome-surface);box-shadow:var(--editor-chrome-shadow);pointer-events:auto;transform-origin:100% 0;border:0;position:fixed;bottom:auto;left:auto;overflow:visible;transform:none}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel .inspectorHeader,.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel.is-collapsed .inspectorHeader{border-bottom:0;min-height:40px;margin-bottom:10px;padding:0 0 10px}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel .inspectorSelectionCopy strong{color:var(--panel-ink);font-size:var(--panel-title-size);font-weight:var(--panel-weight-strong);letter-spacing:-.01em;line-height:1.25}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel :is(.inspectorIdentityIcon,.selectionSummarySymbol){border-radius:var(--panel-control-radius);width:32px;height:32px;color:var(--panel-ink);flex:0 0 32px}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel :is(.inspectorSection,.inspectorDelete){border:0}.editorShell:not(.is-playback) .selectionSidePanelActions{flex-wrap:wrap;align-items:center;gap:4px;padding-top:2px;display:flex}.editorShell:not(.is-playback) .selectionSidePanelPrimary{flex:1 0 100%;width:100%;min-width:0;margin-bottom:6px}.editorShell:not(.is-playback) .selectionSidePanelSetting{width:100%;min-height:32px;color:var(--panel-ink-soft);font-size:var(--panel-meta-size);justify-content:space-between;align-items:center;gap:12px;font-weight:520;line-height:1.35;display:flex}.editorShell:not(.is-playback) .selectionPlacementStatus{min-height:30px;color:var(--panel-ink-soft);font-size:var(--panel-meta-size);justify-content:space-between;align-items:baseline;gap:12px;margin:0;line-height:1.35;display:flex}.editorShell:not(.is-playback) .selectionPlacementStatus strong{color:var(--panel-ink-body);font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);text-align:right}.editorShell:not(.is-playback) .selectionSidePanelPrimary .inspectorTypeField{grid-template-columns:56px minmax(0,1fr);gap:8px}.editorShell:not(.is-playback) .selectionInspector.is-inspector :is(.inspectorField,.inspectorTypeField)>span:first-child{color:var(--panel-ink-soft);font-size:var(--panel-meta-size);font-weight:540;line-height:1.35}.editorShell:not(.is-playback) .selectionInspector.is-inspector :is(.inspectorField select,.inspectorField input,.inspectorTypeControl select,.insertionEdit select){height:var(--panel-row-height);border-radius:var(--panel-control-radius);color:var(--panel-ink);font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);line-height:1.3}.editorShell:not(.is-playback) .selectionSidePanelActions .iconButton{width:34px;height:34px;min-height:34px;color:var(--panel-ink-soft);background:0 0;border:0;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;padding:0;display:inline-flex}.editorShell:not(.is-playback) .selectionSidePanelActions .iconButton:is(:hover,:focus-visible,[aria-expanded=true],[aria-pressed=true]){background:var(--panel-hover);color:var(--panel-ink)}.editorShell:not(.is-playback) .selectionSidePanelActionArea{flex:1 0 100%;gap:4px;width:100%;margin-top:6px;padding-top:4px;display:grid}.editorShell:not(.is-playback) .selectionSidePanelActionArea .inspectorActionGroup{grid-template-columns:minmax(0,1fr);gap:2px;width:100%;display:grid}.editorShell:not(.is-playback) .selectionSidePanelActionArea .inspectorActionGroupLabel{align-items:center;min-height:28px;display:flex}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel .secondaryAction{min-height:var(--panel-row-height);border-radius:var(--panel-control-radius);color:var(--panel-ink-body);font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);line-height:1.3}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel .secondaryAction:hover:not(:disabled){color:var(--panel-ink)}.editorShell:not(.is-playback) .selectionInspector.is-inspector.selectionSidePanel .deleteAction{font-size:var(--panel-body-size);font-weight:var(--panel-weight-body);line-height:1.3}.editorShell:not(.is-playback) .selectionSidePanel>.inspectorBody{scrollbar-width:thin;max-height:calc(100dvh - 310px);margin-top:14px;padding-right:2px;overflow:hidden auto}.editorShell:not(.is-playback) .selectionSidePanel .inspectorDelete{margin-top:14px}@media (prefers-reduced-motion:reduce){.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle>svg,.editorShell:not(.is-playback) .desktopPaletteCommand.is-disclosure>svg:last-child{transition:none}}.editorShell:not(.is-playback):has(.desktopActionPalette) .canvasPane{left:16rem}.editorShell:not(.is-playback):has(.actionRail.is-desktop-sidebar-minimized) .canvasPane{left:0}.editorShell:not(.is-playback) .actionRail.actionRail[data-editor-state=authoring]{width:16rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;top:0;bottom:0;left:0}.editorShell:not(.is-playback) .actionRail.is-desktop-sidebar-minimized[data-editor-state=authoring]{width:48px;height:48px;top:0;bottom:auto;left:0}.editorShell:not(.is-playback) .desktopSidebarProvider{pointer-events:none;background:0 0;width:16rem;height:100%;min-height:0;display:block}.editorShell:not(.is-playback) .is-desktop-sidebar-minimized .desktopSidebarProvider{width:16rem;height:100dvh}.editorShell:not(.is-playback) .desktopActionPalette{border:0;border-right:1px solid var(--sidebar-border);background:var(--sidebar);width:16rem;height:100%;min-height:0;box-shadow:none;color:var(--sidebar-foreground);opacity:1;pointer-events:auto;visibility:visible;border-radius:0;flex-direction:column;flex:auto;display:flex;overflow:hidden;transform:translate(0)}.editorShell:not(.is-playback) .actionRail.is-desktop-sidebar-minimized .desktopActionPalette{opacity:0;visibility:hidden;transform:translate(-100%)}.editorShell:not(.is-playback) .actionRail.has-sidebar-motion .desktopActionPalette{transition:opacity .16s var(--ease-out), transform .2s var(--ease-drawer), visibility 0s linear}.editorShell:not(.is-playback) .actionRail.has-sidebar-motion.is-desktop-sidebar-minimized .desktopActionPalette{transition:opacity .16s var(--ease-out), transform .2s var(--ease-drawer), visibility 0s linear .2s}.editorShell:not(.is-playback) .desktopEditorSidebarHeader{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px;min-height:48px;padding:8px;display:grid;position:relative}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .railDocumentHeader{display:contents}.editorShell:not(.is-playback) .desktopEditorSidebarHeader:has(.patternHomeLink){grid-template-columns:28px minmax(0,1fr) auto auto}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] :is(.patternTitleButton,.patternTitleInput){border-radius:6px;width:100%;max-width:none;height:32px;padding-inline:8px;font-size:14px;font-weight:500}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .railDocumentHistory{min-height:32px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:6px;gap:0;padding:0;position:static}.editorShell:not(.is-playback) .actionRail[data-editor-state=authoring] .railDocumentHistory .iconButton,.editorShell:not(.is-playback) .desktopSidebarMinimize{border-radius:6px;width:32px;height:32px;min-height:32px;position:static}.editorShell:not(.is-playback) .desktopActionPaletteScroll{scrollbar-gutter:auto;padding:0}.editorShell:not(.is-playback) .desktopActionPaletteSection{gap:0;padding:8px;border:0!important}.editorShell:not(.is-playback) .desktopActionPaletteGroup{gap:0;display:block}.editorShell:not(.is-playback) .desktopActionPaletteGroupPanel{opacity:1;grid-template-rows:1fr;display:grid}.editorShell:not(.is-playback) .desktopActionPaletteGroupPanel[data-expanded=false]{opacity:0;grid-template-rows:0fr}.editorShell:not(.is-playback) .desktopActionPaletteGroupPanel[data-motion=pointer]{transition:grid-template-rows .2s var(--ease-out), opacity .16s var(--ease-out)}.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle{height:auto;min-height:32px;color:var(--sidebar-foreground);letter-spacing:normal;border-radius:8px;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:8px;font-size:14px;font-weight:400;line-height:20px;display:grid}.editorShell:not(.is-playback) .desktopPaletteCommandIcon{color:currentColor;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.editorShell:not(.is-playback) .desktopPaletteCommandIcon>svg{width:18px;height:18px}.editorShell:not(.is-playback) .desktopPaletteGroupIcon{color:currentColor;place-items:center;width:20px;height:20px;display:grid}.editorShell:not(.is-playback) .desktopPaletteGroupIcon>span,.editorShell:not(.is-playback) .desktopPaletteGroupIcon svg{width:20px;height:20px}.editorShell:not(.is-playback) .desktopPaletteGroupIcon svg [stroke]{vector-effect:non-scaling-stroke;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.editorShell:not(.is-playback) .desktopPaletteGroupLabel{overflow-wrap:anywhere;min-width:0}.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle>svg:last-child{color:currentColor;width:16px;height:16px;margin-left:auto}.editorShell:not(.is-playback) .desktopPaletteCommand>span:first-child{width:auto;min-width:0;height:auto;color:inherit;background:0 0;border:0;display:block}.editorShell:not(.is-playback) .desktopActionPaletteGroupToggle:is(:hover,:focus-visible),.editorShell:not(.is-playback) .desktopPaletteCommand:is(:hover,:focus-visible),.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction:is(:hover,:focus-visible){background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.editorShell:not(.is-playback) .desktopActionPaletteGroup .desktopActionPaletteList{border-left:1px solid var(--sidebar-border);flex-direction:column;gap:4px;min-height:0;margin:0 14px;padding:2px 10px;display:flex;overflow:hidden;transform:translate(1px)}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction{height:28px;min-height:28px;color:var(--sidebar-foreground);letter-spacing:normal;border-radius:8px;align-items:center;padding:0 8px;font-size:14px;font-weight:400;line-height:20px;display:flex;transform:translate(-1px)}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionSymbol{flex:0 0 24px;width:24px;height:28px}.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionCopy,.editorShell:not(.is-playback) .actionRail[data-editor-state] .desktopPaletteAction .actionCopy strong{min-width:0;color:inherit;font-size:inherit;font-weight:inherit;display:block}.editorShell:not(.is-playback) .desktopPaletteCommand{min-height:32px;color:var(--sidebar-foreground);letter-spacing:normal;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.editorShell:not(.is-playback) .desktopPaletteCommand>.desktopPaletteCommandIcon{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.editorShell:not(.is-playback) .desktopPaletteCommand.is-disclosure>svg:last-child{transition:transform .14s var(--ease-out);margin-left:auto}.editorShell:not(.is-playback) .desktopPaletteCommand.is-disclosure[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}.editorShell:not(.is-playback) .desktopPaletteCommand.is-label-only{align-items:center;min-height:32px;display:flex}.editorShell:not(.is-playback) .desktopPaletteLayoutTools{border-left:1px solid var(--sidebar-border);margin:0 14px;padding:2px 10px 8px}.editorShell:not(.is-playback) .desktopPaletteLayoutTools .layoutTuningPanel.is-sidebar{z-index:auto;width:100%;max-height:none;box-shadow:none;color:var(--sidebar-foreground);background:0 0;border:0;border-radius:0;padding:0;position:static;overflow:visible}.editorShell:not(.is-playback) .desktopPaletteLayoutTools .layoutTuningBody{gap:8px}.editorShell:not(.is-playback) .desktopPaletteLayoutTools .layoutTuningControl{gap:4px;padding:8px 0}.editorShell:not(.is-playback) .desktopPaletteLayoutTools .layoutTuningHelper{font-size:10px}.editorShell:not(.is-playback) .desktopPaletteLayoutTools .layoutTuningReset{border-color:var(--sidebar-border);border-radius:7px;min-height:28px;margin-top:4px;padding:0 8px}.editorShell:not(.is-playback) .desktopActionPaletteYarn{border-top:1px solid var(--sidebar-border);gap:6px;padding:8px}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar .yarnStatusTrigger{border-radius:6px;grid-template-columns:24px minmax(0,1fr) 16px;height:32px;min-height:32px;padding:0 8px}.editorShell:not(.is-playback) .desktopActionPaletteYarn .yarnPalette.is-toolbar .yarnStatusSwatchSlot{display:flex}.editorShell:not(.is-playback) .desktopSidebarRestore{border-color:var(--sidebar-border);background:var(--sidebar);width:40px;height:40px;box-shadow:none;color:var(--sidebar-foreground);opacity:0;visibility:hidden;border-radius:8px;transition:background-color .13s,border-color .13s,box-shadow .13s,color .13s;position:absolute;top:8px;left:8px;transform:translate(-25%)scale(.96)}.editorShell:not(.is-playback) .actionRail.is-desktop-sidebar-minimized .desktopSidebarRestore{opacity:1;visibility:visible;transform:translate(0)scale(1)}.editorShell:not(.is-playback) .actionRail.has-sidebar-motion .desktopSidebarRestore{transition:background-color .13s ease, border-color .13s ease, box-shadow .13s ease, color .13s ease, opacity .14s var(--ease-out), transform .16s var(--ease-out), visibility 0s linear .14s}.editorShell:not(.is-playback) .actionRail.has-sidebar-motion.is-desktop-sidebar-minimized .desktopSidebarRestore{transition:background-color .13s ease, border-color .13s ease, box-shadow .13s ease, color .13s ease, opacity .14s var(--ease-out) 60ms, transform .16s var(--ease-out) 60ms, visibility 0s linear}@media (height<=820px){.editorShell:not(.is-playback) .desktopActionPaletteSection.is-stitches{padding-block:0}.editorShell:not(.is-playback) .desktopActionPaletteSection.is-stitches>[data-sidebar=group-label]{height:24px}.editorShell:not(.is-playback) .desktopActionPaletteSection.is-stitches .desktopActionPaletteGroupToggle{padding-block:4px}.editorShell:not(.is-playback) .desktopActionPaletteSection.is-stitches .desktopActionPaletteGroup .desktopActionPaletteList{gap:2px}}@media (hover:hover) and (pointer:fine){.editorShell:not(.is-playback) .actionRail.is-desktop-sidebar-minimized .desktopSidebarRestore:hover{border-color:color-mix(in srgb, var(--sidebar-foreground) 22%, var(--sidebar-border));transform:translateY(-1px)scale(1);box-shadow:0 3px 8px #0000001f}.editorShell:not(.is-playback) .desktopSidebarRestore:hover>svg{transform:translate(1px)}.editorShell:not(.is-playback) .desktopSidebarRestore>svg{transition:transform .13s var(--ease-out)}}@media (prefers-reduced-motion:reduce){.editorShell:not(.is-playback) .actionRail.has-sidebar-motion :is(.desktopActionPalette,.desktopSidebarRestore){transition:opacity .12s var(--ease-out);transform:none}.editorShell:not(.is-playback) .actionRail.has-sidebar-motion.is-desktop-sidebar-minimized :is(.desktopActionPalette,.desktopSidebarRestore),.editorShell:not(.is-playback) .desktopActionPaletteGroupPanel[data-motion=pointer]{transition:opacity .12s var(--ease-out)}}.repeatCanvasPreview{color:var(--editor-accent);opacity:.65}.repeatCanvasPreview [stroke]:not([stroke=none]){stroke:var(--editor-accent);stroke-dasharray:3 2}.desktopCollapsedYarn{display:none}@media (width>=1024px){.editorShell:not(.is-playback) .desktopCollapsedYarn{pointer-events:auto;width:40px;display:block;position:fixed;top:56px;left:8px}.editorShell:not(.is-playback) .desktopCollapsedYarn .yarnPalette.is-toolbar{width:40px;box-shadow:none;background:0 0;border:0;padding:0;position:static}.editorShell:not(.is-playback) .desktopCollapsedYarn .yarnStatusTrigger{border:1px solid var(--sidebar-border);background:var(--sidebar);border-radius:8px;grid-template-columns:1fr;place-items:center;width:40px;height:40px;padding:0;display:grid}.desktopCollapsedYarn .yarnStatusLabel,.desktopCollapsedYarn .yarnStatusTrigger>svg{display:none}}.amiireFont{--font-editor-body:"Geist Variable"}