@import '_content/Hubanero.UI/Hubanero.UI.cbsstlz762.bundle.scp.css';

/* /Features/Ai/Components/ArtifactChangeView.razor.rz.scp.css */
.studio-chat-proposal-heading[b-h4e2y64wo0] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.studio-chat-proposal-heading span[b-h4e2y64wo0] { overflow: hidden; text-overflow: ellipsis; }
.studio-chat-proposal-heading strong[b-h4e2y64wo0] { white-space: nowrap; }

.studio-chat-proposal-change[b-h4e2y64wo0] {
    padding: 8px 12px;
    border-left: 3px solid transparent;
}

.studio-chat-proposal-change p[b-h4e2y64wo0] { margin: 6px 0 0; }
.studio-chat-proposal-change small[b-h4e2y64wo0] { color: var(--h-muted); }
.studio-chat-proposal-change ul[b-h4e2y64wo0] { margin: 8px 0 0; padding-left: 20px; }
.studio-chat-proposal-change li + li[b-h4e2y64wo0] { margin-top: 4px; }
.studio-chat-proposal-addition[b-h4e2y64wo0] { border-left-color: var(--h-success); }
.studio-chat-proposal-update[b-h4e2y64wo0] { border-left-color: var(--h-warning); }
.studio-chat-proposal-deletion[b-h4e2y64wo0] { border-left-color: var(--h-danger); }
.studio-chat-proposal-addition strong[b-h4e2y64wo0] { color: var(--h-success); }
.studio-chat-proposal-update strong[b-h4e2y64wo0] { color: var(--h-warning); }
.studio-chat-proposal-deletion strong[b-h4e2y64wo0] { color: var(--h-danger); }

[b-h4e2y64wo0] .studio-json-diff {
    margin-top: 8px;
    border: 1px solid var(--h-line);
    border-radius: var(--h-radius-sm);
    height: min(480px, 55vh);
    overflow: hidden;
}

/* /Features/Ai/Components/StudioChatDrawer.razor.rz.scp.css */
.studio-chat-thread[b-wopdytraxy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-block: 20px;
}

.studio-chat-empty[b-wopdytraxy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.studio-chat-history-item[b-wopdytraxy] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.studio-chat-history-item[b-wopdytraxy]  .studio-chat-history-select {
    flex: 1;
    min-width: 0;
    justify-content: flex-start;
    text-align: left;
}

.studio-chat-history-item[b-wopdytraxy]  button.h-button:last-child { margin-left: auto; }

.studio-chat-message[b-wopdytraxy] {
    max-width: 92%;
    overflow-wrap: anywhere;
}

.studio-chat-message-user[b-wopdytraxy] {
    align-self: flex-end;
    background: var(--h-selected);
    border-radius: var(--h-radius);
    padding: 12px 16px;
}

.studio-chat-message-assistant[b-wopdytraxy] {
    align-self: flex-start;
}

.studio-chat-message-label[b-wopdytraxy] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.studio-chat-message-content[b-wopdytraxy] {
    white-space: pre-wrap;
    line-height: 1.5;
}

.studio-chat-proposal[b-wopdytraxy] {
    display: block;
    margin-top: 12px;
    border: 1px solid var(--h-line);
}

.studio-chat-proposal-header[b-wopdytraxy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0 12px;
    border-bottom: 1px solid var(--h-line);
}

.studio-chat-proposal-icon[b-wopdytraxy] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--h-radius);
    background: var(--h-bg);
}

.studio-chat-proposal-count[b-wopdytraxy] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; color: var(--h-muted); }
.studio-chat-additions[b-wopdytraxy] { color: var(--h-success); }
.studio-chat-updates[b-wopdytraxy] { color: var(--h-warning); }
.studio-chat-deletions[b-wopdytraxy] { color: var(--h-danger); }

.studio-chat-proposal-list[b-wopdytraxy] { display: block; padding-block: 8px; }

.studio-chat-proposal-footer[b-wopdytraxy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--h-line);
}

.studio-chat-proposal-footer small[b-wopdytraxy] { color: var(--h-muted); }
.studio-chat-character-count[b-wopdytraxy] { color: var(--h-muted); }
.studio-chat-context-usage[b-wopdytraxy] {
    --studio-chat-context-color: var(--h-action);
    align-items: center;
    background: conic-gradient(var(--studio-chat-context-color) 0 var(--studio-chat-context-progress), var(--h-line) var(--studio-chat-context-progress) 360deg);
    border: 0;
    border-radius: 50%;
    color: var(--h-text);
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    padding: 2px;
    width: 24px;
}
.studio-chat-context-usage[b-wopdytraxy]  > .hubanero-catalog-icon { background: var(--h-surface); border-radius: 50%; display: grid; height: 16px; place-items: center; width: 16px; }

.studio-chat-context-tooltip[b-wopdytraxy] {
    display: grid;
    gap: 4px;
}

.studio-chat-context-tooltip strong[b-wopdytraxy],
.studio-chat-context-tooltip span[b-wopdytraxy],
.studio-chat-context-tooltip small[b-wopdytraxy] {
    display: block;
}

.studio-chat-context-tooltip span[b-wopdytraxy] {
    white-space: nowrap;
}

.studio-chat-context-warning[b-wopdytraxy] { --studio-chat-context-color: var(--h-warning); }
.studio-chat-context-error[b-wopdytraxy] { --studio-chat-context-color: var(--h-danger); }

@media (max-width: 640px) {
    .studio-chat-message[b-wopdytraxy] { max-width: 100%; }
    .studio-chat-proposal-footer[b-wopdytraxy] { align-items: flex-start; flex-direction: column; }
    .studio-chat-proposal-footer .h-stack[b-wopdytraxy] { align-self: flex-end; }
}
/* /Features/Applications/Components/ApplicationBrandingPanel.razor.rz.scp.css */
.branding-parameters[b-aw8va6vnbs] { background-color: var(--h-bg); }
.branding-preview[b-aw8va6vnbs] { min-width: 0; }
.branding-palette[b-aw8va6vnbs] { display: flex; flex-direction: row; max-width: 750px; width: 100%; gap: 0; overflow: hidden; border-radius: var(--h-radius-sm); }
.branding-palette-item[b-aw8va6vnbs] { display: flex; flex: 1 1 0; flex-direction: column; justify-content: space-between; min-width: 2.5rem; min-height: 11rem; padding: .5rem; color: var(--h-text); font-size: .75rem; }
.branding-palette-hex[b-aw8va6vnbs] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 900px) { .branding-palette[b-aw8va6vnbs] { overflow-x: auto; }.branding-palette-item[b-aw8va6vnbs] { min-width: 4rem; } }
/* /Features/Applications/Components/ApplicationHealthSummary.razor.rz.scp.css */
.application-health-counts div[b-nptxub2pgm] {
  display: grid;
  gap: .25rem;
  min-width: 0;
}

.application-health-counts strong[b-nptxub2pgm] {
  font-size: 1.4rem;
}

.application-health-counts span[b-nptxub2pgm] {
  color: var(--h-muted);
}

.application-health-check-list[b-nptxub2pgm] {
  display: grid;
  min-width: 0;
}

.application-health-check[b-nptxub2pgm] {
  align-items: center;
  border-block-end: 1px solid var(--h-line);
  color: var(--h-text);
  display: grid;
  gap: .75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-width: 0;
  padding-block: .75rem;
  text-decoration: none;
}

.application-health-check:last-child[b-nptxub2pgm] {
  border-block-end: 0;
}

.application-health-check strong[b-nptxub2pgm] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.application-health-check span[b-nptxub2pgm] {
  font-weight: 600;
}

.application-health-check:hover strong[b-nptxub2pgm] {
  text-decoration: underline;
}
/* /Features/Applications/Components/CreateApplicationDialog.razor.rz.scp.css */
.create-application-dialog-actions[b-78pcj50rkp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
}

@media (max-width: 480px) {
    .create-application-dialog-actions[b-78pcj50rkp] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .create-application-dialog-actions[b-78pcj50rkp]  button.h-button {
        width: 100%;
        min-width: 0;
    }

    .create-application-dialog-actions[b-78pcj50rkp]  button.h-button:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 360px) {
    .create-application-dialog-actions[b-78pcj50rkp] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Applications/Pages/ApplicationDetails.razor.rz.scp.css */
.designer-layout[b-70gexwr4co] { min-width: 0; }
.studio-page-heading[b-70gexwr4co] { font-size: 1.25rem; line-height: 1.4; margin: 0 0 .25rem; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.designer-toolbar[b-70gexwr4co] { align-items: center; display: flex; gap: .75rem; margin-bottom: .75rem; }
.designer-target-selector[b-70gexwr4co] { display: block; min-width: 0; }
.designer-target-control[b-70gexwr4co] { display: flex; min-width: 0; }
.designer-target-control[b-70gexwr4co]  select.h-input { flex: 1; }
[b-70gexwr4co] .designer-section-selector { display: none !important; }
.designer-content[b-70gexwr4co] { min-width: 0; }
.communication-tabs[b-70gexwr4co] { min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; }
.communication-content[b-70gexwr4co] { min-width: 0; }
.artifact-record-page[b-70gexwr4co], .class-record-page[b-70gexwr4co] { display: grid; gap: 1rem; max-width: 1200px; }
.artifact-record-page h2[b-70gexwr4co], .class-record-page h2[b-70gexwr4co] { margin: 0; }
.artifact-record-page p[b-70gexwr4co], .class-record-page p[b-70gexwr4co] { color: var(--h-muted); }
.record-subnavigation[b-70gexwr4co] { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 1px solid var(--h-line); }
.record-subnavigation a[b-70gexwr4co] { padding: .5rem .75rem; text-decoration: none; color: var(--h-text); border-bottom: 2px solid transparent; }
.record-subnavigation a.active[b-70gexwr4co] { color: var(--h-accent); border-color: var(--h-accent); font-weight: 600; }
.overview-dashboard[b-70gexwr4co] { display: grid; gap: 1.25rem; max-width: 1200px; }
.overview-header h2[b-70gexwr4co], .overview-shortcuts h3[b-70gexwr4co], .overview-next-step h3[b-70gexwr4co] { margin: 0; }
.overview-header p[b-70gexwr4co], .overview-shortcuts p[b-70gexwr4co], .overview-next-step p[b-70gexwr4co] { margin: .35rem 0 0; color: var(--h-muted); }
.overview-metrics[b-70gexwr4co] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .625rem; }
.overview-metrics[b-70gexwr4co]  .h-card { display: grid; gap: .35rem; min-width: 0; }
.overview-metrics strong[b-70gexwr4co] { font-size: 1.75rem; }
.overview-metrics span[b-70gexwr4co] { color: var(--h-muted); }
.overview-shortcuts[b-70gexwr4co] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.overview-shortcuts[b-70gexwr4co]  .h-card { display: grid; align-content: start; gap: .75rem; min-width: 0; }
.overview-shortcuts[b-70gexwr4co]  button.h-button { justify-self: start; }
.overview-next-step[b-70gexwr4co] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; }

