@import '_content/Garden.Razor/Garden.Razor.trix4c5fci.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.exfvxuochq.bundle.scp.css';

/* /Feat/Lgn/LgnProviderV.razor.rz.scp.css */
.root[b-wee6ke0nfs] {
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gdn-sys-spacing-6, 24px);
  padding: var(--gdn-sys-spacing-6, 24px);
  background: var(--gdn-sys-color-surface, #fff);
  color: var(--gdn-sys-color-on-surface, #1d1b20);
  text-align: center;
}

.root__brand[b-wee6ke0nfs] {
  width: min(100%, 360px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gdn-sys-spacing-2, 8px);
}

.root__logo[b-wee6ke0nfs] {
  display: block;
  width: 64px;
  height: 64px;
}

.root__title[b-wee6ke0nfs] {
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.25;
}

.root__description[b-wee6ke0nfs],
.root__error[b-wee6ke0nfs] {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.root__description[b-wee6ke0nfs] {
  color: var(--gdn-sys-color-on-surface-variant, #49454f);
}

.root__actions[b-wee6ke0nfs] {
  width: min(100%, 320px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--gdn-sys-spacing-3, 12px);
}

.root__actions[b-wee6ke0nfs]  a {
  display: inline-flex;
}

.root__error[b-wee6ke0nfs] {
  color: var(--gdn-sys-color-error, #b3261e);
}

.root[b-wee6ke0nfs]  .slack-login-button-host .slack-login-button {
  --gdn-comp-login-button-bg: #4a154b;
  --gdn-comp-login-button-fg: #fff;
  --gdn-comp-login-button-border: #4a154b;
  --gdn-comp-login-button-state: #fff;
}

@media (max-width: 480px) {
  .root[b-wee6ke0nfs] {
    justify-content: flex-start;
    padding-top: var(--gdn-sys-spacing-12, 48px);
  }

  .root__title[b-wee6ke0nfs] {
    font-size: 24px;
  }
}
/* /Svc/Components/Layout/ReconnectModal.razor.rz.scp.css */
.teams-reconnect[b-017bi86mii] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    place-items: center;
    padding: 24px;
    color: var(--neutral-foreground-rest);
    background: color-mix(in srgb, var(--neutral-fill-layer-rest) 92%, transparent);
}

.teams-reconnect.components-reconnect-show[b-017bi86mii],
.teams-reconnect.components-reconnect-retrying[b-017bi86mii],
.teams-reconnect.components-reconnect-failed[b-017bi86mii],
.teams-reconnect.components-reconnect-rejected[b-017bi86mii] {
    display: grid;
}

.teams-reconnect__panel[b-017bi86mii] {
    display: grid;
    justify-items: center;
    gap: 12px;
    max-width: 320px;
    padding: 24px;
    text-align: center;
    background: var(--neutral-fill-layer-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
}

.teams-reconnect__message[b-017bi86mii] {
    display: none;
    margin: 0;
}

.teams-reconnect__reload[b-017bi86mii] {
    display: none;
    min-height: 32px;
    padding: 5px 12px;
    color: var(--foreground-on-accent-rest);
    cursor: pointer;
    background: var(--accent-fill-rest);
    border: 0;
    border-radius: 4px;
}

.teams-reconnect.components-reconnect-show .teams-reconnect__message--retrying[b-017bi86mii],
.teams-reconnect.components-reconnect-retrying .teams-reconnect__message--retrying[b-017bi86mii],
.teams-reconnect.components-reconnect-failed .teams-reconnect__message--failed[b-017bi86mii] {
    display: block;
}

.teams-reconnect.components-reconnect-failed .teams-reconnect__progress[b-017bi86mii] {
    display: none;
}

.teams-reconnect.components-reconnect-failed .teams-reconnect__reload[b-017bi86mii] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* /Svc/Components/Pages/LgnFail.razor.rz.scp.css */
.teams-login-failure[b-k496wty3eh] {
  --gdn-comp-lgn-fail-space-small: var(--gdn-sys-spacing-2, 8px);
  --gdn-comp-lgn-fail-space-medium: var(--gdn-sys-spacing-4, 16px);
  --gdn-comp-lgn-fail-space-large: var(--gdn-sys-spacing-6, 24px);
  --gdn-comp-lgn-fail-space-top: var(--gdn-sys-spacing-12, 48px);
  --gdn-comp-lgn-fail-fg: var(--neutral-foreground-rest, #242424);
  --gdn-comp-lgn-fail-secondary: var(--neutral-foreground-hint, #616161);
  --gdn-comp-lgn-fail-accent: var(--accent-fill-rest, #6264a7);
  --gdn-comp-lgn-fail-on-accent: var(--foreground-on-accent-rest, #fff);
  --gdn-comp-lgn-fail-radius: var(--gdn-sys-shape-corner-small, 8px);
  --gdn-comp-lgn-fail-width: 480px;
  --gdn-comp-lgn-fail-title-size: 24px;
  --gdn-comp-lgn-fail-title-line: 32px;
  --gdn-comp-lgn-fail-body-size: 16px;
  --gdn-comp-lgn-fail-body-line: 24px;
  --gdn-comp-lgn-fail-help-size: 14px;
  --gdn-comp-lgn-fail-help-line: 20px;
  --gdn-comp-lgn-fail-action-height: 48px;
  --gdn-comp-lgn-fail-focus-width: 2px;
  --gdn-comp-lgn-fail-focus-offset: 4px;
  --gdn-comp-lgn-fail-contrast-border: 1px solid ButtonText;
  display: flex;
  justify-content: center;
  padding: var(--gdn-comp-lgn-fail-space-top) var(--gdn-comp-lgn-fail-space-medium);
  color: var(--gdn-comp-lgn-fail-fg);
}

.teams-login-failure__content[b-k496wty3eh] {
  display: flex;
  flex-direction: column;
  gap: var(--gdn-comp-lgn-fail-space-large);
  width: 100%;
  max-width: var(--gdn-comp-lgn-fail-width);
  overflow-wrap: anywhere;
  font-size: var(--gdn-comp-lgn-fail-body-size);
  line-height: var(--gdn-comp-lgn-fail-body-line);
}

.teams-login-failure__content h1[b-k496wty3eh],
.teams-login-failure__content p[b-k496wty3eh] {
  margin: 0;
}

.teams-login-failure__content h1[b-k496wty3eh] {
  font-size: var(--gdn-comp-lgn-fail-title-size);
  line-height: var(--gdn-comp-lgn-fail-title-line);
}

.teams-login-failure__secondary[b-k496wty3eh] {
  color: var(--gdn-comp-lgn-fail-secondary);
  font-size: var(--gdn-comp-lgn-fail-help-size);
  line-height: var(--gdn-comp-lgn-fail-help-line);
}

.teams-login-failure__action[b-k496wty3eh] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--gdn-comp-lgn-fail-action-height);
  padding: var(--gdn-comp-lgn-fail-space-small) var(--gdn-comp-lgn-fail-space-medium);
  color: var(--gdn-comp-lgn-fail-on-accent);
  background: var(--gdn-comp-lgn-fail-accent);
  border-radius: var(--gdn-comp-lgn-fail-radius);
  text-decoration: none;
}

.teams-login-failure__action:focus-visible[b-k496wty3eh] {
  outline: var(--gdn-comp-lgn-fail-focus-width) solid var(--gdn-comp-lgn-fail-fg);
  outline-offset: var(--gdn-comp-lgn-fail-focus-offset);
}

@media (forced-colors: active) {
  .teams-login-failure__action[b-k496wty3eh] {
    border: var(--gdn-comp-lgn-fail-contrast-border);
  }
}
/* /Svc/Components/Pages/TemplateDetail.razor.rz.scp.css */
.template-detail[b-bz36ek0f2a] {
    --gdn-comp-detail-space-xs: 4px;
    --gdn-comp-detail-space-sm: 8px;
    --gdn-comp-detail-space-md: 16px;
    --gdn-comp-detail-space-lg: 24px;
    --gdn-comp-detail-radius: var(--gdn-sys-shape-corner-small, 8px);
    --gdn-comp-detail-surface: var(--neutral-layer-1, #ffffff);
    --gdn-comp-detail-surface-alt: var(--neutral-layer-2, #fbfbfb);
    --gdn-comp-detail-border: var(--neutral-stroke-1, #d1d1d1);
    --gdn-comp-detail-foreground: var(--neutral-foreground-rest, #242424);
    --gdn-comp-detail-secondary: var(--neutral-foreground-hint, #616161);
    --gdn-comp-detail-focus: var(--focus-stroke-outer, #000000);

    display: grid;
    gap: var(--gdn-comp-detail-space-lg);
    color: var(--gdn-comp-detail-foreground);
    max-width: 1200px;
    margin: 0 auto;
}

.template-detail__header[b-bz36ek0f2a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gdn-comp-detail-space-md);
    padding-bottom: var(--gdn-comp-detail-space-md);
    border-bottom: 1px solid var(--gdn-comp-detail-border);
}

.template-detail__nav[b-bz36ek0f2a] {
    display: flex;
    align-items: center;
    gap: var(--gdn-comp-detail-space-md);
}

.template-detail__page-title[b-bz36ek0f2a] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.template-detail__back-btn[b-bz36ek0f2a] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
}

.template-detail__account[b-bz36ek0f2a] {
    display: flex;
    align-items: center;
}

/* 상태 피드백 배너 (MessageBar) */
.template-detail__banner[b-bz36ek0f2a] {
    display: flex;
    align-items: center;
    gap: var(--gdn-comp-detail-space-sm);
    padding: var(--gdn-comp-detail-space-md);
    border-radius: var(--gdn-comp-detail-radius);
    font-weight: 500;
}

.template-detail__banner-icon[b-bz36ek0f2a] {
    font-weight: 700;
    font-size: 1.1rem;
}

.template-detail__banner--success[b-bz36ek0f2a] {
    background-color: var(--colorPaletteGreenBackground2, #edf9f0);
    border: 1px solid var(--colorPaletteGreenBorder2, #a3e0b5);
    color: var(--colorPaletteGreenForeground2, #0f5c2a);
}

.template-detail__banner--error[b-bz36ek0f2a] {
    background-color: var(--colorPaletteRedBackground2, #fdf3f4);
    border: 1px solid var(--colorPaletteRedBorder2, #f7aab0);
    color: var(--colorPaletteRedForeground2, #b51a25);
}

.template-detail__loading[b-bz36ek0f2a] {
    display: flex;
    align-items: center;
    gap: var(--gdn-comp-detail-space-sm);
    color: var(--gdn-comp-detail-secondary);
    padding: var(--gdn-comp-detail-space-lg) 0;
}

/* 2열 반응형 그리드 */
.template-detail__grid[b-bz36ek0f2a] {
    display: grid;
    grid-template-columns: minmax(320px, 1.2fr) minmax(280px, 1fr);
    gap: var(--gdn-comp-detail-space-lg);
    align-items: start;
}

@media (max-width: 768px) {
    .template-detail__grid[b-bz36ek0f2a] {
        grid-template-columns: 1fr;
    }
}

.template-detail__card[b-bz36ek0f2a] {
    background-color: var(--gdn-comp-detail-surface);
    border: 1px solid var(--gdn-comp-detail-border);
    border-radius: var(--gdn-comp-detail-radius);
    padding: var(--gdn-comp-detail-space-lg);
    display: grid;
    gap: var(--gdn-comp-detail-space-md);
}

.template-detail__template-title[b-bz36ek0f2a] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.template-detail__preview-box[b-bz36ek0f2a] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--gdn-comp-detail-surface-alt);
    border: 1px solid var(--gdn-comp-detail-border);
    border-radius: var(--gdn-comp-detail-radius);
    padding: var(--gdn-comp-detail-space-md);
    min-height: 280px;
    max-height: 440px;
    overflow: hidden;
}

.template-detail__preview-image[b-bz36ek0f2a] {
    max-width: 100%;
    max-height: 380px;
    object-fit: contain;
}

/* 인쇄 설정 폼 컨트롤 */
.template-detail__section-title[b-bz36ek0f2a] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.template-detail__empty-state[b-bz36ek0f2a] {
    display: grid;
    gap: var(--gdn-comp-detail-space-sm);
    color: var(--gdn-comp-detail-secondary);
}

.template-detail__empty-text[b-bz36ek0f2a] {
    margin: 0;
}

.template-detail__field-group[b-bz36ek0f2a] {
    display: grid;
    gap: var(--gdn-comp-detail-space-xs);
}

.template-detail__label[b-bz36ek0f2a] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gdn-comp-detail-foreground);
}

.template-detail__select-wrapper[b-bz36ek0f2a] {
    position: relative;
    width: 100%;
}

.template-detail__select[b-bz36ek0f2a] {
    width: 100%;
    height: 40px;
    padding: 0 var(--gdn-comp-detail-space-md);
    border: 1px solid var(--gdn-comp-detail-border);
    border-radius: var(--gdn-comp-detail-radius);
    background-color: var(--gdn-comp-detail-surface);
    color: var(--gdn-comp-detail-foreground);
    font-size: 0.95rem;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23616161'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
}

.template-detail__select:focus-visible[b-bz36ek0f2a],
.template-detail__textarea:focus-visible[b-bz36ek0f2a] {
    outline: 2px solid var(--gdn-comp-detail-focus);
    outline-offset: 1px;
}

.template-detail__textarea[b-bz36ek0f2a] {
    width: 100%;
    min-height: 80px;
    padding: var(--gdn-comp-detail-space-sm) var(--gdn-comp-detail-space-md);
    border: 1px solid var(--gdn-comp-detail-border);
    border-radius: var(--gdn-comp-detail-radius);
    background-color: var(--gdn-comp-detail-surface);
    color: var(--gdn-comp-detail-foreground);
    font-size: 0.95rem;
    font-family: inherit;
    resize: vertical;
}

.template-detail__action-row[b-bz36ek0f2a] {
    padding-top: var(--gdn-comp-detail-space-sm);
}

.template-detail__submit-btn[b-bz36ek0f2a] {
    width: 100%;
    height: 40px;
    font-weight: 600;
}
/* /Svc/Components/Pages/Templates.razor.rz.scp.css */
.root[b-24aa0u9jhu] {
    --gdn-comp-templates-page-space-small: var(--gdn-sys-spacing-2, 8px);
    --gdn-comp-templates-page-space-medium: var(--gdn-sys-spacing-4, 16px);
    --gdn-comp-templates-page-space-large: var(--gdn-sys-spacing-6, 24px);
    --gdn-comp-templates-page-grid-gap: var(--gdn-sys-spacing-4, 16px);
    --gdn-comp-templates-page-preview-ratio: 4 / 3;
    --gdn-comp-templates-page-radius: var(--gdn-sys-shape-corner-small, 8px);
    --gdn-comp-templates-page-surface: var(--neutral-layer-1, #ffffff);
    --gdn-comp-templates-page-surface-hover: var(--neutral-layer-1-hover, #f5f5f5);
    --gdn-comp-templates-page-surface-alt: var(--neutral-layer-2, #fbfbfb);
    --gdn-comp-templates-page-border: var(--neutral-stroke-1, #d1d1d1);
    --gdn-comp-templates-page-border-hover: var(--neutral-stroke-1-hover, #a6a6a6);
    --gdn-comp-templates-page-foreground: var(--neutral-foreground-rest, #242424);
    --gdn-comp-templates-page-secondary: var(--neutral-foreground-hint, #616161);
    --gdn-comp-templates-page-focus: var(--focus-stroke-outer, #000000);
    --gdn-comp-templates-page-focus-width: 2px;
    --gdn-comp-templates-page-focus-offset: 1px;
    --gdn-comp-templates-page-card-min-width: 11rem;
    --gdn-comp-templates-page-control-min-width: 12rem;
    --gdn-comp-templates-page-control-height: 40px;
    --gdn-comp-templates-page-preview-fit: contain;
    --gdn-comp-templates-page-card-transition: 160ms ease;

    display: grid;
    gap: var(--gdn-comp-templates-page-space-large);
    color: var(--gdn-comp-templates-page-foreground);
    max-width: 1200px;
    margin: 0 auto;
}

.root__header[b-24aa0u9jhu] {
    display: grid;
    gap: var(--gdn-comp-templates-page-space-md);
    padding-bottom: var(--gdn-comp-templates-page-space-md);
    border-bottom: 1px solid var(--gdn-comp-templates-page-border);
}

.root__nav-bar[b-24aa0u9jhu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: var(--gdn-comp-templates-page-space-md);
}

.root__back-btn[b-24aa0u9jhu] {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background-color var(--gdn-comp-templates-page-card-transition);
}

.root__account[b-24aa0u9jhu] {
    display: flex;
    align-items: center;
}

.root__title-group[b-24aa0u9jhu] {
    display: grid;
    gap: 4px;
}

.root__title[b-24aa0u9jhu] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.root__description[b-24aa0u9jhu] {
    margin: 0;
    color: var(--gdn-comp-templates-page-secondary);
}

/* 검색 툴바 */
.root__toolbar[b-24aa0u9jhu] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: var(--gdn-comp-templates-page-space-md);
    padding: var(--gdn-comp-templates-page-space-md);
    background-color: var(--gdn-comp-templates-page-surface);
    border: 1px solid var(--gdn-comp-templates-page-border);
    border-radius: var(--gdn-comp-templates-page-radius);
}

.root__control[b-24aa0u9jhu] {
    display: grid;
    flex: 1 1 var(--gdn-comp-templates-page-control-min-width);
    gap: 6px;
}

.root__label[b-24aa0u9jhu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--gdn-comp-templates-page-foreground);
}

.root__input[b-24aa0u9jhu] {
    width: 100%;
    height: var(--gdn-comp-templates-page-control-height);
    padding: 0 12px;
    border: 1px solid var(--gdn-comp-templates-page-border);
    border-radius: var(--gdn-comp-templates-page-radius);
    background-color: var(--gdn-comp-templates-page-surface);
    color: var(--gdn-comp-templates-page-foreground);
    font-size: 0.95rem;
    font-family: inherit;
    box-sizing: border-box;
}

.root__select-wrapper[b-24aa0u9jhu] {
    position: relative;
    width: 100%;
}

.root__select[b-24aa0u9jhu] {
    width: 100%;
    height: var(--gdn-comp-templates-page-control-height);
    padding: 0 36px 0 12px;
    border: 1px solid var(--gdn-comp-templates-page-border);
    border-radius: var(--gdn-comp-templates-page-radius);
    background-color: var(--gdn-comp-templates-page-surface);
    color: var(--gdn-comp-templates-page-foreground);
    font-size: 0.95rem;
    font-family: inherit;
    appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23616161'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
}

.root__input:focus-visible[b-24aa0u9jhu],
.root__select:focus-visible[b-24aa0u9jhu] {
    outline: var(--gdn-comp-templates-page-focus-width) solid var(--gdn-comp-templates-page-focus);
    outline-offset: var(--gdn-comp-templates-page-focus-offset);
}

.root__search-btn[b-24aa0u9jhu] {
    height: var(--gdn-comp-templates-page-control-height);
    padding: 0 24px;
    background-color: var(--accent-fill-rest, #0078d4);
    color: #ffffff;
    border: none;
    border-radius: var(--gdn-comp-templates-page-radius);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--gdn-comp-templates-page-card-transition);
}

.root__search-btn:hover:not(:disabled)[b-24aa0u9jhu] {
    background-color: var(--accent-fill-hover, #106ebe);
}

.root__search-btn:disabled[b-24aa0u9jhu] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* 결과 섹션 */
.root__results[b-24aa0u9jhu] {
    display: grid;
    gap: var(--gdn-comp-templates-page-space-medium);
}

.root__results-heading[b-24aa0u9jhu] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--gdn-comp-templates-page-space-medium);
}

.root__results-title[b-24aa0u9jhu] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.root__results-count[b-24aa0u9jhu] {
    margin: 0;
    color: var(--gdn-comp-templates-page-secondary);
    font-size: 0.9rem;
}

/* 카드 그리드 및 균등 높이 */
.root__grid[b-24aa0u9jhu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--gdn-comp-templates-page-card-min-width), 1fr));
    gap: var(--gdn-comp-templates-page-grid-gap);
    align-items: stretch;
}

.root__card[b-24aa0u9jhu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background-color: var(--gdn-comp-templates-page-surface);
    border: 1px solid var(--gdn-comp-templates-page-border);
    border-radius: var(--gdn-comp-templates-page-radius);
    transition: transform var(--gdn-comp-templates-page-card-transition),
                box-shadow var(--gdn-comp-templates-page-card-transition),
                border-color var(--gdn-comp-templates-page-card-transition);
}

.root__card:hover[b-24aa0u9jhu] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: var(--gdn-comp-templates-page-border-hover);
}

.root__card-link[b-24aa0u9jhu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
    transition: background-color var(--gdn-comp-templates-page-card-transition);
}

.root__card-link:focus-visible[b-24aa0u9jhu] {
    outline: var(--gdn-comp-templates-page-focus-width) solid var(--gdn-comp-templates-page-focus);
    outline-offset: var(--gdn-comp-templates-page-focus-offset);
}

.root__preview[b-24aa0u9jhu] {
    aspect-ratio: var(--gdn-comp-templates-page-preview-ratio);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gdn-comp-templates-page-surface-alt);
    padding: 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.root__preview img[b-24aa0u9jhu] {
    max-width: 90%;
    max-height: 90%;
    object-fit: var(--gdn-comp-templates-page-preview-fit);
}

.root__card-title[b-24aa0u9jhu] {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 12px 14px;
    font-weight: 600;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

/* 상태 표현 */
.root__state[b-24aa0u9jhu] {
    display: flex;
    align-items: center;
    gap: var(--gdn-comp-templates-page-space-small);
    margin: 0;
    color: var(--gdn-comp-templates-page-secondary);
}

.root__state--error[b-24aa0u9jhu] {
    color: var(--gdn-comp-templates-page-foreground);
}

@media (max-width: 36rem) {
    .root__nav-bar[b-24aa0u9jhu] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gdn-comp-templates-page-space-small);
    }

    .root__results-heading[b-24aa0u9jhu] {
        flex-direction: column;
        align-items: stretch;
    }

    .root__toolbar[b-24aa0u9jhu] {
        align-items: stretch;
    }

    .root__search-btn[b-24aa0u9jhu] {
        flex: 1 1 100%;
    }
}