.custom-scrollbar::-webkit-scrollbar{width:var(--space-4)}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-teal-5);border-radius:var(--space-2)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-teal-7)}.custom-scrollbar{scrollbar-color:var(--color-teal-5) transparent;scrollbar-width:thin}.dashboard-scroll::-webkit-scrollbar{width:var(--space-4);height:var(--space-4)}.dashboard-scroll::-webkit-scrollbar-button{display:none}.dashboard-scroll::-webkit-scrollbar-track{background:transparent}.dashboard-scroll::-webkit-scrollbar-thumb{background:var(--color-teal-5);border-radius:var(--space-2)}.dashboard-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-teal-7)}.dashboard-scroll{scrollbar-color:var(--color-teal-5) transparent;scrollbar-width:thin}.react-grid-layout-container{width:100%!important}.react-grid-layout>div{outline:none;transition:box-shadow .2s ease}.react-grid-layout>div:hover{box-shadow:0 var(--space-2) var(--space-6) #0000001a}.react-grid-layout>div.react-grid-placeholder{background:#3fb5b01a;opacity:.5;border-radius:var(--space-4);border:var(--space-1) dashed var(--color-teal-5);z-index:2}.react-resizable-handle{position:absolute;width:var(--space-9);height:var(--space-9);bottom:0;right:0;cursor:se-resize;background-image:linear-gradient(135deg,transparent 50%,var(--color-teal-5) 50%);background-repeat:no-repeat;background-position:bottom right;background-size:var(--space-5) var(--space-5);opacity:.3;transition:opacity .2s ease}.react-resizable-handle:hover{opacity:.8}.react-grid-layout>div.react-grid-item>.react-resizable-handle:after{display:none}.react-grid-layout>div.static{background-color:#f3f4f680;cursor:default}.react-grid-layout>div.react-grid-item.react-grid-placeholder{cursor:move}@media (max-width: 768px){.react-resizable-handle{width:var(--space-10);height:var(--space-10);background-size:var(--space-6) var(--space-6)}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.app-shell{--app-header-height: 73px}.app-shell__body{margin-top:var(--app-header-height);height:calc(100vh - var(--app-header-height))}.app-shell__skip-link{position:fixed;top:var(--space-4);left:var(--space-4);z-index:var(--z-toast);padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);background:var(--color-neutral-1);color:var(--color-teal-10);font-size:var(--font-size-base);font-weight:600;text-decoration:underline;transform:translateY(-200%)}.app-shell__skip-link:focus,.app-shell__skip-link:focus-visible{transform:none;outline:2px solid var(--color-teal-10);outline-offset:2px}.visual-page{min-height:calc(100vh - var(--app-header-height, 73px))}.visual-nav-frame{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--color-neutral-2)}.visual-nav-frame__crumbs{flex-shrink:0;padding:var(--space-4) var(--space-10) 0}.visual-nav-frame__body{display:flex;flex:1 1 auto;min-height:0}.visual-nav-frame__content{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:auto}.visual-nav-frame__content>.production-studio{height:100%}.visual-nav-rail{flex-shrink:0;width:14rem;overflow-y:auto;padding:var(--space-8) var(--space-6);border-right:1px solid var(--color-neutral-4);background:var(--color-neutral-1);font-size:var(--font-size-base)}.visual-nav-rail__title{margin:0 0 var(--space-6);font-size:var(--font-size-md);font-weight:600;color:var(--color-teal-10)}.visual-nav-rail__group+.visual-nav-rail__group{margin-top:var(--space-8)}.visual-nav-rail__heading{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--color-neutral-7)}.visual-nav-rail__list{margin:0;padding:0;list-style:none}.visual-nav-rail__link{display:block;padding:var(--space-3) var(--space-5);border-left:3px solid transparent;border-radius:var(--radius-md);color:var(--color-neutral-8);text-decoration:none}.visual-nav-rail__link:hover{background:var(--color-neutral-2);color:var(--color-teal-10)}.visual-nav-rail__link[aria-current=page]{border-left-color:var(--color-teal-7);background:var(--color-teal-1);color:var(--color-teal-10);font-weight:600}.visual-nav-rail__link:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}@media (max-width: 1149px){.visual-nav-frame__crumbs{padding:var(--space-4) var(--space-8) 0}.visual-nav-frame__body{flex-direction:column}.visual-nav-rail{width:auto;display:flex;gap:var(--space-8);overflow-x:auto;overflow-y:hidden;padding:var(--space-4) var(--space-8);border-right:0;border-bottom:1px solid var(--color-neutral-4)}.visual-nav-rail__title{display:none}.visual-nav-rail__group+.visual-nav-rail__group{margin-top:0}.visual-nav-rail__list{display:flex;gap:var(--space-2)}.visual-nav-rail__link{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.visual-nav-rail__link[aria-current=page]{border-bottom-color:var(--color-teal-7)}}.visual-nav-home-link{color:var(--color-teal-10);font-size:var(--font-size-base);font-weight:500;text-decoration:underline}.visual-nav-home-link:focus-visible{outline:2px solid var(--color-teal-7);outline-offset:2px}@media (max-width: 40rem){.visual-nav-frame__crumbs nav[aria-label=Breadcrumb]{height:auto;overflow:visible}.visual-nav-frame__crumbs nav[aria-label=Breadcrumb]>ol{flex-wrap:wrap;row-gap:var(--space-2)}.visual-nav-frame__crumbs nav[aria-label=Breadcrumb]>ol>li{flex-shrink:0;max-width:100%}}.vs-details{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-neutral-8)}.vs-details>summary{cursor:pointer;font-weight:600;color:var(--color-teal-10)}.vs-details>summary:focus-visible{outline:2px solid var(--color-teal-10);outline-offset:2px}.vs-details ul,.vs-details dl{margin:var(--space-4) 0 0;padding-left:var(--space-8)}.vs-details dl>div{display:flex;flex-wrap:wrap;gap:var(--space-4)}.vs-details dt{font-weight:600}.vs-details dd{margin:0;overflow-wrap:anywhere}.vs-badge{display:inline-flex;align-items:center;gap:var(--space-3);max-width:100%;border-radius:var(--radius-full);padding:var(--space-2) var(--space-6);font-size:var(--font-size-sm);font-weight:500;line-height:1.4;white-space:nowrap}.vs-badge--sm{padding:var(--space-1) var(--space-5)}.vs-badge__icon{width:var(--space-8);height:var(--space-8);flex-shrink:0}.vs-badge__dimension{font-weight:400}.vs-badge__label,.vs-badge__detail{overflow:hidden;text-overflow:ellipsis}.vs-badge__detail:before{content:"("}.vs-badge__detail:after{content:")"}.vs-action{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-width:100%}.vs-action .vs-action__button[aria-disabled=true],.vs-action .vs-action__button[aria-disabled=true]:hover{border-color:var(--color-neutral-5);background:var(--color-neutral-3);color:var(--color-neutral-8);cursor:not-allowed}.vs-action__reason,.vs-action__next{margin:0;max-width:32rem;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-neutral-8)}.vs-action__next a{color:var(--color-teal-10);text-decoration:underline}.vs-context-header{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-10);border-bottom:1px solid var(--color-neutral-4);background:var(--color-neutral-1)}.vs-context-header--sticky{position:sticky;top:0;z-index:var(--z-md)}.vs-context-header__crumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0;padding:0;list-style:none;font-size:var(--font-size-sm)}.vs-context-header__crumbs li+li:before{content:"/";margin-right:var(--space-4);color:var(--color-neutral-7)}.vs-context-header__crumbs a{color:var(--color-teal-10)}.vs-context-header__main{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-8)}.vs-context-header__title-block{min-width:0}.vs-context-header__eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-7)}.vs-context-header__title{margin:0;font-size:var(--font-size-2xl);font-weight:600;line-height:1.25;color:var(--color-neutral-9);overflow-wrap:anywhere}.vs-context-header__actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-6);margin-left:auto}.vs-context-header__facts{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-10);margin:0;font-size:var(--font-size-base)}.vs-context-header__fact{display:flex;gap:var(--space-4)}.vs-context-header__fact dt{color:var(--color-neutral-7)}.vs-context-header__fact dd{margin:0;color:var(--color-neutral-8)}.vs-context-header__fact a{color:var(--color-teal-10);text-decoration:underline}.vs-context-header__statuses{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0;padding:0;list-style:none}.vs-workspace{position:relative;display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.vs-workspace__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:0 var(--space-10)}.vs-workspace__tabs{padding:0 var(--space-8)}.vs-workspace__regions{display:grid;gap:var(--space-8);padding:0 var(--space-10) var(--space-10);min-width:0}.vs-workspace__region{min-width:0;min-height:0}.vs-workspace__region[hidden]{display:none}.vs-workspace__canvas{overflow:auto}.vs-workspace--wide .vs-workspace__regions{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr) minmax(16rem,22rem);grid-template-areas:"navigator canvas inspector" "navigator lower inspector"}.vs-workspace--wide.vs-workspace--navigator-collapsed .vs-workspace__regions{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);grid-template-areas:"canvas inspector" "lower inspector"}.vs-workspace--wide.vs-workspace--no-inspector .vs-workspace__regions{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);grid-template-areas:"navigator canvas" "navigator lower"}.vs-workspace--wide.vs-workspace--navigator-collapsed.vs-workspace--no-inspector .vs-workspace__regions{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas" "lower"}.vs-workspace--medium .vs-workspace__regions{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);grid-template-areas:"navigator canvas" "navigator lower"}.vs-workspace--medium.vs-workspace--navigator-collapsed .vs-workspace__regions{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas" "lower"}.vs-workspace--wide .vs-workspace__navigator,.vs-workspace--medium .vs-workspace__navigator{grid-area:navigator}.vs-workspace--wide .vs-workspace__canvas,.vs-workspace--medium .vs-workspace__canvas{grid-area:canvas}.vs-workspace--wide .vs-workspace__inspector{grid-area:inspector}.vs-workspace--wide .vs-workspace__lower,.vs-workspace--medium .vs-workspace__lower{grid-area:lower}.vs-workspace--narrow .vs-workspace__regions{grid-template-columns:minmax(0,1fr);padding:0 var(--space-8) var(--space-8)}.vs-workspace__drawer{position:absolute;top:0;right:0;z-index:var(--z-lg);width:min(24rem,100%);height:100%;overflow:auto;padding:var(--space-8);border-left:1px solid var(--color-neutral-4);background:var(--color-neutral-1);box-shadow:var(--shadow-lg)}.vs-workspace__drawer:focus-visible,.vs-tabs__panel:focus-visible,.vs-workspace__region[role=tabpanel]:focus-visible{outline:2px solid var(--color-teal-10);outline-offset:2px}.vs-tabs{display:flex;flex-direction:column;gap:var(--space-6)}.vs-tabs__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vs-tabs__panel[hidden]{display:none}.vs-capability{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);font-size:var(--font-size-base);color:var(--color-neutral-8)}.vs-capability__name{font-weight:500}.vs-capability__note{flex-basis:100%;margin:0;font-size:var(--font-size-sm)}.vs-capability__setup{font-size:var(--font-size-sm);color:var(--color-teal-10);text-decoration:underline}.vs-checklist{display:flex;flex-direction:column;gap:var(--space-6);color:var(--color-neutral-8)}.vs-checklist__title{margin:0;font-size:var(--font-size-md);font-weight:600}.vs-checklist__summary,.vs-checklist__empty{margin:0;font-size:var(--font-size-base)}.vs-checklist__items{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.vs-checklist__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-neutral-4);font-size:var(--font-size-base)}.vs-checklist__message{flex-basis:100%;margin:0;font-size:var(--font-size-sm)}.vs-sync{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);font-size:var(--font-size-base);color:var(--color-neutral-8)}.vs-sync__source{font-weight:600}.vs-sync__lines{flex-basis:100%;margin:0;padding:0;list-style:none;font-size:var(--font-size-sm)}.vs-sync__line{font-size:var(--font-size-sm)}.vs-version-selector{display:flex;flex-direction:column;gap:var(--space-3);max-width:28rem}.vs-version-selector__helper{margin:0;font-size:var(--font-size-sm);color:var(--color-neutral-8)}.vs-placeholder{display:flex;flex-direction:column;gap:var(--space-8);max-width:48rem;padding:var(--space-12) var(--space-10);color:var(--color-neutral-8)}.vs-placeholder__title{margin:0;font-size:var(--font-size-2xl);font-weight:600}.vs-placeholder__text{margin:0;font-size:var(--font-size-base);line-height:1.5}.vs-placeholder__links{display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-10);margin:0;padding:0;list-style:none}.vs-placeholder__links a{color:var(--color-teal-10);text-decoration:underline}