@media (max-width: 768px) {
  .designer-toolbar[b-70gexwr4co] { display: grid; gap: .75rem; margin-bottom: .75rem; }
  [b-70gexwr4co] .designer-section-selector { display: inline-flex !important; width: 100%; }
  .designer-layout[b-70gexwr4co] { display: block; }
  .designer-content[b-70gexwr4co] { min-width: 0; }
  .designer-content[b-70gexwr4co]  .h-card { padding: .75rem; }
  .record-subnavigation[b-70gexwr4co] { flex-wrap: nowrap; overflow-x: auto; }
  .record-subnavigation a[b-70gexwr4co] { flex: 0 0 auto; }
  .overview-metrics[b-70gexwr4co] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .overview-shortcuts[b-70gexwr4co] { grid-template-columns: 1fr; }
  .overview-next-step[b-70gexwr4co] { grid-template-columns: auto minmax(0, 1fr); }
  .overview-next-step[b-70gexwr4co]  button.h-button { grid-column: 2; justify-self: start; }
}
/* /Features/Applications/Pages/Applications.razor.rz.scp.css */
.applications-page[b-qffjdggjrx] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.applications-actions[b-qffjdggjrx] {
    flex: 0 0 auto;
    margin-bottom: 1rem;
}

.applications-grid[b-qffjdggjrx] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 640px) {
    .applications-actions[b-qffjdggjrx],
    .applications-page > hr[b-qffjdggjrx] {
        display: none !important;
    }

}
/* /Features/Applications/Pages/ApplicationSectionDrawer.razor.rz.scp.css */
#application-section-navigation[b-stwg9g1lvw]  .application-section-divider { margin-block: 0; }
/* /Features/Classes/Pages/ArtifactEditorHostPage.razor.rz.scp.css */
.artifact-editor-page[b-emxp44ocgz] { min-width: 0; }
.artifact-editor-page--view[b-emxp44ocgz] {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.artifact-editor-page--view[b-emxp44ocgz]  > .h-alert,
.artifact-editor-page--view[b-emxp44ocgz]  > .h-card,
.artifact-editor-page--view[b-emxp44ocgz]  > .h-accordion { flex: 0 0 auto; }
.artifact-editor-page--view[b-emxp44ocgz]  .artifact-editor-wrapper--view {
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
}

/* 3.5 + 18 + 11.5 rem tablet panels and two 0.5 rem gaps. MainLayout's
   content-box width already excludes navigation, AppBar and page padding. */
@container studio-editor (min-width: 34rem) {
  .artifact-editor-page--view[b-emxp44ocgz],
  .artifact-editor-page--view[b-emxp44ocgz]  .artifact-editor-wrapper--view {
    flex: 1 1 0;
  }
}
/* /Features/Classes/Pages/ArtifactEditorWrapper.razor.rz.scp.css */
.artifact-editor-wrapper[b-p1klvt1qor] { container: artifact-editor / inline-size; min-width: 0; }

.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-wrapper-content { min-width: 0; }
.artifact-editor-wrapper-title[b-p1klvt1qor] {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-heading { min-width: 0; }
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-heading h2 {
  margin: 0;
  min-width: 0;
  font-size: var(--h-text-xl);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-heading small { font-size: var(--h-text-sm); font-weight: normal; }
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-dirty { font-size: var(--h-text-xs); overflow-wrap: anywhere; }
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-actions { flex: 0 0 auto; min-width: 0; max-width: 100%; }
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-tabs-scroll {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

/* The IDE always receives the remaining document height. Its canvas and panels
   own scrolling, including when the Toolbox is presented in an overlay. */
.artifact-editor-wrapper--view[b-p1klvt1qor],
.artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-wrapper-content,
.artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-specialized-editor--view,
.artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-tab-content,
.artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-view-designer {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  height: auto;
  overflow: hidden;
  overscroll-behavior: contain;
}

.artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-specialized-editor--view[hidden],
.artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-tab-content[hidden],
.artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-view-designer[hidden] { display: none; }

.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-history-scroll {
  max-width: 100%;
  overflow-x: auto;
}

@container artifact-editor (min-width: 49rem) {
  .artifact-editor-wrapper-title[b-p1klvt1qor] { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-heading h2 { font-size: 1.4375rem; }
  .artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-actions { margin-inline-start: auto; }
}

/* Use the same available-width threshold as the designer. */
@container studio-editor (min-width: 34rem) {
  .artifact-editor-wrapper--view[b-p1klvt1qor],
  .artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-wrapper-content,
  .artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-specialized-editor--view,
  .artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-view-designer {
    flex: 1 1 0;
    overflow: hidden;
  }

  .artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-tab-content {
    flex: 1 1 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .artifact-editor-wrapper--view[b-p1klvt1qor]  .artifact-editor-tab-content--designer { overflow: hidden; }
}

.artifact-editor-wrapper-title[b-p1klvt1qor] { box-sizing: border-box; padding: var(--h-space-4) var(--h-space-6) 0; }
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-heading small { color: var(--h-muted); letter-spacing: normal; }
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-wrapper-tabs > [role="tablist"] { background: transparent; padding-inline: var(--h-space-6); gap: var(--h-space-6); }
.artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-wrapper-tabs [role="tab"] { padding: var(--h-space-3) 0; font-size: var(--h-text-sm); }
@container artifact-editor (max-width: 33.999rem) {
  .artifact-editor-wrapper-title[b-p1klvt1qor] { padding-inline: var(--h-space-3); }
  .artifact-editor-wrapper[b-p1klvt1qor]  .artifact-editor-wrapper-tabs > [role="tablist"] { padding-inline: var(--h-space-3); }
}
/* /Features/Classes/Pages/StudioClasses.razor.rz.scp.css */
.class-page[b-ot2p71djng] { min-width: 0; }
.class-breadcrumb[b-ot2p71djng] { min-width: 0; overflow-x: auto; color: var(--h-muted); }
.class-breadcrumb[b-ot2p71djng]  .h-text { white-space: nowrap; }
.class-header[b-ot2p71djng] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.class-header h1[b-ot2p71djng] { margin: 0; }
.class-header p[b-ot2p71djng] { margin: .25rem 0 0; color: var(--h-muted); }
.class-section-tabs[b-ot2p71djng] { min-width: 0; }
.class-tab-content[b-ot2p71djng] { min-width: 0; }
.class-properties-tab[b-ot2p71djng] { min-width: 0; }
.class-indexes[b-ot2p71djng] { margin-top: 1rem; }

@media (max-width: 600px) {
  .class-section-tabs[b-ot2p71djng] { overflow-x: auto; }
  .class-section-tabs[b-ot2p71djng]  .h-tabs { min-width: max-content; }
  .class-header[b-ot2p71djng] { align-items: flex-start; flex-direction: column; }
  .class-header[b-ot2p71djng]  > .h-stack { width: 100%; justify-content: flex-end; }
  .class-breadcrumb[b-ot2p71djng] { max-width: 100%; }
}
/* /Features/Classes/Pages/StudioCreateArtifactDialog.razor.rz.scp.css */
.studio-create-artifact-dialog-body[b-adb4sc0hjn] {
    overflow-x: hidden;
}

.studio-create-artifact-form[b-adb4sc0hjn] {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 12px;
    box-sizing: border-box;
}

.studio-create-artifact-form[b-adb4sc0hjn]  .h-field {
    width: 100%;
    min-width: 0;
    max-width: 100% !important;
    box-sizing: border-box;
}
/* /Features/Methods/Components/MethodNodeList.razor.rz.scp.css */
.automation-step-branch[b-0ze00n7nvr] {
    border-inline-start: 2px solid var(--h-line);
    margin-block-start: 8px;
    margin-inline-start: 16px;
    padding-inline-start: 12px;
}
/* /Features/Methods/Components/MethodRunDetailsDialog.razor.rz.scp.css */
.automation-run-details pre[b-m27mb8wvr2] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Features/Operations/GlobalStudioSearchDialog.razor.rz.scp.css */
.global-studio-search-dialog[b-2cq04fzf1m] {
    padding: 0;
}

.global-studio-search-input[b-2cq04fzf1m] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--h-line);
}

.global-studio-search-input[b-2cq04fzf1m]  .h-field {
    flex: 1;
}

.global-studio-search-shortcut[b-2cq04fzf1m],
.global-studio-search-hint[b-2cq04fzf1m] {
    color: var(--h-muted);
    font-size: 0.8rem;
}

.global-studio-search-results[b-2cq04fzf1m] {
    max-height: min(460px, 65vh);
    overflow-y: auto;
    padding: 8px;
}

.global-studio-search-section[b-2cq04fzf1m] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 0;
}

.global-studio-search-section > strong[b-2cq04fzf1m] {
    padding: 6px 8px;
    color: var(--h-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.global-studio-search-item[b-2cq04fzf1m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 40px;
    padding: 7px 10px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--h-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.global-studio-search-item:hover[b-2cq04fzf1m],
.global-studio-search-item-selected[b-2cq04fzf1m] {
    background: var(--h-hover);
}

.global-studio-search-item > span[b-2cq04fzf1m],
.global-studio-search-item > small[b-2cq04fzf1m] {
    min-width: 0;
}

.global-studio-search-item > span[b-2cq04fzf1m] {
    display: flex;
    flex-direction: column;
}

.global-studio-search-item small[b-2cq04fzf1m] {
    color: var(--h-muted);
    font-size: 0.8rem;
}

.global-studio-search-empty[b-2cq04fzf1m] {
    padding: 12px;
    color: var(--h-muted);
}

.global-studio-search-hint[b-2cq04fzf1m] {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    padding: 10px 16px;
    border-top: 1px solid var(--h-line);
}

@media (max-width: 640px) {
    .global-studio-search-item > small[b-2cq04fzf1m] {
        max-width: 45%;
        text-align: right;
    }

    .global-studio-search-hint[b-2cq04fzf1m] {
        justify-content: space-between;
        gap: 8px;
    }
}
/* /Features/Operations/Pages/Home.razor.rz.scp.css */
[b-2ebjaxbzni] .dashboard-metrics {
  /* The dashboard is a vertical flex stack. Keep the metric grid at its content
     height instead of letting flex-shrink collapse the container to 0 while
     its grid items continue to paint outside it (notably visible in WebKit). */
  flex: 0 0 auto;
  align-items: stretch;
  grid-auto-rows: minmax(min-content, auto);
}

[b-2ebjaxbzni] .dashboard-metrics .dashboard-metric {
  display: flex;
  min-width: 0;
}

[b-2ebjaxbzni] .dashboard-metrics .h-card {
  flex: 1 1 auto;
  background: linear-gradient(145deg, var(--h-surface), color-mix(in srgb, var(--h-surface) 90%, var(--h-accent)));
  border-color: transparent;
  box-shadow: inset 2px 0 color-mix(in srgb, var(--h-accent) 55%, transparent);
  min-height: 7rem;
}

.dashboard-section[b-2ebjaxbzni] { min-width: 0; }
.dashboard-section > h2[b-2ebjaxbzni] { margin-block: 0 0.5rem; }
.dashboard-section[b-2ebjaxbzni]  .h-card { min-width: 0; }
.dashboard-section[b-2ebjaxbzni]  .h-stack { min-width: 0; }
.dashboard-section[b-2ebjaxbzni]  .h-stack > * { min-width: 0; overflow-wrap: anywhere; }
.dashboard-activity[b-2ebjaxbzni]  .h-card .h-stack > .h-stack { flex: 1 1 0; }
.dashboard-activity[b-2ebjaxbzni]  .h-card .h-stack > .h-stack + .h-link { flex: 0 0 auto; text-align: end; }

@media (max-width: 639px) {
  [b-2ebjaxbzni] .dashboard-metrics { --h-grid-gap: 0.5rem; }
  [b-2ebjaxbzni] .dashboard-metrics .h-card { min-height: 6.25rem; padding: 0.75rem; }
  .dashboard-section[b-2ebjaxbzni] { width: 100%; }
  .dashboard-activity[b-2ebjaxbzni]  .h-card > .h-stack > .h-stack { align-items: flex-start; }
  .dashboard-activity[b-2ebjaxbzni]  .h-card > .h-stack > .h-stack + .h-link { font-size: 0.75rem; }
}
/* /Features/Operations/Pages/Logs.razor.rz.scp.css */
.logs-occurred-at[b-8csxr0akfx] {
  white-space: nowrap;
}
/* /Features/Packages/Components/RuntimeConfigurationPanel.razor.rz.scp.css */
pre[b-8efc94k5y5] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Features/Packages/Pages/FrameworkPackages.razor.rz.scp.css */
.framework-packages-page[b-olyr7nn9y0] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.framework-packages-grid[b-olyr7nn9y0] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 640px) {
    .framework-packages-actions[b-olyr7nn9y0],
    .framework-packages-page hr[b-olyr7nn9y0] {
        display: none !important;
    }
}
/* /Features/Packages/Pages/PackageDetails.razor.rz.scp.css */
.package-manager-details[b-3zr7qtp8ek] { width: 100%; max-width: 52rem; }
.package-manager-details-header[b-3zr7qtp8ek] { display: flex; flex-direction: column; align-items: flex-start; gap: .625rem; }
.package-manager-details-header h2[b-3zr7qtp8ek] { margin: 0 0 .125rem; font-size: 1.25rem; line-height: 1.3; overflow-wrap: anywhere; }
.package-manager-details code[b-3zr7qtp8ek] { color: var(--h-muted); overflow-wrap: anywhere; }
.package-manager-mobile-back[b-3zr7qtp8ek] { display: none; }
.package-manager-version-action[b-3zr7qtp8ek] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; column-gap: 1.5rem; row-gap: .625rem; margin-block: 1.125rem .875rem; }
.package-manager-version-picker[b-3zr7qtp8ek], .package-manager-version-cta[b-3zr7qtp8ek] { flex: 0 0 auto; }
.package-manager-version-cta[b-3zr7qtp8ek] { display: flex; align-items: center; min-height: 2rem; }
.package-manager-version-summary[b-3zr7qtp8ek], .package-manager-info[b-3zr7qtp8ek] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .25rem 1rem; margin: .625rem 0; }
dt[b-3zr7qtp8ek] { color: var(--h-muted); }
dd[b-3zr7qtp8ek] { margin: 0; overflow-wrap: anywhere; }
.package-manager-section[b-3zr7qtp8ek] { margin-top: 1.125rem; }
.package-manager-section h3[b-3zr7qtp8ek] { font-size: 1rem; line-height: 1.4; margin: 0 0 .25rem; }
.package-manager-section p[b-3zr7qtp8ek], .package-manager-section ul[b-3zr7qtp8ek] { margin-block: .25rem; }
.package-manager-section > p[b-3zr7qtp8ek] { max-width: 46rem; }
.package-manager-version-list[b-3zr7qtp8ek] { list-style: none; padding: 0; }
.package-manager-version-row[b-3zr7qtp8ek] { display: grid; grid-template-columns: minmax(5rem, 1fr) auto; align-items: center; column-gap: 1rem; padding: .375rem .5rem; border-inline-start: 3px solid transparent; border-bottom: 1px solid var(--h-line); }
.package-manager-version-row:hover[b-3zr7qtp8ek] { background: var(--h-hover); }
.package-manager-version-row.selected[b-3zr7qtp8ek] { background: var(--h-selected); border-inline-start-color: var(--h-accent); }
.package-manager-version-row.selected[b-3zr7qtp8ek]  button.h-button { font-weight: 600; }
.package-manager-version-row[b-3zr7qtp8ek]  button.h-button { justify-self: start; }
.package-manager-version-state[b-3zr7qtp8ek] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .25rem; }
@media (max-width: 768px) {
    .package-manager-mobile-back[b-3zr7qtp8ek] { display: block; margin-bottom: .5rem; }
    .package-manager-version-row[b-3zr7qtp8ek] { grid-template-columns: minmax(0, 1fr); row-gap: .25rem; }
    .package-manager-version-state[b-3zr7qtp8ek] { justify-content: flex-start; }
    .package-manager-version-summary[b-3zr7qtp8ek], .package-manager-info[b-3zr7qtp8ek] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
/* /Features/Packages/Pages/PackageList.razor.rz.scp.css */
.package-manager-list[b-6yxrf97232] { display: flex; flex-direction: column; }
.package-manager-list[b-6yxrf97232]  .package-manager-list-item {
    width: 100%; height: auto; min-height: 4rem; padding: .625rem .75rem;
    justify-content: flex-start; text-align: start; cursor: pointer;
    border-radius: 0; border: 0; border-inline-start: 3px solid transparent;
    border-bottom: 1px solid var(--h-line);
}
.package-manager-list[b-6yxrf97232]  .package-manager-list-item:hover { background: var(--h-hover); }
.package-manager-list[b-6yxrf97232]  .package-manager-list-item.selected { background: var(--h-selected); border-inline-start-color: var(--h-accent); }
.package-manager-list-item-content[b-6yxrf97232] { display: grid; width: 100%; min-width: 0; gap: .125rem; }
.package-manager-list-item-heading[b-6yxrf97232] { display: grid; grid-template-columns: minmax(0, 1fr) max-content; align-items: start; column-gap: 1rem; }
.package-manager-list-item-heading strong[b-6yxrf97232] { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.package-manager-list-item-heading span[b-6yxrf97232] { white-space: nowrap; text-align: end; }
.package-manager-list-item-content code[b-6yxrf97232] { color: var(--h-muted); overflow-wrap: anywhere; white-space: normal; }
.package-manager-empty[b-6yxrf97232] { padding: .75rem; margin: 0; color: var(--h-muted); }
/* /Features/Packages/Pages/PackageManager.razor.rz.scp.css */
.package-manager-page[b-d72e3m7cnj] { display: flex; flex: 1 1 0; flex-direction: column; min-height: 0; min-width: 0; padding-block: .5rem; box-sizing: border-box; }
.package-manager-heading[b-d72e3m7cnj] { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; flex-shrink: 0; }
.package-manager-heading h1[b-d72e3m7cnj] { margin: 0; font-size: 1.5rem; line-height: 1.3; }
.package-manager-heading p[b-d72e3m7cnj] { margin: .25rem 0 .5rem; color: var(--h-muted); }
.package-manager-tabs[b-d72e3m7cnj] { flex-shrink: 0; margin-top: .25rem; }
.package-manager-layout[b-d72e3m7cnj] { display: grid; grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); flex: 1; min-height: 0; border: 1px solid var(--h-line); border-radius: var(--h-radius); overflow: hidden; background: var(--h-surface); }
.package-manager-master[b-d72e3m7cnj] { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-inline-end: 1px solid var(--h-line); }
.package-manager-search[b-d72e3m7cnj] { padding: .75rem; flex-shrink: 0; border-bottom: 1px solid var(--h-line); }
.package-manager-list-scroll[b-d72e3m7cnj] { flex: 1; min-height: 0; overflow: auto; }
.package-manager-detail-panel[b-d72e3m7cnj] { min-width: 0; min-height: 0; padding: 1rem; overflow: auto; }
.package-manager-detail-empty[b-d72e3m7cnj] { padding: .5rem; color: var(--h-muted); }
.package-manager-sources[b-d72e3m7cnj] { overflow: auto; }
.package-manager-source-row[b-d72e3m7cnj] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--h-line); }
.package-manager-source-row p[b-d72e3m7cnj] { margin: .25rem 0; }
.package-manager-source-row code[b-d72e3m7cnj] { overflow-wrap: anywhere; }
@media (max-width: 768px) {
    .package-manager-page[b-d72e3m7cnj] { min-height: 0; }
    .package-manager-layout[b-d72e3m7cnj] { display: block; flex: none; }
    .package-manager-master[b-d72e3m7cnj] { border-inline-end: 0; }
    .package-manager-list-scroll[b-d72e3m7cnj], .package-manager-detail-panel[b-d72e3m7cnj] { overflow: visible; }
    .package-manager-layout.mobile-details .package-manager-master[b-d72e3m7cnj] { display: none; }
    .package-manager-layout:not(.mobile-details) .package-manager-detail-panel[b-d72e3m7cnj] { display: none; }
    .package-manager-detail-panel[b-d72e3m7cnj] { padding: .75rem; }
}
/* /Features/Settings/Components/StudioSettingsPanel.razor.rz.scp.css */
.studio-settings[b-gggba0held] {
  width: 100%;
  max-width: 840px;
  min-width: 0;
}

.studio-settings-tabs[b-gggba0held] {
  width: 100%;
  min-width: 0;
}

@media (max-width: 600px) {
  .studio-settings[b-gggba0held] {
    overflow-x: clip;
  }

  .studio-settings-tabs[b-gggba0held]  [role="tablist"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }

  .studio-settings-tabs[b-gggba0held]  .h-card {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}
/* /Features/Users/Pages/AccountSettings.razor.rz.scp.css */
.account-settings-page[b-1zv9dbbb4k] {
    width: 100%;
    max-width: 840px;
    min-width: 0;
}

.account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs--initializing {
    visibility: hidden;
}

@media (max-width: 640px) {
    .account-settings-page[b-1zv9dbbb4k] {
        overflow-x: clip;
    }

    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs [role="tablist"] {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
    }

    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs [role="tablist"] > [role="tab"] {
        flex: 0 0 auto;
    }

    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs [role="tabpanel"] {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs [role="tabpanel"] > *,
    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs .h-card,
    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs .h-stack[data-orientation="vertical"] {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
    }

    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs .h-stack[data-orientation="horizontal"] {
        flex-wrap: wrap;
        max-width: 100%;
        min-width: 0;
    }

    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs input.h-input,
    .account-settings-page[b-1zv9dbbb4k]  .account-settings-tabs select.h-input {
        box-sizing: border-box;
        max-width: 100%;
    }
}

.account-settings-page[b-1zv9dbbb4k]  .passkey-card-details {
    flex: 1 1 12rem;
    overflow-wrap: anywhere;
}

.account-settings-page[b-1zv9dbbb4k]  .passkey-card {
    width: 100%;
    min-width: 0;
}
/* /Features/Users/Pages/Login.razor.rz.scp.css */
.login-announcements[b-m5zbxeh4ey] { display: grid; width: min(100%, 30rem); gap: .5rem; }
.login-announcements button.h-button[b-m5zbxeh4ey] { margin-left: auto; }
.login-card[b-m5zbxeh4ey] { width: min(30rem, 100%); max-width: 100%; box-sizing: border-box; }
.login-card[b-m5zbxeh4ey]  .h-card { display: block; width: 100%; }
.login-form[b-m5zbxeh4ey] { width: 100%; }
.login-form[b-m5zbxeh4ey]  .h-stack,
.login-form[b-m5zbxeh4ey]  .h-field,
.login-form[b-m5zbxeh4ey]  button.h-button { width: 100%; max-width: none; box-sizing: border-box; }

@media (max-width: 480px) {
    .login-card[b-m5zbxeh4ey] { width: 100%; }
}
/* /Features/Users/Pages/Users.razor.rz.scp.css */
.user-presence-avatar[b-fehwgwye7p] { display: inline-flex; position: relative; flex-shrink: 0; }
.user-presence-avatar[b-fehwgwye7p]  .user-presence-badge { position: absolute; right: -2px; bottom: -2px; }

.users-page[b-fehwgwye7p] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.users-actions[b-fehwgwye7p] {
    flex: 0 0 auto;
    margin-bottom: 1rem;
}

.users-grid[b-fehwgwye7p] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 640px) {
    .users-actions[b-fehwgwye7p],
    .users-page > hr[b-fehwgwye7p] {
        display: none !important;
    }

}
/* /Features/Views/Designer/DesignerToolbar.razor.rz.scp.css */
.designer-toolbar[b-pyt1picioq] { display: grid; background: var(--h-surface); border-bottom: 1px solid var(--h-line); }
.designer-toolbar-breadcrumb[b-pyt1picioq] { min-height: 3.25rem; display: flex; align-items: center; padding: 0 .75rem; }
.designer-toolbar-action-card-wrapper[b-pyt1picioq] { width: max-content; max-width: calc(100% - 1.5rem); justify-self: start; margin: 0 .75rem .5rem; }
.designer-toolbar-action-card[b-pyt1picioq] { width: 100%; }
.designer-toolbar-action-bar[b-pyt1picioq] { min-height: 2.75rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .25rem .5rem; }
.designer-toolbar-actions[b-pyt1picioq],.designer-toolbar-primary-actions[b-pyt1picioq] { display: flex; align-items: center; gap: .25rem; }

@media (max-width: 1350px) { .designer-toolbar-action-card-wrapper[b-pyt1picioq] { width: min(100%, 34rem); }.designer-toolbar-action-bar[b-pyt1picioq] { gap: .25rem; padding: 0 .5rem; }.designer-toolbar-action-label[b-pyt1picioq] { display: none; }.designer-toolbar-primary-actions[b-pyt1picioq] { margin-left: auto; } }
/* /Features/Views/Pages/StudioViewDesigner.razor.rz.scp.css */
/* The layout-neutral theme provider receives its flex sizing from the host markup. */
.view-editor-container[b-mzru089e1b] {
  container: studio-editor / inline-size;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  min-width: 0;
}

/* Compact first, also before Blazor connects; no viewport watcher. */
.view-editor-shell[b-mzru089e1b] {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.view-editor-setup[b-mzru089e1b] { flex: 0 0 auto; min-width: 0; }
.view-editor-setup[b-mzru089e1b]  .view-editor-toolbar { box-sizing: border-box; }
.view-editor-setup[b-mzru089e1b]  .view-editor-toolbar { margin-top: 0; }
.view-editor-setup[b-mzru089e1b]  .view-editor-toolbar { align-items: center; min-height: 48px; padding: var(--h-space-2) var(--h-space-4); border-bottom: 1px solid var(--h-line); background: var(--h-surface); }
.view-editor-compact-actions[b-mzru089e1b] { display: none; min-width: 0; }
.view-editor-compact-actions[b-mzru089e1b]  .h-button { min-height: 2.75rem; }
/* Palette scroll is local to the popover; viewport positioning is owned by HPopover. */
.view-editor-shell[b-mzru089e1b]  .view-editor-components-menu {
  box-sizing: border-box;
  max-width: 100cqw;
  max-height: calc((100dvh - 2.75rem) / 2);
  overflow: auto;
}
.view-editor-components-picker[b-mzru089e1b] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  min-width: 0;
  max-width: 100%;
}
.view-editor-components-picker[b-mzru089e1b]  .view-editor-picker-search { min-width: 0; }
.view-editor-components-empty[b-mzru089e1b] { margin: 0; padding: 0.5rem; overflow-wrap: anywhere; }
.view-editor-component-rail[b-mzru089e1b] { display: none; }

.view-editor-panels[b-mzru089e1b] {
  display: grid;
  flex: 1 1 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.view-editor-panel[b-mzru089e1b] { min-height: 0; min-width: 0; }
.view-editor-components[b-mzru089e1b],
.view-editor-inspector[b-mzru089e1b] { display: none; }

.view-editor-panel[b-mzru089e1b]  .h-card.view-editor-panel-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  min-width: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.view-editor-canvas-surface[b-mzru089e1b] {
  background: var(--h-surface-sunken);
  border: 0;
  border-radius: var(--h-radius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
}
.view-editor-canvas-surface[b-mzru089e1b] >  .h-stack:first-child { box-sizing: border-box; flex: 0 0 auto; min-height: 43px; padding: 6px 14px; border-bottom: 1px solid var(--h-line); }
.view-editor-canvas-surface[b-mzru089e1b] >  .h-stack:first-child h3 { margin: 0; font-size: var(--h-text-sm); font-weight: 650; }
.view-editor-canvas-surface[b-mzru089e1b] >  .h-stack:first-child p { margin: 1px 0 0; color: var(--h-muted); font-size: var(--h-text-xs); }
.view-editor-canvas-content[b-mzru089e1b] { position: relative; isolation: isolate; background-color: var(--h-bg); background-image: linear-gradient(color-mix(in srgb, var(--h-line) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--h-line) 22%, transparent) 1px, transparent 1px); background-size: 27px 27px; border-radius: 0; margin: 0; padding: clamp(1rem, 2vw, 2rem); }
.view-editor-node-list[b-mzru089e1b] { display: flex; flex-direction: column; gap: 0; }
.view-editor-drop-target[b-mzru089e1b] { border-top: 2px dashed transparent; min-height: var(--h-space-1); transition: border-color 120ms ease, background 120ms ease; }
.view-editor-drop-target:hover[b-mzru089e1b] { border-color: var(--h-accent); background: color-mix(in srgb, var(--h-accent) 9%, transparent); }
.view-editor-drop-target--end[b-mzru089e1b] { min-height: 1rem; }
.view-editor-node[b-mzru089e1b] { background: transparent; border: 1px solid transparent; border-radius: var(--h-radius-sm); cursor: grab; min-width: 0; padding: 0.35rem 0.6rem; transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease; }
.view-editor-node:hover[b-mzru089e1b] { border-color: color-mix(in srgb, var(--h-accent) 55%, var(--h-line)); }
.view-editor-node:focus-visible[b-mzru089e1b] { outline: 2px solid var(--h-focus); outline-offset: 2px; }
.view-editor-node--selected[b-mzru089e1b] { border-color: var(--h-accent); box-shadow: none; background: var(--h-selected); }
.view-editor-node[draggable="true"]:active[b-mzru089e1b] { cursor: grabbing; }
.view-editor-node--selected[b-mzru089e1b] >  .h-stack:first-child { color: var(--h-accent); }
.view-editor-panel[b-mzru089e1b]  .view-editor-panel-card * { min-width: 0; overflow-wrap: anywhere; }
.view-editor-panel[b-mzru089e1b]  .view-editor-panel-card > h3 { flex: 0 0 auto; margin-block: 0 0.5rem; }
.view-editor-panel[b-mzru089e1b]  .h-badge { flex: 0 0 auto; white-space: nowrap; }
.view-editor-panel[b-mzru089e1b]  .view-editor-components-search { flex: 0 0 auto; }

.view-editor-components-list[b-mzru089e1b],
.view-editor-canvas-content[b-mzru089e1b],
.view-editor-inspector-content[b-mzru089e1b] { flex: 1 1 0; min-height: 0; overflow: auto; overscroll-behavior: contain; }

.view-editor-inspector-content[b-mzru089e1b] { min-width: 0; overflow-wrap: anywhere; }
.view-editor-inspector[hidden][b-mzru089e1b] { display: none; }

.view-editor-nested-view[b-mzru089e1b] { display: grid; flex: 0 0 auto; gap: 0.5rem; padding-top: 0.5rem; }
.view-editor-canvas-preview[b-mzru089e1b] { --h-bg: #fdfdfe; --h-surface: #fff; --h-surface-raised: #fff; --h-surface-sunken: #f5f6f8; --h-hover: #fff7f3; --h-selected: #fffaf8; --h-text: #242732; --h-muted: #737b8c; --h-line: #daddE5; --h-line-strong: #c3c8d2; --h-accent: #d6400c; --h-accent-soft: #fff0e9; --h-action: #d6400c; --h-action-end: #c8400d; --h-on-action: #fff; --h-focus: #d6400c; box-sizing: border-box; min-height: 100%; margin-inline: auto; padding: clamp(1rem, 2vw, 1.75rem); border: 1px solid #e2e4ea; border-radius: 9px; background: #fdfdfe; color: #242732; box-shadow: 0 16px 45px rgb(0 0 0 / .18); }

/* Tablet: an icon rail, usable Canvas and narrower Inspector need 34 rem.
   Host and wrapper use this same threshold for the local scroll height budget. */
@container studio-editor (min-width: 34rem) {
  .view-editor-shell[b-mzru089e1b] { overflow: hidden; }
  .view-editor-compact-actions[b-mzru089e1b] { display: none; }
  .view-editor-panels[b-mzru089e1b] {
    flex: 1 1 0;
    grid-template-columns: 3.5rem minmax(0, 1fr) minmax(11.5rem, 0.42fr);
    min-height: 12rem;
    overflow: hidden;
  }
.view-editor-panels--workspace[b-mzru089e1b] { grid-template-columns: minmax(0, 1fr); }

  .view-editor-panel[b-mzru089e1b] { display: block; }
  .view-editor-component-rail[b-mzru089e1b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .view-editor-component-rail[b-mzru089e1b]  button.h-button { flex: 0 0 auto; min-height: 2.75rem; min-width: 2.75rem; }
  .view-editor-components[b-mzru089e1b]  .view-editor-panel-card { display: none; }
  .view-editor-panel[b-mzru089e1b]  .view-editor-panel-card,
  .view-editor-canvas-surface[b-mzru089e1b] { height: 100%; overflow: hidden; }
  .view-editor-components-list[b-mzru089e1b],
  .view-editor-canvas-content[b-mzru089e1b],
  .view-editor-inspector-content[b-mzru089e1b] { flex: 1 1 0; overscroll-behavior: contain; }
  .view-editor-components-list[b-mzru089e1b],
  .view-editor-inspector-content[b-mzru089e1b] { overflow-x: hidden; overflow-y: auto; }
  .view-editor-components-list[b-mzru089e1b] { scrollbar-gutter: stable; }
  .view-editor-canvas-content[b-mzru089e1b] { overflow: auto; -webkit-overflow-scrolling: touch; }
}

@container studio-editor (max-width: 33.999rem) {
  .view-editor-shell[b-mzru089e1b] { gap: 0; }
  .view-editor-setup[b-mzru089e1b]  .view-editor-desktop-action { display: none; }
  .view-editor-setup[b-mzru089e1b]  .view-editor-toolbar { justify-content: space-between; gap: var(--h-space-1); padding: var(--h-space-1); }
  .view-editor-compact-actions[b-mzru089e1b] { display: block; flex: 1 1 auto; }
  .view-editor-compact-actions[b-mzru089e1b]  .h-stack { gap: 0.25rem; }
  .view-editor-compact-actions[b-mzru089e1b]  .h-button { min-height: 2.75rem; padding-inline: 0.6rem; }
  .view-editor-panels[b-mzru089e1b] { flex: 1 1 0; }
  .view-editor-canvas-surface[b-mzru089e1b] { background: var(--h-bg); }
  .view-editor-canvas-content[b-mzru089e1b] { padding: 0.5rem; background-size: 20px 20px; }
  .view-editor-canvas-preview[b-mzru089e1b] { padding: 0.75rem; border-radius: 7px; }
}

/* Desktop: 48 rem of full panel minima plus two 0.5 rem gaps. */
@container studio-editor (min-width: 50rem) {
  .view-editor-panels[b-mzru089e1b] {
    grid-template-columns: minmax(13rem, 0.78fr) minmax(22rem, 2fr) minmax(15rem, 0.9fr);
  }
  .view-editor-panels--workspace[b-mzru089e1b] { grid-template-columns: minmax(0, 1fr); }
  .view-editor-component-rail[b-mzru089e1b] { display: none; }
  .view-editor-components[b-mzru089e1b]  .view-editor-panel-card { display: flex; }
}

.view-editor-node[b-mzru089e1b]  .view-editor-node-tools { color: var(--h-muted); }
.view-editor-canvas-preview[b-mzru089e1b] { color-scheme: light; }
.view-editor-node[b-mzru089e1b]  .view-editor-node-tools .h-button { min-height: 1.5rem; font-size: var(--h-text-xs); font-weight: 400; padding-block: 0; }
.view-editor-node[b-mzru089e1b]  .view-editor-node-tools .h-button[data-icon-only="true"] { width: 1.5rem; flex-basis: 1.5rem; }
.view-editor-node[b-mzru089e1b]  .view-editor-node-tools .h-button[data-icon-only="true"] { visibility: hidden; }
.view-editor-node:is(:hover, :focus-within, .view-editor-node--selected)[b-mzru089e1b]  .view-editor-node-tools .h-button[data-icon-only="true"] { visibility: visible; }
@media (hover: none), (pointer: coarse) {
  .view-editor-node[b-mzru089e1b]  .view-editor-node-tools .h-button[data-icon-only="true"] { visibility: visible; min-width: 2.75rem; min-height: 2.75rem; }
}
/* /Shared/Components/HubaneroBlockquote.razor.rz.scp.css */
.hubanero-blockquote[b-605hrnhf91] {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  margin: 0;
  padding: .75rem 1rem;
  color: var(--h-text);
}

.hubanero-blockquote .quote-icon[b-605hrnhf91] {
  flex: 0 0 auto;
  margin-top: .125rem;
}

.hubanero-blockquote-info[b-605hrnhf91] {
  background-color: color-mix(in srgb, var(--h-info) 12%, var(--h-surface));
  border-inline-start: 6px solid var(--h-info);
}

.hubanero-blockquote-warning[b-605hrnhf91] {
  background-color: color-mix(in srgb, var(--h-warning) 12%, var(--h-surface));
  border-inline-start: 6px solid var(--h-warning);
}

.hubanero-blockquote-error[b-605hrnhf91] {
  background-color: color-mix(in srgb, var(--h-danger) 12%, var(--h-surface));
  border-inline-start: 6px solid var(--h-danger);
}
/* /Shared/Components/HubaneroBreadcrumb.razor.rz.scp.css */
.hubanero-breadcrumb-title[b-rz1ttcl9cb] { display: flex; align-items: center; gap: .5rem; margin: 0; }

@media (max-width: 600px) {
  .hubanero-breadcrumb-title[b-rz1ttcl9cb] { max-width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; font-size: 1.35rem; line-height: 1.3; }
  .hubanero-breadcrumb-title > :not(:last-child)[b-rz1ttcl9cb] { display: none; }
  .hubanero-breadcrumb-title > :last-child[b-rz1ttcl9cb] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}
/* /Shared/Components/HubaneroCatalogIcon.razor.rz.scp.css */
.hubanero-catalog-icon[b-jvtahjfecr] { display: inline-flex; align-items: center; flex-shrink: 0; }
.hubanero-catalog-icon[data-color="error"][b-jvtahjfecr] { color: var(--h-danger); }
.hubanero-catalog-icon[data-color="warning"][b-jvtahjfecr] { color: var(--h-warning); }
.hubanero-catalog-icon[data-color="success"][b-jvtahjfecr] { color: var(--h-success); }
/* /Shared/Components/HubaneroDataGrid.razor.rz.scp.css */
.hubanero-data-grid-root[b-s83k8wow41] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hubanero-data-grid-root[b-s83k8wow41]  .h-stack {
  max-width: 100%;
  min-width: 0;
}

.hubanero-data-grid-page-size[b-s83k8wow41] { width: 12rem; max-width: 100%; }

.hubanero-data-grid[b-s83k8wow41] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
}

.hubanero-data-grid[b-s83k8wow41]  .h-grid-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.hubanero-data-grid-root[b-s83k8wow41]  tr.studio-field-highlight > td {
  background-color: var(--h-selected);
  box-shadow: inset 3px 0 var(--h-accent);
}

.hubanero-data-grid-root[b-s83k8wow41]  tr.studio-field-highlight > td:first-child {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
}

.hubanero-data-grid-primary-action[b-s83k8wow41] {
  flex: 0 0 auto;
}

.hubanero-data-grid-fab[b-s83k8wow41] {
  display: none;
}

.hubanero-data-grid-selection-fab[b-s83k8wow41] {
  align-items: flex-end;
  display: none;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 640px) {
  .hubanero-data-grid-desktop-actions[b-s83k8wow41] {
    display: none;
  }

  .hubanero-data-grid-fab[b-s83k8wow41] {
    bottom: calc(80px + 16px + env(safe-area-inset-bottom, 0px));
    display: block;
    filter: drop-shadow(0 4px 8px rgb(0 0 0 / 22%));
    inset-inline-end: calc(16px + env(safe-area-inset-right, 0px));
    position: fixed;
    z-index: 90;
  }

  .hubanero-data-grid-selection-fab[b-s83k8wow41] {
    display: flex;
  }
}
/* /Shared/Components/HubaneroDialogBody.razor.rz.scp.css */
.hubanero-dialog-content[b-wpkmt3gdpf] { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--h-gap); min-width: 0; min-height: 0; overflow: hidden; }
.hubanero-dialog-scroll[b-wpkmt3gdpf] { flex: 1 1 auto; min-height: 0; min-width: 0; overflow: auto; }
.hubanero-dialog-actions[b-wpkmt3gdpf] { display: flex; flex: 0 0 auto; justify-content: end; align-items: center; flex-wrap: wrap; gap: var(--h-gap); position: sticky; bottom: 0; padding-block: var(--h-space-3); border-block-start: 1px solid var(--h-line); background: var(--h-surface); z-index: var(--h-z-sticky); }
/* /Shared/Components/HubaneroHtmlEditor.razor.rz.scp.css */
/* Local contenteditable layout only; colors and controls use semantic theme tokens. */
.hubanero-html-editor[b-30k318bexs] { min-width: 0; max-width: 100%; }
.html-toolbar[b-30k318bexs] { min-width: 0; max-width: 100%; }
.html-design[b-30k318bexs], .html-source[b-30k318bexs] {
    box-sizing: border-box; width: 100%; max-width: 100%; min-height: 15rem; padding: 12px;
    color: var(--h-text); background: var(--h-surface);
    border: 1px solid var(--h-line); border-radius: var(--h-radius-sm);
    overflow: auto; overflow-wrap: anywhere;
}
.html-design:focus-visible[b-30k318bexs], .html-source:focus-visible[b-30k318bexs] { outline: 2px solid var(--h-focus); outline-offset: 2px; }
.html-design[aria-disabled="true"][b-30k318bexs], .html-source:disabled[b-30k318bexs] { color: var(--h-muted); background: var(--h-hover); }
.html-design:empty[b-30k318bexs]::before { content: attr(data-placeholder); color: var(--h-muted); pointer-events: none; }
.html-source[b-30k318bexs] { resize: vertical; font-family: var(--h-font-mono); }
.html-design[b-30k318bexs]  img { max-width: 100%; }
.html-design[b-30k318bexs]  pre { overflow-x: auto; padding: 12px; background: var(--h-hover); }
.html-design[b-30k318bexs]  code { font-family: var(--h-font-mono); }
.html-design[b-30k318bexs]  table { border-collapse: collapse; }
.html-design[b-30k318bexs]  th, .html-design[b-30k318bexs]  td { padding: 6px; border: 1px solid var(--h-line); min-width: 3rem; }

.html-design[b-30k318bexs]  .hubanero-html-cell-selected { outline: 2px solid var(--h-focus); outline-offset: -2px; }
.html-design[b-30k318bexs]  .hubanero-html-image-selected { outline: 2px solid var(--h-focus); cursor: nwse-resize; }
.hubanero-html-editor[b-30k318bexs] { position: relative; }
/* /Shared/Components/HubaneroIconPicker.razor.rz.scp.css */
.hubanero-icon-picker[b-f14c5ljwsg] { display: grid; gap: .5rem; }
/* /Shared/Components/HubaneroMarkdown.razor.rz.scp.css */
.hubanero-markdown[b-w94evvi8tt] { line-height: 1.5; min-width: 0; max-width: 100%; overflow-x: auto; overflow-wrap: anywhere; }
.hubanero-markdown[b-w94evvi8tt]  img { max-width: 100%; height: auto; }
.hubanero-markdown[b-w94evvi8tt]  p { margin: 0 0 12px; }
.hubanero-markdown[b-w94evvi8tt]  p:last-child { margin-bottom: 0; }
.hubanero-markdown[b-w94evvi8tt]  ul, .hubanero-markdown[b-w94evvi8tt]  ol { margin: 8px 0; padding-inline-start: 24px; }
.hubanero-markdown[b-w94evvi8tt]  pre { overflow-x: auto; padding: 12px; background: var(--h-bg); border-radius: var(--h-radius); }
.hubanero-markdown[b-w94evvi8tt]  code { font-family: var(--h-font-mono); }
.hubanero-markdown[b-w94evvi8tt]  :not(pre) > code { padding: 1px 4px; background: var(--h-bg); border-radius: var(--h-radius-sm); }
.hubanero-markdown[b-w94evvi8tt]  table { width: 100%; border-collapse: collapse; }
.hubanero-markdown[b-w94evvi8tt]  th, .hubanero-markdown[b-w94evvi8tt]  td { padding: 6px; border: 1px solid var(--h-line); text-align: start; }
/* /Shared/Components/HubaneroMarkdownEditor.razor.rz.scp.css */
/* Local contenteditable layout only; colors and controls use semantic theme tokens. */
.hubanero-markdown-editor[b-bj8i3z0shb] { min-width: 0; max-width: 100%; }
.markdown-toolbar[b-bj8i3z0shb] { min-width: 0; max-width: 100%; }
.markdown-design[b-bj8i3z0shb], .markdown-source[b-bj8i3z0shb] {
    box-sizing: border-box; width: 100%; max-width: 100%; min-height: 15rem; padding: 12px;
    color: var(--h-text); background: var(--h-surface);
    border: 1px solid var(--h-line); border-radius: var(--h-radius-sm);
    overflow: auto; overflow-wrap: anywhere;
}
.markdown-design:focus-visible[b-bj8i3z0shb], .markdown-source:focus-visible[b-bj8i3z0shb] { outline: 2px solid var(--h-focus); outline-offset: 2px; }
.markdown-design[aria-disabled="true"][b-bj8i3z0shb], .markdown-source:disabled[b-bj8i3z0shb] { color: var(--h-muted); background: var(--h-hover); }
.markdown-design:empty[b-bj8i3z0shb]::before { content: attr(data-placeholder); color: var(--h-muted); pointer-events: none; }
.markdown-source[b-bj8i3z0shb] { resize: vertical; font-family: var(--h-font-mono); }
.markdown-design[b-bj8i3z0shb]  img { max-width: 100%; height: auto; }
.markdown-design[b-bj8i3z0shb]  pre { overflow-x: auto; padding: 12px; background: var(--h-hover); }
.markdown-design[b-bj8i3z0shb]  code { font-family: var(--h-font-mono); }
.markdown-design[b-bj8i3z0shb]  table { border-collapse: collapse; }
.markdown-design[b-bj8i3z0shb]  th, .markdown-design[b-bj8i3z0shb]  td { padding: 6px; border: 1px solid var(--h-line); min-width: 3rem; }
.markdown-design[b-bj8i3z0shb]  .hubanero-markdown-editor-gap { margin: 0; min-height: 1em; }
.markdown-design[b-bj8i3z0shb]  input[type="checkbox"] { accent-color: var(--h-accent); }
/* /Shared/Components/HubaneroScheduler.razor.rz.scp.css */
.hubanero-scheduler[b-dm3mts43bq] { width: 100%; max-width: 100%; min-width: 0; color: var(--h-text); background: var(--h-surface); border: 1px solid var(--h-line); border-radius: var(--h-radius-sm); }
.scheduler-toolbar[b-dm3mts43bq] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--h-space-2); padding: var(--h-space-2) var(--h-space-2); }
.scheduler-range[b-dm3mts43bq] { flex: 1 1 180px; }
.scheduler-help[b-dm3mts43bq] { font-size: var(--h-text-xs); color: var(--h-muted); padding-inline: var(--h-space-2); }
.scheduler-viewport[b-dm3mts43bq] { overflow: auto; max-width: 100%; max-height: 75vh; overscroll-behavior: contain; }
.scheduler-month[b-dm3mts43bq] { display: grid; grid-template-columns: repeat(7, minmax(110px, 1fr)); }
.scheduler-weekday[b-dm3mts43bq] { text-align: center; padding: var(--h-space-2); background: var(--h-hover); }
.scheduler-day-cell[b-dm3mts43bq] { min-width: 0; min-height: 90px; border: 1px solid var(--h-line); padding: var(--h-space-1) var(--h-space-1); }
.scheduler-day-slot[b-dm3mts43bq], .scheduler-time-slot[b-dm3mts43bq], .scheduler-timeline-slot[b-dm3mts43bq] { font: inherit; color: var(--h-muted); background: var(--h-surface); border: 0; cursor: pointer; text-align: start; }
.scheduler-day-slot[b-dm3mts43bq] { width: 100%; padding: var(--h-space-1); }
.scheduler-day-slot:hover[b-dm3mts43bq], .scheduler-time-slot:hover[b-dm3mts43bq], .scheduler-timeline-slot:hover[b-dm3mts43bq] { background: var(--h-hover); }
.scheduler-day-slot:focus-visible[b-dm3mts43bq], .scheduler-time-slot:focus-visible[b-dm3mts43bq], .scheduler-timeline-slot:focus-visible[b-dm3mts43bq], .scheduler-viewport:focus-visible[b-dm3mts43bq], .scheduler-resize:focus-visible[b-dm3mts43bq] { outline: 2px solid var(--h-focus); outline-offset: -2px; }
.scheduler-appointment[b-dm3mts43bq] { position: relative; min-width: 0; margin-block: 2px; overflow: hidden; border-radius: var(--h-radius-sm); background: var(--h-selected); color: var(--h-accent); touch-action: none; }
.scheduler-appointment-main[b-dm3mts43bq] { height: 100%; min-width: 0; }
.scheduler-appointment-main[b-dm3mts43bq]  .h-button { width: 100%; height: 100%; min-width: 0; justify-content: start; overflow: hidden; background: var(--h-selected); color: var(--h-accent); }
.scheduler-appointment-menu[b-dm3mts43bq] { position: absolute; top: 0; right: 0; }
.scheduler-appointment-menu[b-dm3mts43bq]  .h-button { width: 24px; min-width: 24px; height: 24px; }
.scheduler-appointment-text[b-dm3mts43bq] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scheduler-resize[b-dm3mts43bq] { position: absolute; bottom: 0; right: 0; width: 18px; height: 10px; border-bottom: 3px solid var(--h-accent); cursor: nwse-resize; touch-action: none; }
.scheduler-time-grid[b-dm3mts43bq] { display: grid; min-width: min-content; }
.scheduler-day-column[b-dm3mts43bq] { min-width: 0; border-inline-end: 1px solid var(--h-line); }
.scheduler-day-column h3[b-dm3mts43bq], .scheduler-timeline-day h3[b-dm3mts43bq], .scheduler-planner-month h3[b-dm3mts43bq] { font-size: var(--h-text-sm); font-weight: 600; margin: 0; padding: var(--h-space-2); background: var(--h-hover); }
.scheduler-hours[b-dm3mts43bq] { position: relative; }
.scheduler-time-slot[b-dm3mts43bq] { display: block; width: 100%; height: 32px; border-bottom: 1px solid var(--h-line); font-size: var(--h-text-xs); }
.scheduler-year-planner[b-dm3mts43bq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--h-space-3); }
.scheduler-planner-month[b-dm3mts43bq] { overflow: auto; }
.scheduler-planner-month .scheduler-month[b-dm3mts43bq] { grid-template-columns: repeat(7, minmax(42px, 1fr)); }
.scheduler-planner-month .scheduler-day-cell[b-dm3mts43bq] { min-height: 64px; font-size: var(--h-text-xs); }
.scheduler-timeline[b-dm3mts43bq], .scheduler-year-timeline[b-dm3mts43bq] { display: flex; width: max-content; min-width: 100%; }
.scheduler-timeline-day[b-dm3mts43bq] { border-inline-end: 1px solid var(--h-line); }
.scheduler-timeline-hours[b-dm3mts43bq] { position: relative; display: flex; min-height: 240px; }
.scheduler-timeline-slot[b-dm3mts43bq] { flex: 0 0 72px; min-height: 240px; border-inline-end: 1px solid var(--h-line); align-content: start; font-size: var(--h-text-xs); }
.scheduler-year-day[b-dm3mts43bq] { width: 150px; flex: 0 0 150px; }
.scheduler-agenda-day[b-dm3mts43bq] { border-bottom: 1px solid var(--h-line); }
.scheduler-agenda .scheduler-day-cell[b-dm3mts43bq] { min-height: 48px; }
.scheduler-dragging[b-dm3mts43bq] { opacity: .6; outline: 2px dashed var(--h-accent); }
@media (max-width: 600px) {
    .scheduler-toolbar[b-dm3mts43bq] { gap: var(--h-space-1); }
    .scheduler-month[b-dm3mts43bq] { grid-template-columns: repeat(7, minmax(80px, 1fr)); }
    .scheduler-year-planner[b-dm3mts43bq] { grid-template-columns: minmax(0, 1fr); }
    .scheduler-viewport[b-dm3mts43bq] { max-height: 70vh; }
}
@media (forced-colors: active) {
    .hubanero-scheduler[b-dm3mts43bq], .scheduler-day-cell[b-dm3mts43bq], .scheduler-time-slot[b-dm3mts43bq], .scheduler-timeline-slot[b-dm3mts43bq] { border-color: CanvasText; }
    .scheduler-appointment[b-dm3mts43bq], .scheduler-appointment[b-dm3mts43bq]  .h-button { background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
    .scheduler-resize[b-dm3mts43bq] { border-color: Highlight; }
}
/* /Shared/Components/HubaneroSpreadsheet.razor.rz.scp.css */
.hubanero-spreadsheet[b-08ba28uc1n] { display:flex; flex-direction:column; gap:var(--h-space-2); width:100%; min-width:0; font-family:var(--h-font); font-size:var(--h-text-sm); color:var(--h-text); background:var(--h-surface); }
.sheet-toolbar[b-08ba28uc1n] { border-bottom:1px solid var(--h-line); padding:var(--h-space-2) var(--h-space-2); }
.sheet-viewport[b-08ba28uc1n] { position:relative; height:420px; max-height:65vh; overflow:auto; overscroll-behavior:contain; border:1px solid var(--h-line); }
.sheet-viewport:focus-visible[b-08ba28uc1n] { outline:2px solid var(--h-focus); outline-offset:2px; }
.sheet-surface[b-08ba28uc1n] { position:relative; }
.sheet-header[b-08ba28uc1n] { position:absolute; box-sizing:border-box; border:1px solid var(--h-line); background:var(--h-hover); text-align:center; font-weight:600; overflow:hidden; }
.sheet-resize[b-08ba28uc1n] { position:absolute; right:0; top:0; height:100%; width:5px; cursor:col-resize; touch-action:none; }
.row-resize[b-08ba28uc1n] { top:auto; bottom:0; width:100%; height:5px; cursor:row-resize; }
.sheet-editor[b-08ba28uc1n] { display:flex; gap:var(--h-space-2); }
.sheet-status[b-08ba28uc1n] { font-size:var(--h-text-xs); }
.hubanero-spreadsheet[b-08ba28uc1n]  .sheet-file-input { display:none; }
@media (forced-colors:active) { .sheet-header[b-08ba28uc1n],.sheet-viewport[b-08ba28uc1n] { border-color:CanvasText; } .sheet-viewport:focus-visible[b-08ba28uc1n] { outline-color:Highlight; } }
/* /Shared/Layout/GlobalStudioBranchSelector.razor.rz.scp.css */
.studio-branch-label[b-yn5w96jmlr] { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) { .studio-branch-label[b-yn5w96jmlr] { display: none; } }
/* /Shared/Layout/LoginLayout.razor.rz.scp.css */
.login-layout-content[b-j372xsf1cr] { width: 100%; max-width: 100vw; min-height: 100dvh; padding: 0 !important; overflow-x: clip; }
.login-shell[b-j372xsf1cr] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; width: 100%; min-width: 0; min-height: 100dvh; box-sizing: border-box; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); overflow-x: clip; background: var(--h-bg); }

