.application-viewport{width:100%;min-width:0;color:var(--app-text);font-family:var(--app-font-family,var(--font-geist-sans)), sans-serif;font-size:14px;line-height:1.6;container:application/inline-size}.application-viewport :where(.render-node,.node-layout,.runtime-card,.field-label,fieldset){min-width:0;max-width:100%}.application-viewport .configured-app-layout,.application-viewport .configured-app-top-layout{background:var(--app-background);flex-direction:column;min-width:0;min-height:70vh;display:flex}.application-viewport .configured-app-content{flex:1;width:100%;min-width:0}.application-viewport .configured-app-content>.render-page,.application-viewport .runtime-content{padding:var(--app-page-padding,16px)}.application-viewport .render-page{gap:var(--app-space)}.runtime-shell:has(>.application-viewport){width:calc(100% - 48px);max-width:1440px;margin:24px auto}.application-viewport .repeater-item.runtime-card{padding:min(var(--app-space), 16px);flex-direction:column;gap:12px;display:flex}.application-viewport :is(.render-node,.repeater-layout){--node-columns:var(--node-columns-mobile);--node-gap:var(--node-gap-mobile);--node-padding:var(--node-padding-mobile);--node-span:var(--node-span-mobile);--node-width:var(--node-width-mobile);--node-button-width:var(--node-button-width-mobile);--node-display:var(--node-display-mobile);--node-direction:var(--node-direction-mobile);width:var(--node-width);overflow-wrap:anywhere}.application-viewport .repeater-view-toolbar{justify-content:flex-end;gap:4px;margin-bottom:14px;display:flex}.application-viewport .repeater-view-toolbar [data-slot=button]{min-height:40px;color:var(--app-muted);border-radius:min(var(--app-radius), 10px);border:1px solid #0000;gap:8px}.application-viewport .repeater-view-toolbar [aria-pressed=true]{color:var(--app-primary);background:color-mix(in srgb, var(--app-primary) 9%, var(--app-surface));border-color:color-mix(in srgb, var(--app-primary) 18%, var(--app-border))}.application-viewport .node-layout{display:var(--node-display);flex-direction:var(--node-direction);grid-template-columns:repeat(var(--node-columns), minmax(0, 1fr));gap:var(--node-gap);padding:var(--node-padding);flex-wrap:wrap}.application-viewport .node-layout>.render-node{grid-column:span var(--node-span)}.application-viewport .node-layout>.button-node:not([data-custom-span]){grid-column:1/-1}.application-viewport .node-layout>.render-node{max-width:100%}.application-viewport .layout-grid>.render-node{width:100%}.application-viewport :is(.runtime-card,.runtime-form,.runtime-table,.record-card){border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-surface);box-shadow:var(--app-card-shadow)}.application-viewport .runtime-form{padding:var(--node-padding)}.application-viewport .node-layout.form-fields{padding:0}.application-viewport :is(.runtime-text,.runtime-heading){padding:var(--node-padding)}.application-viewport .runtime-heading{align-items:flex-start;gap:16px;min-height:0}.application-viewport .runtime-heading>div{flex:1;min-width:0}.application-viewport .runtime-heading h2{letter-spacing:-.7px;color:var(--app-text);text-wrap:balance;font-size:24px;font-weight:650;line-height:1.25}.application-viewport .runtime-heading p{max-width:none;color:var(--app-muted);margin-top:10px;font-size:13px;line-height:1.7}.application-viewport :is(.runtime-card,.runtime-form) .runtime-heading h2{letter-spacing:-.4px;font-size:20px}.application-viewport .runtime-text p{margin:0}.application-viewport .page-symbol,.application-viewport .form-icon,.application-viewport .record-card-icon{color:var(--app-primary);border-color:color-mix(in srgb, var(--app-primary) 12%, var(--app-surface));background:color-mix(in srgb, var(--app-primary) 8%, var(--app-surface));border-radius:min(var(--app-radius), 12px)}.application-viewport .field-label,.application-dialog .field-label{color:var(--app-muted);font-size:13px;font-weight:500;line-height:1.5}.application-viewport :is(input:not([type=checkbox]):not([type=hidden]),select,textarea),.application-dialog :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){width:100%;min-width:0;max-width:100%;min-height:var(--app-control-height);border:1px solid var(--app-border);border-radius:min(var(--app-radius), 10px);background-color:var(--app-surface);height:auto;color:var(--app-text);padding:10px 12px;font-size:16px;box-shadow:0 1px 2px #203e5108}.application-viewport input::placeholder,.application-viewport textarea::placeholder{color:color-mix(in srgb, var(--app-muted) 70%, var(--app-surface))}.application-viewport :is(input,select,textarea):focus-visible,.application-dialog :is(input,select,textarea):focus-visible{border-color:var(--app-primary);outline:2px solid color-mix(in srgb, var(--app-primary) 25%, transparent);outline-offset:2px}.application-viewport [data-slot=button],.application-dialog [data-slot=button]{min-height:var(--app-control-height);border-radius:min(var(--app-radius), 10px);white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.45;transition:background-color .15s,box-shadow .15s}.application-viewport :is(button,a):focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}.application-viewport [data-slot=button][data-variant=default],.application-dialog [data-slot=button][data-variant=default]{background-color:var(--app-primary);color:#fff;box-shadow:0 2px 5px color-mix(in srgb, var(--app-primary) 15%, transparent)}.application-viewport [data-slot=button][data-variant=outline],.application-dialog [data-slot=button][data-variant=outline]{border-color:var(--app-border);background-color:var(--app-surface);color:var(--app-text);box-shadow:none}.application-viewport [data-slot=button][data-variant=secondary],.application-dialog [data-slot=button][data-variant=secondary]{background-color:color-mix(in srgb, var(--app-primary) 10%, var(--app-surface));color:var(--app-primary);box-shadow:none}.application-viewport [data-slot=button][data-variant=ghost],.application-dialog [data-slot=button][data-variant=ghost]{color:var(--app-muted);box-shadow:none;background-color:#0000}.application-viewport [data-slot=button][data-variant=default]:hover:not(:disabled),.application-dialog [data-slot=button][data-variant=default]:hover:not(:disabled){background-color:color-mix(in srgb, var(--app-primary) 88%, #172b35)}.application-viewport [data-slot=button]:is([data-variant=outline],[data-variant=secondary],[data-variant=ghost]):hover:not(:disabled),.application-dialog [data-slot=button]:is([data-variant=outline],[data-variant=secondary],[data-variant=ghost]):hover:not(:disabled){background-color:color-mix(in srgb, var(--app-primary) 8%, var(--app-surface));color:var(--app-primary)}.application-viewport :is(.button-node>div>[data-slot=button],.button-node>[data-slot=button],[data-component-type=modal]>[data-slot=button]){width:var(--node-button-width)}.application-viewport .form-submit{flex-direction:column;align-items:stretch}.application-viewport .form-submit>span{color:var(--app-muted);font-size:11px}.application-viewport .helper-text{color:var(--app-muted);font-size:12px;line-height:1.6}.application-viewport .table-heading{border-color:var(--app-border);gap:12px;height:auto;min-height:64px;padding:12px 16px}.application-viewport .table-heading h3{color:var(--app-text);font-size:15px;font-weight:600}.application-viewport .table-tools{flex-wrap:wrap;gap:12px;height:auto;padding:16px}.application-viewport .query-filters{grid-template-columns:1fr}.application-viewport .table-tools .search-input{flex:220px;width:100%;min-width:0}.application-viewport .search-input input[data-slot=input]{padding-left:40px}.application-viewport .table-footer{height:auto;min-height:64px;color:var(--app-muted);flex-wrap:wrap;gap:12px;padding:12px 16px;font-size:12px}.application-viewport .table-footer [data-slot=button]{flex-shrink:0;width:auto}.application-viewport :is(.table-heading,.table-footer,.record-card-actions) button{min-width:44px;padding:10px}.application-viewport .data-table :is(td,th){color:var(--app-text);padding:14px 16px;font-size:13px}.application-viewport .data-table th{color:var(--app-muted);background:var(--app-background);font-size:12px}.application-viewport .data-table tbody tr:hover{background-color:color-mix(in srgb, var(--app-primary) 4%, var(--app-surface))}.application-viewport .record-cards{background:var(--app-background)}.application-viewport .record-card-fields{grid-template-columns:1fr}.application-viewport .record-card-fields dt{color:var(--app-muted);font-size:12px}.application-viewport .record-card-fields dd{color:var(--app-text);font-size:14px}.application-viewport .runtime-state-status{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-muted);border-radius:10px;margin:0;padding:10px 12px;font-size:11px}.application-dialog{font-family:var(--app-font-family,var(--font-geist-sans)), sans-serif;color:var(--app-text);background:var(--app-surface);border-color:var(--app-border);border-radius:var(--app-radius)}.application-viewport .app-mobile-bar{border-bottom:1px solid var(--app-border);background:var(--app-surface);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.app-mobile-identity{min-width:0}.app-mobile-title,.app-mobile-current-page{overflow-wrap:anywhere;display:block}.app-mobile-title{font-weight:650}.app-mobile-current-page{color:var(--app-muted);margin-top:2px;font-size:12px}.app-mobile-toggle{border:1px solid var(--app-border);min-width:44px;min-height:44px;color:var(--app-primary);background:var(--app-surface);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.application-viewport :is(.configured-app-sidebar,.configured-app-top-layout>.application-topbar){background:color-mix(in srgb, var(--nav-accent) 7%, var(--app-surface));border:0;border-bottom:1px solid var(--app-border);width:100%;min-width:0;height:auto;padding:12px;display:none}.application-viewport [data-menu-open=true]>:is(.configured-app-sidebar,.application-topbar),.application-viewport [data-mobile-layout=tabs]>:is(.configured-app-sidebar,.application-topbar){display:block}.application-viewport .app-navigation-title{display:none}.application-viewport .runtime-page-nav{flex-flow:column;align-items:stretch;gap:6px;height:auto;display:flex}.application-viewport .runtime-page-nav :is(a,button){height:auto;min-height:44px;color:var(--app-muted);white-space:normal;text-align:left;border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.application-viewport .runtime-page-nav svg{flex-shrink:0}.application-viewport .app-nav-label{overflow-wrap:anywhere}.application-viewport .app-navigation-brand,.application-viewport .app-navigation-section{display:none}.application-viewport .runtime-page-nav :is(a,button){transition:background-color .15s,color .15s,box-shadow .15s}.application-viewport .runtime-page-nav :is(a,button):focus-visible{outline:2px solid var(--nav-accent);outline-offset:3px}.application-viewport .export-csv-button{flex-shrink:0;width:100%}.application-viewport .runtime-page-nav :is(a,button):hover{background:color-mix(in srgb, var(--app-primary) 10%, var(--app-surface))}.application-viewport .runtime-page-nav .active,.application-viewport .runtime-page-nav .active:hover{background:var(--nav-accent);color:#fff;box-shadow:0 3px 10px color-mix(in srgb, var(--nav-accent) 14%, transparent)}.application-viewport [data-mobile-layout=tabs] .app-mobile-toggle{display:none}.application-viewport [data-mobile-layout=tabs] .runtime-page-nav{scrollbar-width:thin;flex-direction:row;overflow-x:auto}@container application (min-width:640px){.application-viewport .query-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.application-viewport :is(.render-node,.repeater-layout){--node-columns:var(--node-columns-tablet);--node-gap:var(--node-gap-tablet);--node-padding:var(--node-padding-tablet);--node-span:var(--node-span-tablet);--node-width:var(--node-width-tablet);--node-button-width:var(--node-button-width-tablet);--node-display:var(--node-display-tablet);--node-direction:var(--node-direction-tablet)}.application-viewport .configured-app-content>.render-page,.application-viewport .runtime-content{padding:var(--app-page-padding,var(--app-space))}.application-viewport .runtime-heading h2{font-size:28px}.application-viewport :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){font-size:14px}.application-viewport .form-submit{flex-direction:row;align-items:center}.application-viewport .record-card-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@container application (min-width:768px){.application-viewport .app-navigation-brand{max-width:172px;margin:0 8px 22px;display:block}.application-viewport .app-navigation-brand img{filter:brightness(.55)saturate(.7);width:100%;height:auto}.application-viewport .app-navigation-section{letter-spacing:1.4px;color:var(--app-muted);margin:0 14px 12px;font-size:10px;font-weight:600;display:block}.application-viewport .configured-app-top-layout .app-navigation-brand{max-width:125px;margin:0}.application-viewport .configured-app-top-layout .app-navigation-section{display:none}.application-viewport .export-csv-button{width:auto}.application-viewport .configured-app-layout{flex-direction:row}.application-viewport .app-mobile-bar{display:none}.application-viewport .configured-app-layout>.configured-app-sidebar{width:var(--app-sidebar-width,224px);border-bottom:0;border-right:1px solid var(--app-border);background:var(--app-sidebar-background,color-mix(in srgb, var(--nav-accent) 7%, var(--app-surface)));flex-direction:column;flex-shrink:0;padding:28px 16px;display:flex}.application-viewport .configured-app-top-layout>.application-topbar{flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;display:flex}.application-viewport .app-navigation-title{color:var(--app-text);margin:6px 14px 26px;font-weight:650;display:block}.application-viewport .configured-app-top-layout .app-navigation-title{margin:0}.application-viewport :is(.configured-app-sidebar,[data-mobile-layout=tabs] .configured-app-sidebar) .runtime-page-nav{flex-direction:column;overflow-x:visible}.application-viewport .configured-app-top-layout .runtime-page-nav{flex-flow:wrap}}@container application (min-width:1024px){.application-viewport .query-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.application-viewport :is(.render-node,.repeater-layout){--node-columns:var(--node-columns-desktop);--node-gap:var(--node-gap-desktop);--node-padding:var(--node-padding-desktop);--node-span:var(--node-span-desktop);--node-width:var(--node-width-desktop);--node-button-width:var(--node-button-width-desktop);--node-display:var(--node-display-desktop);--node-direction:var(--node-direction-desktop)}.application-viewport .runtime-heading h2{font-size:32px}}.canvas-sheet[data-preview-device=mobile] .canvas-content,.canvas-sheet[data-preview-device=tablet] .canvas-content{padding:0}.canvas-sheet[data-preview-device=mobile]>.application-topbar{gap:12px;padding-inline:12px}.canvas-sheet[data-preview-device=mobile]>.application-topbar .app-logo{white-space:normal;min-width:0}.canvas-sheet[data-preview-device=mobile]>.application-topbar .app-nav{display:none}.application-viewport .render-node[data-custom-font] :is(h2,h3,label,input,select,textarea,button){font-size:var(--component-font-size)}.application-viewport .render-node[data-custom-color] :is(h2,h3,label,p,input,select,textarea,button){color:var(--component-color)}@media (max-width:640px){.runtime-shell:has(>.application-viewport){width:calc(100% - 24px);margin:12px auto}}.runtime-shell:has(>.application-viewport[data-layout-width=full]){width:100%;max-width:none;margin:0}.application-viewport .runtime-image-placeholder{min-height:110px;color:var(--app-muted);background:var(--app-background);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex!important}.application-viewport .app-navigation-footer{border-top:1px solid var(--app-border);color:var(--app-sidebar-text,var(--app-muted));align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.application-viewport .app-navigation-footer>div{min-width:0}.application-viewport .app-navigation-footer strong{color:var(--app-text);font-size:12px;font-weight:600;display:block}.application-viewport .app-navigation-footer>div>span{font-size:10px}.application-viewport .app-footer-avatar{background:var(--nav-accent);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.application-viewport .app-nav-badge{background:var(--nav-accent);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:2px 6px;font-size:10px}.application-viewport .runtime-page-nav{margin-bottom:20px}.application-viewport .runtime-page-nav :is(a,button){color:var(--app-sidebar-text,var(--app-muted))}.application-viewport .runtime-page-nav .active{color:#fff}.application-dialog{max-width:min(calc(100% - 32px), var(--app-modal-width,560px))}.application-dialog.application-drawer{width:min(100%, var(--app-modal-width,680px));border-radius:0;max-width:100%;height:100dvh;max-height:100dvh;padding:24px;top:0;left:auto;right:0;transform:translate(0,0)}@container application (min-width:768px){.application-viewport .configured-app-sidebar[data-logo-layout=stacked] .app-navigation-brand{flex-direction:column;align-items:center;gap:0;margin:0 0 24px;padding:0 6px;display:flex}.application-viewport .configured-app-sidebar[data-logo-layout=stacked] .app-navigation-brand img{filter:none;object-fit:contain;width:72px;height:72px;margin-bottom:4px}.application-viewport .app-stacked-wordmark{letter-spacing:-1.5px;color:#17252c;font-family:Arial,sans-serif;font-size:29px;font-weight:700;line-height:1}.application-viewport .app-stacked-wordmark>span{color:var(--nav-accent)}.application-viewport .app-stacked-signature{letter-spacing:1.5px;color:var(--app-text);margin-top:4px;font-size:9px}}.design-preset-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:20px;display:grid}.design-preset{border:1px solid var(--border);background:#f8fafc;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.design-preset strong{font-size:14px}.design-preset .helper-text{flex:1;margin:0}.application-design-preview{border-top:1px solid var(--border);min-width:0;margin-top:28px;padding-top:24px}.design-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.design-preview-toolbar h3{font-size:15px;font-weight:600}.design-preview-toolbar p,.design-preview-disclaimer{color:var(--muted-foreground);margin-top:6px;font-size:12px}.design-preview-size-toggle{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.design-preview-frame{border:1px solid var(--border);background:#e9eff3;border-radius:16px;justify-content:center;min-width:0;padding:16px;display:flex}.design-preview-frame>.application-viewport{border:1px solid var(--app-border);border-radius:var(--app-radius)}.design-preview-content{gap:var(--app-space);border-radius:inherit;background:var(--app-background);flex-direction:column;padding:16px;display:flex}.design-preview-heading{display:flex}.design-preview-eyebrow{letter-spacing:1.5px;color:var(--app-muted);margin-bottom:8px;font-size:10px;font-weight:600;display:block}.design-preview-grid,.design-preview-fields{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.design-preview-card{flex-direction:column;gap:20px;padding:16px;display:flex}.design-preview-card .runtime-heading{display:flex}.design-preview-actions,.design-preview-button-grid{flex-direction:column;gap:10px;margin-top:auto;display:flex}.design-preview-actions [data-slot=button],.design-preview-button-grid [data-slot=button]{width:100%}.design-preview-badge{background:color-mix(in srgb, var(--app-primary) 9%, var(--app-surface));color:var(--app-primary);border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.design-preview-note{color:var(--app-muted);align-items:flex-start;gap:8px;font-size:12px;display:flex}.design-preview-note svg{width:16px;color:var(--app-primary);flex-shrink:0}@container application (min-width:640px){.design-preview-content,.design-preview-card{padding:var(--app-space)}.design-preview-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preview-actions,.design-preview-button-grid{flex-flow:wrap}.design-preview-actions [data-slot=button],.design-preview-button-grid [data-slot=button]{width:auto}}@container application (min-width:900px){.design-preview-grid{grid-template-columns:1.2fr 1fr}}
.dashboard-workspace{overscroll-behavior:contain;width:100%;min-width:0;min-height:0;color:var(--app-text,#243641);background:var(--app-background,#f3f7fa);flex-direction:column;flex:1;font-size:14px;line-height:1.5;display:flex;overflow:auto;container:dashboard-workspace/inline-size}.dashboard-workspace :where(header,div,section,article,aside,fieldset),.dashboard-widget :where(header,div,section,article,aside,fieldset){min-width:0}.dashboard-workspace-header{border-bottom:1px solid var(--app-border,#dfe7ed);background:var(--app-surface,#fff);flex-direction:column;flex:none;gap:20px;padding:24px 16px 20px;display:flex}.dashboard-eyebrow{color:var(--app-muted,#647984);letter-spacing:1.5px;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.dashboard-workspace-header h2{color:var(--app-text,#243641);letter-spacing:-.7px;align-items:center;gap:10px;margin:0;font-size:27px;font-weight:650;line-height:1.25;display:flex}.dashboard-workspace-header h2 svg{color:var(--app-primary,#527b89);flex-shrink:0}.dashboard-workspace-header p{color:var(--app-muted,#647984);margin-top:8px;font-size:13px}.dashboard-toolbar,.dashboard-layout-toolbar,.dashboard-add-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-toolbar{width:100%}.dashboard-layout-toolbar,.dashboard-add-toolbar{border-bottom:1px solid var(--app-border,#dfe7ed);background:var(--app-surface,#fff);flex:none;padding:14px 16px}.dashboard-layout-toolbar>label{width:100%}.dashboard-add-toolbar>span{width:100%;color:var(--app-muted,#647984);font-size:12px;font-weight:500}.dashboard-save-status{width:100%;color:var(--app-muted,#647984);font-size:11px}.dashboard-workspace [data-slot=button],.dashboard-widget [data-slot=button]{border-radius:min(var(--app-radius,14px), 10px);text-align:center;white-space:normal;height:auto;min-height:44px;font-size:12px;font-weight:550;line-height:1.4}.dashboard-toolbar>[data-slot=button],.dashboard-add-toolbar>[data-slot=button]{width:100%}.dashboard-layout-toolbar>.dashboard-layout-icon{flex:0 0 44px;width:44px}.dashboard-layout-toolbar>[data-slot=button]:not(.dashboard-layout-icon){flex:1}.dashboard-workspace [data-variant=default],.dashboard-widget [data-variant=default]{border-color:var(--app-primary,#527b89);background:var(--app-primary,#527b89);color:#fff}.dashboard-workspace [data-variant=default]:hover{background:color-mix(in srgb, var(--app-primary,#527b89) 88%, #172b35)}.dashboard-workspace [data-variant=outline],.dashboard-widget [data-variant=outline]{border-color:var(--app-border,#dfe7ed);background:var(--app-surface,#fff);color:var(--app-text,#243641);box-shadow:0 1px 2px #152b3508}.dashboard-workspace [data-variant=ghost],.dashboard-widget [data-variant=ghost]{color:var(--app-muted,#647984)}.dashboard-workspace :is([data-variant=outline],[data-variant=ghost]):hover,.dashboard-widget :is([data-variant=outline],[data-variant=ghost]):hover{background:color-mix(in srgb, var(--app-primary,#527b89) 6%, var(--app-surface,#fff));color:var(--app-primary,#527b89)}.dashboard-workspace :is(input:not([type=checkbox]),select),.dashboard-widget :is(input:not([type=checkbox]),select){border-color:var(--app-border,#dfe7ed);border-radius:min(var(--app-radius,14px), 10px);background:var(--app-surface,#fff);width:100%;min-width:0;height:auto;min-height:44px;color:var(--app-text,#243641);font-size:16px;line-height:1.5}.dashboard-workspace input[type=checkbox]{width:17px;height:17px;accent-color:var(--app-primary,#527b89);flex-shrink:0}.dashboard-workspace :is(button,input,select):focus-visible,.dashboard-widget :is(button,input,select,summary):focus-visible{outline:2px solid var(--app-primary,#527b89);outline-offset:3px}.dashboard-save-error{color:#9e3333;background:#fff6f6;border:1px solid #edc6c6;border-radius:12px;flex-wrap:wrap;flex:none;align-items:center;gap:10px;margin:12px 16px;padding:12px 14px;font-size:12px;display:flex}.dashboard-save-error p{overflow-wrap:anywhere;flex:100%}.dashboard-workspace-body{flex:none;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;min-height:0;display:grid}.dashboard-stage{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:320px;padding:16px;container:dashboard-stage/inline-size}.dashboard-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.dashboard-editor-card{min-width:0;min-height:var(--dashboard-height,320px);height:auto;box-shadow:var(--app-card-shadow);border-radius:calc(var(--app-radius,14px) + 3px);background:var(--app-surface,#fff);border:2px solid #0000;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.dashboard-editor-card.is-selected{border-color:var(--app-primary,#527b89);box-shadow:0 0 0 3px color-mix(in srgb, var(--app-primary,#527b89) 12%, transparent)}.dashboard-editor-card.is-hidden{border:1px dashed var(--app-border,#dfe7ed);background:color-mix(in srgb, var(--app-surface,#fff) 50%, transparent)}.dashboard-editor-tools{border-bottom:1px solid var(--app-border,#dfe7ed);border-radius:calc(var(--app-radius,14px) + 1px) calc(var(--app-radius,14px) + 1px) 0 0;background:color-mix(in srgb, var(--app-background,#f3f7fa) 62%, var(--app-surface,#fff));flex-wrap:wrap;flex:none;justify-content:flex-end;gap:2px;padding:6px;display:flex}.dashboard-editor-tools [data-slot=button]{flex:0 0 36px;width:36px;min-height:36px;padding:0}.dashboard-editor-tools [draggable=true]{cursor:grab;margin-right:auto}.dashboard-editor-tools [draggable=true]:active{cursor:grabbing}.dashboard-editor-card .dashboard-widget{border-radius:inherit;height:auto;min-height:0;box-shadow:none;border:0;flex:1}.dashboard-editor-card:has(.dashboard-widget-table){height:auto}.dashboard-widget.dashboard-widget-indicator,.dashboard-widget.dashboard-widget-chart,.dashboard-widget.dashboard-widget-table{height:auto;min-height:var(--dashboard-widget-height,320px)}.dashboard-widget-indicator>.dashboard-widget-body,.dashboard-widget-chart>.dashboard-widget-body,.dashboard-widget-table>.dashboard-widget-body{flex-shrink:0;min-height:min-content;overflow:visible}.dashboard-widget-indicator .dashboard-indicator{flex-shrink:0;min-height:104px}.dashboard-resize-handle{z-index:1;opacity:.65;cursor:nwse-resize;touch-action:none;width:28px;padding:0;position:absolute;bottom:2px;right:2px;min-height:28px!important}.dashboard-resize-handle:hover,.dashboard-resize-handle:focus-visible{opacity:1}.dashboard-empty,.dashboard-hidden-placeholder{border:1px dashed var(--app-border,#dfe7ed);border-radius:var(--app-radius,14px);min-height:280px;color:var(--app-muted,#647984);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.dashboard-empty{background:color-mix(in srgb, var(--app-surface,#fff) 70%, transparent)}.dashboard-empty h3{color:var(--app-text,#243641);letter-spacing:-.4px;font-size:20px;font-weight:600}.dashboard-empty p{max-width:420px;font-size:13px;line-height:1.7}.dashboard-hidden-placeholder{border:0;flex:1;min-height:0}.dashboard-config{border-top:1px solid var(--app-border,#dfe7ed);background:var(--app-surface,#fff);scrollbar-gutter:stable;min-width:0;padding:20px 16px}.dashboard-config>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dashboard-config>header h3{color:var(--app-text,#243641);margin:0;font-size:15px;font-weight:600}.dashboard-properties{flex-direction:column;gap:16px;display:flex}.dashboard-properties .property-field{flex-direction:column;gap:7px;min-width:0;margin:0;display:flex}.dashboard-properties .property-field>span{color:var(--app-muted,#647984);font-size:12px;font-weight:500}.dashboard-properties .helper-text{color:var(--app-muted,#647984);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.7}.dashboard-properties fieldset{border:1px solid var(--app-border,#dfe7ed);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.dashboard-properties legend{color:var(--app-muted,#647984);padding:0 4px;font-size:11px;font-weight:600}.dashboard-column-settings>div{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.dashboard-properties .check-field{min-height:32px;color:var(--app-text,#243641);overflow-wrap:anywhere;align-items:center;gap:9px;font-size:12px;display:flex}.dashboard-size-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard-widget{--dashboard-chart-1:var(--app-primary,#527b89);--dashboard-chart-2:#89b3a8;--dashboard-chart-3:#d7b57a;--dashboard-chart-4:#7c99bf;--dashboard-chart-5:#b49dba;--dashboard-chart-6:#94a6b3;width:100%;min-width:0;min-height:200px;height:var(--dashboard-widget-height,320px);border:1px solid var(--app-border,#dfe7ed);border-radius:var(--app-radius,16px);background:var(--app-surface,#fff);box-shadow:var(--app-card-shadow,0 2px 8px #152b350a);color:var(--app-text,#243641);flex-direction:column;font-size:13px;line-height:1.5;display:flex;overflow:hidden;container:dashboard-widget/inline-size}.dashboard-widget-header{border-bottom:1px solid var(--app-border,#dfe7ed);flex-direction:column;flex:none;gap:12px;padding:16px;display:flex}.dashboard-widget-title{align-items:center;gap:10px;min-width:0;display:flex}.dashboard-widget-title h3{color:var(--app-text,#243641);letter-spacing:-.2px;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.4}.dashboard-widget-icon{background:color-mix(in srgb, var(--app-primary,#527b89) 8%, var(--app-surface,#fff));width:36px;height:36px;color:var(--app-primary,#527b89);border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;display:flex}.dashboard-widget-actions{align-items:center;gap:6px;min-width:0;display:flex}.dashboard-widget-actions>[data-slot=button]:not(.dashboard-export-button){flex:0 0 44px;width:44px;min-height:44px;padding:0}.dashboard-widget .dashboard-export-button{border-radius:9px;gap:7px;width:100%;min-width:0;min-height:44px;padding:8px 12px;font-size:11px;font-weight:550}.dashboard-export-button svg{width:15px;height:15px}.dashboard-widget-body{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.dashboard-widget-state{min-height:100px;color:var(--app-muted,#647984);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px 16px;display:flex}.dashboard-widget-state>svg{opacity:.7;flex-shrink:0;width:26px;height:26px}.dashboard-widget-state p{overflow-wrap:anywhere;max-width:400px;font-size:12px;line-height:1.7}.dashboard-widget-error{color:#a23838}.dashboard-indicator{flex-direction:column;flex:1;justify-content:center;gap:9px;min-height:70px;padding:18px 20px;display:flex}.dashboard-indicator-value{color:var(--app-text,#243641);letter-spacing:-1px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(24px,7cqi,38px);font-weight:650;line-height:1.2}.dashboard-indicator-description{color:var(--app-muted,#647984);overflow-wrap:anywhere;font-size:11px;line-height:1.6}.dashboard-chart-content{flex-direction:column;gap:12px;padding:16px;display:flex}.dashboard-cartesian-chart{width:100%;height:auto;min-height:180px;display:block;overflow:visible}.dashboard-chart-axis{fill:var(--app-muted,#647984);font-family:inherit}.dashboard-cartesian-chart :is(circle,rect):focus-visible,.dashboard-donut-chart circle:focus-visible{filter:drop-shadow(0 0 3px var(--app-primary,#527b89));stroke:var(--app-text,#243641);stroke-width:2px;outline:none}.dashboard-donut-layout{flex-direction:column;align-items:center;gap:18px;display:flex}.dashboard-donut-chart{flex-shrink:0;width:min(100%,240px);height:auto;display:block}.dashboard-donut-caption{fill:var(--app-muted,#647984);font-size:13px}.dashboard-donut-total{fill:var(--app-text,#243641);font-variant-numeric:tabular-nums;font-size:27px;font-weight:650}.dashboard-chart-legend{flex-direction:column;gap:11px;width:100%;min-width:0;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dashboard-chart-legend li{min-width:0;color:var(--app-muted,#647984);align-items:flex-start;gap:8px;font-size:12px;display:flex}.dashboard-legend-dot{border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:5px}.dashboard-chart-legend li>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.dashboard-chart-legend strong{color:var(--app-text,#243641);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:550}.dashboard-chart-data{border:1px solid var(--app-border,#dfe7ed);background:color-mix(in srgb, var(--app-background,#f3f7fa) 55%, var(--app-surface,#fff));border-radius:10px}.dashboard-chart-data summary{min-height:38px;color:var(--app-muted,#647984);cursor:pointer;padding:10px 12px;font-size:11px}.dashboard-chart-data-table{border-top:1px solid var(--app-border,#dfe7ed);max-height:220px;overflow:auto}.dashboard-table-tools{border-bottom:1px solid var(--app-border,#dfe7ed);flex-direction:column;flex:none;gap:8px;padding:14px 16px;display:flex}.dashboard-table-search{flex:1;position:relative}.dashboard-table-search>svg{z-index:1;color:var(--app-muted,#647984);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dashboard-widget .dashboard-table-search input[data-slot=input]{padding-left:35px;font-size:16px}.dashboard-layout-toolbar>[data-slot=button]:not(.dashboard-layout-icon){flex:none;min-width:120px;padding:10px 14px}.dashboard-table-tools>span{color:var(--app-muted,#647984);font-size:11px}.dashboard-table-content{min-width:0;min-height:0;max-height:max(160px, calc(var(--dashboard-widget-height,420px) - 190px));scrollbar-width:thin;overflow:auto}.dashboard-widget .data-table{border-collapse:collapse;width:100%;min-width:0;color:var(--app-text,#243641);font-size:12px}.dashboard-widget .data-table :is(th,td){border-bottom:1px solid var(--app-border,#dfe7ed);text-align:left;white-space:nowrap;padding:13px 16px}.dashboard-widget .data-table th{color:var(--app-muted,#647984);font-size:11px;font-weight:550}.dashboard-widget .data-table thead{background:color-mix(in srgb, var(--app-background,#f3f7fa) 65%, var(--app-surface,#fff))}.dashboard-widget .data-table tbody tr:hover{background:color-mix(in srgb, var(--app-primary,#527b89) 4%, var(--app-surface,#fff))}.dashboard-table-pagination{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.dashboard-table-pagination>span{color:var(--app-muted,#647984);flex:100%;font-size:11px}.dashboard-widget-footer{border-top:1px solid var(--app-border,#dfe7ed);color:var(--app-muted,#647984);flex-wrap:wrap;flex:none;justify-content:space-between;gap:5px 12px;padding:10px 28px 10px 16px;font-size:10px;line-height:1.5;display:flex}@container dashboard-workspace (min-width:640px){.dashboard-workspace-header{padding:26px 24px 22px}.dashboard-layout-toolbar,.dashboard-add-toolbar{padding-inline:24px}.dashboard-layout-toolbar>label{width:min(280px,100%)}.dashboard-layout-toolbar>[data-slot=button]:not(.dashboard-layout-icon){flex:none}.dashboard-toolbar>[data-slot=button],.dashboard-add-toolbar>[data-slot=button]{width:auto}.dashboard-add-toolbar>span{width:auto;margin-right:5px}.dashboard-save-status{width:auto;margin-left:auto}.dashboard-workspace :is(input:not([type=checkbox]),select){font-size:13px}.dashboard-stage{padding:22px}}@container dashboard-workspace (min-width:1100px){.dashboard-workspace-header{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-toolbar{flex:none;justify-content:flex-end;width:auto}.dashboard-workspace-body{flex:none}.dashboard-workspace-body:has(>.dashboard-config){grid-template-columns:minmax(0,1fr) 320px}.dashboard-config{border-top:0;border-left:1px solid var(--app-border,#dfe7ed);max-height:max(360px,100dvh - 220px);padding:20px;position:sticky;top:0;overflow:auto}}@container dashboard-stage (min-width:800px){.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.dashboard-editor-card{grid-column:span var(--dashboard-span,4)}}@container dashboard-widget (min-width:440px){.dashboard-widget-header{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-widget-title{flex:1}.dashboard-widget-actions{flex:none}.dashboard-widget .dashboard-export-button{width:auto}.dashboard-table-tools{flex-direction:row;align-items:center}.dashboard-table-tools>span{flex-shrink:0}.dashboard-widget .dashboard-table-search input{font-size:13px}.dashboard-table-pagination>span{flex:1}}@container dashboard-widget (min-width:520px){.dashboard-donut-layout{flex-direction:row;justify-content:center}.dashboard-donut-chart{width:220px}.dashboard-chart-legend{max-width:280px}}@media (prefers-reduced-motion:reduce){.dashboard-editor-card,.dashboard-workspace [data-slot=button],.dashboard-widget [data-slot=button]{transition:none}.dashboard-widget .animate-spin{animation:none}}
.studio-app .studio-header{flex-wrap:nowrap;gap:12px;height:64px;min-height:64px;padding:0 20px}.studio-app .studio-header .logo-button{flex-shrink:0;width:140px}.studio-app .studio-header .project-switch{flex:0 250px;min-width:0;max-width:none;overflow:hidden}.studio-header .project-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-header .project-switch>svg,.studio-header .project-icon{flex-shrink:0}.studio-app .studio-header .header-right{flex-wrap:nowrap;gap:10px;width:auto;min-width:0;margin-left:auto}.studio-header-shortcuts{align-items:center;gap:12px;display:flex}.studio-header-menu{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:none}.studio-header-menu:hover{background:#ffffff16}.studio-header-menu-content{z-index:60;border:1px solid var(--border);min-width:210px;color:var(--foreground);background:#fff;border-radius:10px;padding:6px;box-shadow:0 10px 40px #14252e26}.studio-header-menu-content [role=menuitem]{cursor:pointer;border-radius:6px;outline:none;padding:10px 12px;font-size:12px;display:block}.studio-header-menu-content [data-highlighted]{background:var(--muted)}.studio-header-menu-content [role=separator]{background:var(--border);height:1px;margin:5px}.studio-app .icon-rail{overscroll-behavior:contain;min-height:0;overflow-y:auto}.studio-app .icon-rail>*,.studio-app .icon-rail button{flex-shrink:0}.studio-app .main-tabs{height:43px}.studio-build-guide{border-bottom:1px solid var(--border);background:#f8fafb;flex-shrink:0}.studio-build-guide>summary{color:var(--muted-foreground);cursor:pointer;align-items:center;gap:8px;padding:7px 20px;font-size:11px;list-style:none;display:flex}.studio-build-guide>summary::-webkit-details-marker{display:none}.studio-build-guide>summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.studio-build-guide[open]>summary>svg{transform:rotate(180deg)}.studio-build-guide-content{max-height:min(180px,30dvh);overflow-y:auto}.studio-build-guide .studio-step-help{border-bottom:0}.studio-app :is(.module-sidebar,.workspace-list,.library-sidebar,.inspector){min-width:0;min-height:0}.studio-app .library-sidebar{flex:0 0 230px;width:230px}.studio-app .inspector{flex:0 0 280px;width:280px}.studio-app :is(.module-sidebar,.workspace-list,.library-sidebar)>*,.inspector>*{flex-shrink:0}.studio-app :is(.module-content,.workspace-content){overscroll-behavior:contain;min-height:260px;container:studio-workspace/inline-size}.studio-app :is(.module-content,.workspace-content).platform-form>*{flex-shrink:0}.studio-app :is(.workspace-module,.workspace-panel){overflow-y:auto}.studio-app :is(.module-title,.workspace-title,.config-heading,.procedure-param){flex-wrap:wrap}.studio-app :is(.field-label,.property-field,.module-title>div,.workspace-title>div){min-width:0}.studio-app :is(.field-label,.helper-text,.property-field,.workspace-title,.module-title){overflow-wrap:anywhere}.studio-app :is(.module-content,.workspace-content) [data-slot=button]{white-space:normal;max-width:100%;height:auto;min-height:36px}.studio-app :is(.filter-row,.entity-field,.parameter-inputs){min-width:0}.studio-app .entity-field{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-app .inspector-scroll{overscroll-behavior:contain;flex:auto;min-height:0}.inspector .selected-summary>div{overflow-wrap:anywhere;min-width:0}.studio-app .canvas-breadcrumb{min-width:0}.studio-app .canvas-breadcrumb>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-editor-panels{display:none}.studio-editor-drawer{z-index:50;width:min(430px,100%);height:100dvh;min-height:0;color:var(--foreground);background:#fff;outline:none;flex-direction:column;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 40px #14252e26}.studio-editor-drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.studio-editor-drawer :is(.library-sidebar,.inspector){border:0;flex:auto;width:100%;min-height:0;display:flex}.studio-editor-drawer .library-sidebar{overflow-y:auto}.studio-editor-drawer .library-sidebar>*{flex-shrink:0}.studio-editor-drawer .inspector-scroll{flex:auto;min-height:0}.studio-editor-drawer .inspector-title{display:none}.studio-editor-drawer .selected-summary{padding:14px 18px}.studio-editor-drawer .inspector>:not(.inspector-scroll){flex-shrink:0}.studio-editor-drawer .component-tile{min-height:76px}.studio-app .connection-workspace-header{gap:16px;padding:18px 28px}.studio-app .connection-catalog-panel{flex-basis:620px;min-height:620px}.studio-app .connection-catalog-panel .database-catalog-browser{min-height:340px}.studio-app .connection-catalog-panel .connection-panel-heading{margin-bottom:12px}@container studio-workspace (max-width:640px){.studio-app .entity-field,.studio-app .parameter-inputs,.studio-app .studio-field-grid,.studio-app :is([class~=sm\:grid-cols-2],[class~=md\:grid-cols-2],[class~=md\:grid-cols-3],[class~=lg\:grid-cols-3],.grid-cols-2,.grid-cols-3){grid-template-columns:minmax(0,1fr)}.flow-strip{flex-wrap:wrap;justify-content:flex-start;gap:10px}.mapping-row{grid-template-columns:24px minmax(0,1fr) auto}.mapping-row>code{overflow-wrap:anywhere;grid-column:1/-1}.filter-row{grid-template-columns:minmax(0,1fr) 32px}.filter-row>:not(:last-child){grid-column:1/-1}.filter-row>:last-child{grid-column:2;justify-self:end}}@container studio-workspace (min-width:700px){.report-column-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px auto}}@media (max-width:1560px){.studio-header-shortcuts{display:none}.studio-header-menu{display:inline-flex}}@media (max-width:1100px){.studio-app :is(.library-sidebar,.inspector){display:none}.studio-editor-panels{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;gap:8px;padding:8px 12px;display:flex}.studio-editor-panels [data-slot=button]{white-space:normal;min-width:0;height:auto;min-height:34px}.studio-app .canvas-toolbar{flex-wrap:wrap;height:auto;min-height:46px;padding:8px 12px}.studio-app .canvas-toolbar .device-toggle{display:flex}.studio-app .canvas-toolbar .canvas-breadcrumb{display:none}}@media (max-width:760px){.studio-app .studio-header{grid-template-columns:116px minmax(0,1fr);gap:6px 12px;height:auto;min-height:0;padding:8px 12px;display:grid}.studio-app .studio-header .logo-button{width:116px}.studio-app .studio-header .brand-image{width:112px}.studio-app .studio-header>:is(.header-divider,.header-pill){display:none}.studio-app .studio-header .project-switch{justify-content:flex-end;width:100%;max-width:none;font-size:12px}.studio-app .studio-header .header-right{grid-column:1/-1;justify-content:flex-end;gap:8px;width:100%;margin-left:0}.studio-app .studio-header .header-right [data-slot=button]{min-height:34px}.studio-app .studio-header .header-right .studio-header-menu{padding:0;display:inline-flex}.studio-app .main-tabs,.studio-build-guide>summary{padding-inline:12px}.studio-app :is(.workspace-module,.workspace-panel){flex-direction:column}.studio-app :is(.module-sidebar,.workspace-list){border-right:0;border-bottom:1px solid var(--border);width:100%;min-height:0;max-height:116px;padding:10px 12px}.studio-app :is(.module-content,.workspace-content){width:100%;min-height:260px;padding:20px 16px 40px}.studio-app .workspace-modes{flex-wrap:nowrap;overflow-x:auto}.studio-app .workspace-modes>button{white-space:nowrap;flex-shrink:0}.studio-app .canvas-area{padding:12px 10px 42px}.studio-app .canvas-content{padding:16px 12px}.studio-app .canvas-bottom>span{display:none}.studio-app .canvas-bottom{justify-content:flex-end;bottom:-30px}.studio-editor-panels{gap:6px}.studio-editor-panels [data-slot=button]{flex:1;padding:6px;font-size:10px}.studio-editor-panels svg{display:none}.studio-app .connection-workspace-header{gap:10px;padding:14px 12px}.studio-app .connection-workspace-header .eyebrow{display:none}.studio-app .connection-workspace-header h2{margin:0;font-size:19px}.studio-app .connection-catalog-panel{flex-basis:850px;min-height:850px}.studio-app .connection-catalog-panel .database-catalog-browser{min-height:500px}}@media (max-height:500px) and (min-width:761px){.studio-app .studio-header{height:54px;min-height:54px}.studio-app .connection-workspace{overflow-y:auto}.studio-app .connection-workspace-content{flex:1 0 300px}.studio-app .studio-status{height:20px}}@media (max-height:650px){.studio-app .studio-main:has(.canvas-area){overscroll-behavior:contain;overflow-y:auto}.studio-app .canvas-area{flex:1 0 300px;min-height:300px}}
.studio-app .studio-header{background:linear-gradient(115deg,#1d2d35,#243941);border-bottom:1px solid #ffffff16;grid-template-columns:minmax(240px,1fr) minmax(220px,272px) auto;align-items:center;gap:20px;height:auto;min-height:76px;padding:12px 24px;display:grid;box-shadow:0 4px 18px #11232b0c}.studio-header-identity,.studio-header-actions,.studio-header-account{align-items:center;min-width:0;display:flex}.studio-header-identity{gap:16px}.studio-app .studio-header .logo-button{flex:0 0 126px;width:126px}.studio-app .studio-header .brand-image{width:126px}.studio-app .studio-header .header-divider{background:#ffffff18;height:28px}.studio-app .studio-header .project-switch{text-align:left;border-radius:10px;flex:auto;justify-content:flex-start;gap:10px;width:auto;min-width:0;padding:5px 6px;transition:background .15s}.studio-app .studio-header .project-switch:hover{background:#ffffff08}.studio-app .studio-header .project-icon{color:#a9c6d3;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;width:34px;height:34px}.studio-project-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-project-caption{color:#9cb5c0;letter-spacing:.5px;font-size:10px;font-weight:500}.studio-header .project-name{color:#f2f7f9;font-size:13px;font-weight:650;line-height:18px;display:block}.studio-header-version{min-width:0}.studio-header-version .development-version-selector{gap:6px;width:100%}.studio-header-version .development-version-field{background:#ffffff06;border-color:#ffffff1f;border-radius:10px;padding:7px 11px;box-shadow:inset 0 1px #ffffff05}.studio-header-version .development-version-field:focus-within{border-color:#a2d34e99}.studio-header-version .development-version-field label{color:#9cb5c0;font-size:9px;line-height:14px}.studio-header-version .development-version-field select{color:#eef5f8;min-width:0;max-width:none;height:22px;font-size:12px}.studio-header-version .development-version-selector>button{color:#b7ced8;background:#ffffff04;border:1px solid #ffffff12;border-radius:8px;flex-shrink:0;width:32px;height:34px}.studio-header-version .development-version-selector>button:hover{color:#f1f7f9;background:#ffffff12}.studio-app .studio-header .header-right{flex-wrap:nowrap;gap:14px;width:auto;min-width:0;margin:0}.studio-app .studio-header .save-state{color:#a9c1c9;white-space:nowrap;gap:7px;margin:0}.studio-header .save-state .state-dot{width:6px;height:6px;box-shadow:0 0 0 3px #45a78813}.studio-header-actions{gap:8px}.studio-app .studio-header .studio-header-actions [data-slot=button]{border-radius:10px;height:38px;min-height:38px;padding-inline:13px;font-size:11px}.studio-app .studio-header .studio-header-actions .studio-assistant-action{color:#dbeef6;background:#42677929;border-color:#8cb8cb40}.studio-app .studio-header .studio-header-actions .studio-preview-action{color:#cadce5;background:#ffffff04;border-color:#ffffff1c}.studio-app .studio-header .studio-header-actions [data-variant=outline]:hover{background:#ffffff12}.studio-header-actions [data-tour=studio-save]{box-shadow:0 3px 12px #a2d34e12}.studio-header-account{gap:8px}.studio-app .studio-header .studio-header-menu{color:#aec4cf;border-radius:9px;width:32px;height:34px;padding:0;display:inline-flex}.studio-app .studio-header .user-avatar{color:#e3f0f6;background:#405d6b;border-color:#91b2c536;border-radius:11px;flex-shrink:0;width:34px;height:34px;display:flex}.studio-app .studio-header :is(button,select):focus-visible{outline:2px solid var(--brand-lime);outline-offset:3px}@media (max-width:1280px){.studio-app .studio-header{grid-template-columns:minmax(220px,1fr) minmax(210px,252px) auto;gap:14px;padding-inline:18px}.studio-app .studio-header .save-state{display:none}}@media (max-width:1100px){.studio-app .studio-header{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}.studio-header-version{grid-area:2/1/auto/-1;width:min(360px,100%)}}@media (max-width:900px){.studio-app .studio-header{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.studio-header-identity{grid-column:1;gap:12px}.studio-app .studio-header .logo-button,.studio-app .studio-header .brand-image{width:112px}.studio-app .studio-header .logo-button{flex-basis:112px}.studio-header-version{grid-area:2/1;width:100%}.studio-app .studio-header .header-right{border-top:1px solid #ffffff10;grid-area:3/1;justify-content:space-between;gap:8px;width:100%;padding-top:10px}.studio-header-account>.header-divider{display:none}}@media (max-width:500px){.studio-header-actions{flex:1;gap:6px}.studio-app .studio-header .studio-header-actions [data-slot=button]{padding-inline:11px}.studio-header-actions .studio-action-label{display:none}.studio-header-actions [data-tour=studio-save]{flex:1}.studio-header-account{gap:4px}.studio-app .studio-header .user-avatar,.studio-app .studio-header .studio-header-menu{width:30px;height:32px}.studio-header-identity>.header-divider{display:none}}