@media (max-width: 480px) {
    .login-shell[b-j372xsf1cr] { justify-content: flex-start; padding-top: max(2rem, env(safe-area-inset-top)); }
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
.main-layout-shell[b-2bcr7bw1wt] {
  --main-layout-height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

.main-layout-shell[b-2bcr7bw1wt]  > .h-alert {
  flex: 0 0 auto;
}

.main-layout-shell[b-2bcr7bw1wt]  > #main-layout-container {
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
}

.main-layout-shell[b-2bcr7bw1wt]  .main {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.main-layout-shell[b-2bcr7bw1wt]  .main > .content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.main-layout-shell[b-2bcr7bw1wt]  .main > .content--studio-workspace {
  padding: 0;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tabbar {
  align-items: center;
  border-bottom: 1px solid var(--h-line);
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  min-height: 44px;
  min-width: 0;
  overflow: hidden;
  padding: 0 10px;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-active-route {
  border-bottom: 2px solid var(--h-accent);
  color: var(--h-text);
  max-width: min(32rem, 50vw);
  overflow: hidden;
  padding: 10px 12px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tabs {
  align-items: stretch;
  display: flex;
  flex: 0 1 auto;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tab {
  align-items: center;
  border-bottom: 2px solid transparent;
  display: flex;
  flex: 0 0 auto;
  max-width: min(22rem, 36vw);
  min-width: 0;
  background: transparent;
  border-radius: 0;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tab--active {
  border-bottom-color: var(--h-accent);
  background: var(--h-bg);
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tab-link {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--h-text);
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  padding: 7px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tab-link:focus-visible {
  outline: 2px solid var(--h-focus);
  outline-offset: -2px;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-dirty {
  color: var(--h-accent);
  font-size: .7rem;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tabbar-spacer {
  flex: 1 1 auto;
}

/* Keep launcher and all-tabs actions outside the tabs' local scroll budget. */
.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tabbar > button.h-button {
  flex: 0 0 auto;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-page {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  padding: 16px;
}

/* Keep the shared page inset while reserving enough vertical room for the View canvas. */
.main-layout-shell:has([data-studio-document]:not([hidden]) .artifact-editor-wrapper--view)[b-2bcr7bw1wt]  .studio-workspace-page {
  padding: 0;
}

/* Only size and overflow are customized; tree, menus and splitter use Hubanero.UI. */
.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-body {
  display: flex;
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-appbar {
  box-sizing: border-box;
  border-right: 1px solid var(--h-line);
  flex: 0 0 52px;
  inline-size: 52px;
  max-inline-size: 52px;
  min-inline-size: 52px;
  min-height: 0;
  overflow-x: clip;
  overflow-y: auto;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-ide-splitter {
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
}

.main-layout-shell[b-2bcr7bw1wt]  .studio-document-pane {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.main-layout-shell:has([data-studio-document]:not([hidden]) .artifact-editor-wrapper--view)[b-2bcr7bw1wt]  .main > .content {
  container: studio-editor / inline-size;
}

.main-layout-shell:has([data-studio-document]:not([hidden]) .artifact-editor-wrapper--view)[b-2bcr7bw1wt]  .studio-document-pane {
  container: studio-editor / inline-size;
}

@media (max-width: 640px) {
  .main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-appbar,
  .main-layout-shell[b-2bcr7bw1wt]  .studio-explorer-pane,
  .main-layout-shell[b-2bcr7bw1wt]  .studio-ide-splitter > .h-splitter {
    display: none;
  }

  .main-layout-shell[b-2bcr7bw1wt]  .studio-document-pane {
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tabbar {
    display: none;
  }

  .main-layout-shell[b-2bcr7bw1wt]  .hubanero-desktop-appbar-toggle {
    display: none;
  }

  .main-layout-shell[b-2bcr7bw1wt]  .mobile-studio-nav,
  .main-layout-shell[b-2bcr7bw1wt]  .mobile-runtime-nav {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 8px max(8px, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
    position: relative;
    width: 100%;
  }

  .main-layout-shell[b-2bcr7bw1wt]  .studio-mobile-enabled,
  .main-layout-shell[b-2bcr7bw1wt]  .runtime-mobile-enabled {
    grid-template-rows: auto minmax(0, 1fr) 0 !important;
    min-height: 0;
  }

  .main-layout-shell[b-2bcr7bw1wt]  .studio-mobile-enabled .main,
  .main-layout-shell[b-2bcr7bw1wt]  .runtime-mobile-enabled .main {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
  }

  .main-layout-shell[b-2bcr7bw1wt]  .studio-mobile-enabled .content,
  .main-layout-shell[b-2bcr7bw1wt]  .runtime-mobile-enabled .content {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
}



/* The desktop IDE uses the workspace rail and Explorer. */
@media (min-width: 641px) {
  .main-layout-shell[b-2bcr7bw1wt]  .workspace-global-navigation { display: none; }
}

.hubanero-profile-avatar[b-2bcr7bw1wt] { display: inline-flex; position: relative; }
.hubanero-profile-avatar[b-2bcr7bw1wt]  .hubanero-profile-presence { position: absolute; inset-inline-end: -2px; bottom: -2px; }

.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tab-link { color: var(--h-muted); font-size: var(--h-text-sm); }
.main-layout-shell[b-2bcr7bw1wt]  .studio-workspace-tab--active .studio-workspace-tab-link { color: var(--h-text); }
/* /Shared/Layout/NavMenu.razor.rz.scp.css */
#main-menu[b-oy30w5x21z] { width: 260px; max-width: 100%; }
/* /Shared/Layout/NotFoundLayout.razor.rz.scp.css */
.not-found-layout-content[b-tlegqthn0a] { width: 100%; max-width: 100vw; min-height: 100dvh; padding: 0 !important; overflow-x: clip; }
.not-found-shell[b-tlegqthn0a] { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100dvh; box-sizing: border-box; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); background: var(--h-bg); }
.not-found-shell[b-tlegqthn0a]  .not-found-card { width: min(100%, 30rem); }
.not-found-card h1[b-tlegqthn0a] { margin: 0; }
.not-found-card p[b-tlegqthn0a] { margin: 0; color: var(--h-muted); }
/* /Shared/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ou1xqhvd5h],
.components-reconnect-repeated-attempt-visible[b-ou1xqhvd5h],
.components-reconnect-failed-visible[b-ou1xqhvd5h],
.components-pause-visible[b-ou1xqhvd5h],
.components-resume-failed-visible[b-ou1xqhvd5h],
.components-rejoining-animation[b-ou1xqhvd5h] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-retrying[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-failed[b-ou1xqhvd5h],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ou1xqhvd5h] {
    display: block;
}


#components-reconnect-modal[b-ou1xqhvd5h] {
    background-color: var(--hubanero-reconnect-surface);
    color: var(--hubanero-reconnect-foreground);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid var(--hubanero-reconnect-stroke);
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ou1xqhvd5h 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ou1xqhvd5h 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ou1xqhvd5h 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ou1xqhvd5h]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ou1xqhvd5h 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ou1xqhvd5h {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ou1xqhvd5h {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ou1xqhvd5h {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ou1xqhvd5h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ou1xqhvd5h] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ou1xqhvd5h] {
    border: 1px solid var(--h-action, #0f6cbd);
    background-color: var(--h-action, #0f6cbd);
    color: var(--h-on-action, #ffffff);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ou1xqhvd5h] {
        background-color: var(--h-action, #115ea3);
    }

    #components-reconnect-modal button:active[b-ou1xqhvd5h] {
        background-color: var(--h-action, #0f6cbd);
    }

.components-rejoining-animation[b-ou1xqhvd5h] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ou1xqhvd5h] {
        position: absolute;
        border: 3px solid var(--h-action, #0f6cbd);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ou1xqhvd5h 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ou1xqhvd5h] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ou1xqhvd5h {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Shared/Layout/StudioApplicationExplorer.razor.rz.scp.css */
.studio-application-explorer[b-tx4t8iwzzc] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 8px;
}

.studio-explorer-header[b-tx4t8iwzzc] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 4px;
    min-width: 0;
}

.studio-explorer-header > strong[b-tx4t8iwzzc] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.studio-explorer-header-actions[b-tx4t8iwzzc] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0;
}

.studio-explorer-tree[b-tx4t8iwzzc] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
}

.studio-explorer-tree[b-tx4t8iwzzc]  .h-tree { min-width: 0; max-width: 100%; overflow: visible; }

.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-label {
    display: inline-flex;
    flex: 1 1 0;
    min-width: 0;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    white-space: nowrap;
    pointer-events: auto;
    cursor: pointer;
}

.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-text {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-label > :not(.studio-explorer-text) {
    flex-shrink: 0;
}

.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-actions {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    min-width: 32px;
    pointer-events: auto;
    opacity: 0;
}

.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-application-actions {
    opacity: 1;
}

.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-deployment-warning {
    align-items: center;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
}

/* The descendant exclusion keeps hovering a child from revealing its ancestors. */
.studio-explorer-tree[b-tx4t8iwzzc]  .h-tree-item:hover:not(:has(.h-tree-item:hover)) > .row > .studio-explorer-actions,
.studio-explorer-tree[b-tx4t8iwzzc]  .h-tree-item:focus-visible > .row > .studio-explorer-actions,
.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-actions:focus-within,
.studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-actions:has([popover]:popover-open) {
    opacity: 1;
}

@media (hover: none), (pointer: coarse) {
    .studio-explorer-tree[b-tx4t8iwzzc]  .studio-explorer-actions { opacity: 1; }
}
/* /Shared/Layout/StudioDocument.razor.rz.scp.css */
[data-studio-document][b-c9i4q0eo4u] { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.studio-document-content[b-c9i4q0eo4u] { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; }
[hidden][b-c9i4q0eo4u] { display: none; }
/* /Shared/Layout/StudioWorkspace.razor.rz.scp.css */
.studio-workspace[b-tbe0l4e233]  .studio-explorer-pane {
    background: var(--h-surface);
    border-inline-end: 1px solid var(--h-line);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}
.studio-workspace[b-tbe0l4e233]  .studio-explorer-tabs {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
}
.studio-workspace[b-tbe0l4e233]  .studio-explorer-tabs [role="tablist"] { flex: 0 0 auto; }
.studio-workspace[b-tbe0l4e233]  .studio-explorer-tabs [role="tabpanel"] {
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}
.studio-workspace[b-tbe0l4e233]  .studio-explorer-tabs--classic [role="tablist"] { display: none; }
.studio-workspace[b-tbe0l4e233]  .studio-explorer-tabs .view-editor-toolbox-content {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: var(--h-space-3);
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: var(--h-space-3);
}
.studio-workspace[b-tbe0l4e233]  .studio-explorer-tabs .view-editor-components-list {
    flex: 1 1 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.studio-workspace[b-tbe0l4e233]  .studio-explorer-tabs .view-editor-nested-view { flex: 0 0 auto; }

.studio-workspace[b-tbe0l4e233]  .studio-properties-splitter { flex: 1 1 0; min-height: 0; min-width: 0; }
.studio-workspace[b-tbe0l4e233]  .studio-editor-area { display: flex; flex: 1 1 0; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; }
.studio-workspace[b-tbe0l4e233]  .studio-properties-pane { display: flex; flex: 0 0 auto; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; }
.studio-properties-header[b-tbe0l4e233] { display: flex; align-items: center; justify-content: space-between; gap: var(--h-space-2); padding: var(--h-space-3) var(--h-space-4); border-bottom: 1px solid var(--h-line); background: var(--h-surface); }
.studio-properties-header > strong[b-tbe0l4e233] { font-size: var(--h-text-xs); text-transform: uppercase; letter-spacing: .12em; }
.studio-properties-content[b-tbe0l4e233] { flex: 1 1 0; min-height: 0; overflow: auto; padding: var(--h-space-4); background: var(--h-surface); }
.studio-workspace-tab-semantics[b-tbe0l4e233] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

/* Toolbox groups belong to the workspace surface rather than separate cards. */
.studio-workspace[b-tbe0l4e233]  .view-editor-toolbox-content .h-accordion-item { border: 0; border-radius: 0; background: transparent; }
.studio-workspace[b-tbe0l4e233]  .view-editor-toolbox-content summary { color: var(--h-muted); font-size: var(--h-text-xs); font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.studio-workspace[b-tbe0l4e233]  .view-editor-toolbox-content .h-accordion-item .content { padding-inline: 0; }
.studio-workspace[b-tbe0l4e233]  .view-editor-toolbox-content .h-button[data-appearance="subtle"] { justify-content: flex-start; text-align: start; font-size: var(--h-text-sm); font-weight: 400; padding-block: var(--h-space-2); }
.studio-workspace[b-tbe0l4e233]  .view-editor-toolbox-content .h-button[data-appearance="subtle"]:hover { background: var(--h-accent-soft); color: var(--h-accent); }
/* /Shared/Spreadsheet/SpreadsheetCell.razor.rz.scp.css */
.sheet-cell[b-7hd4p0i4f8] { position:absolute; box-sizing:border-box; padding:2px 4px; border:1px solid var(--h-line); background:var(--h-surface); color:var(--h-text); overflow:hidden; }
.selected[b-7hd4p0i4f8] { box-shadow:inset 0 0 0 1px var(--h-accent); }
.active[b-7hd4p0i4f8] { outline:2px solid var(--h-accent); outline-offset:-2px; }
@media (forced-colors:active) { .selected[b-7hd4p0i4f8],.active[b-7hd4p0i4f8] { outline:2px solid Highlight; outline-offset:-2px; } }