*{box-sizing:border-box}
html,
body {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  background-image: var(
    --aml-page-gradient,
    var(--theme-slide-top)
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  color: #3f2d22;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
    button,input,select{font:inherit}


.aml-app {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 14px;
    padding: 14px;
    background: var(--theme-slide-bg);
    justify-content: center;
    justify-items: center;
}

.aml-topbar, .aml-bottombar {
    z-index: 0;
    font-size: 1.5rem;
    color: var(--header-text-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: var(--dark-color);
    border-radius: 10px;
    /* box-shadow: 0 12px 40px rgba(92, 64, 51, .18); */
    /* backdrop-filter: blur(10px); */
    padding: 12px 16px;
}

.aml-stop-main {
    display: flex;
    align-items: center;
}

.aml-stop-tools {
    display: flex;
    flex-direction: column;
}

section.aml-panel {
    width: 100%;
}
section.aml-100 {
    background: none;
}

.aml-stop-recipes{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.aml-chip-mini{
  padding:8px 10px;
}

.aml-chip-mini strong{
  font-size:.75rem;
}
.aml-chip-mini small{
  font-size:.6875rem;
}

    .aml-nav{
      display:flex;gap:8px;flex-wrap:wrap;padding:6px;border-radius:10px;
      border:1px solid var(--aml-border);background:rgba(255,255,255,.02);
    }
    .aml-tab{
      border:0;border-radius:10px;padding:5px 5px;background:transparent;color:var(--header-text-color);cursor:pointer;
    }
    .aml-tab.is-active{
  background:var(--dark-color);
  color:var(--header-text-color);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--header-text-color) 34%, transparent);
}

    .aml-top-actions{display:flex;gap:8px}
.aml-icon-btn,
.aml-mini-btn,
.aml-bottom-btn,
.aml-tool-btn{
  border:1px solid rgba(92,64,51,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(248,242,234,.92));
  color: #000;
  cursor:pointer;
  border-radius:10px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.aml-icon-btn:hover,
.aml-mini-btn:hover,
.aml-bottom-btn:hover,
.aml-tool-btn:hover{
  transform: translateY(-1px);
  border-color:color-mix(in srgb, var(--header-text-color) 42%, transparent);
  box-shadow: 0 8px 20px rgba(92,64,51,.10);
}
    .aml-icon-btn{width:44px;}
    .aml-tool-btn{width:100%;height:46px;margin-bottom:12px}
    .aml-bottom-btn, .aml-mini-btn {height:auto;padding:0 5px}
    .aml-bottom-btn.is-primary{background:rgba(215,165,82,.16)}

.aml-shell{
  display:grid;
  grid-template-columns:260px minmax(0,1fr) 280px;
  gap:var(--aml-gap);
  min-height:0;
  align-items:start;
}

.aml-tools-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}

section#amlToolsRow{
  display:flex;
  align-items:flex-start;
  gap:16px;
  flex-wrap:wrap;
  margin-top:16px;
  flex-direction:row;
}

#amlToolsRow .aml-tool-panel{
  flex:1 1 260px;
  min-width:240px;
}

button.aml-helper-swatch {
    min-width: 30px;
    min-height: 30px;
}

.aml-side.aml-left,
.aml-side.aml-right{
  position:sticky;
  top:110px;
}

@media (max-width: 900px) {

#animandalandApp .aml-topbar {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--aml-page-gap);
}
.aml-stop-tool-group {
    flex-direction: column !important;
}



    .aml-app {
        padding: 0.5rem;
    }

  .aml-stage{
    min-height:clamp(360px, 48vw, 620px);
  }

  .aml-stop-tag{
    display:flex;
    transform:scale(.78);
    transform-origin:left center;
  }

  .aml-bottom-left span{
    white-space:nowrap;
    text-align:left;
  }

  .aml-nav{
    justify-content:center;
  }

  .aml-helper-grid,
  .aml-recipe-list {
    grid-template-columns:1fr;
  }
}

.aml-panel,
.aml-stage-card{
  border:1px solid rgba(92,64,51,.14);
  border-radius:var(--aml-radius);
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,243,236,.92));
  box-shadow: var(--aml-shadow);
}
    .aml-panel{padding:16px}
    .aml-side{display:flex;flex-direction:column;gap:var(--aml-gap);min-height:0}
    .aml-panel h2{
  margin:0 0 .875rem;
  font-size:1.125rem;
}

.aml-search {
    min-height: 1rem !important;
    width: 100%;
    height: 2rem;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(92, 64, 51, .14);
    background: rgba(255, 255, 255, .82);
    color: #000;
    margin-bottom: 12px;
}

.aml-animal-list {
    display: flex;
    flex-direction: row;
    gap: 10px;
    max-height: 15vh;
    overflow: auto;
    padding-right: 4px;
}

section.aml-100 {
    width: 95vw;
}

.aml-side.aml-left{
  position:sticky;
  top:110px;
}
.aml-side.aml-right{
  position:sticky;
  top:110px;
}
.aml-animal-item {
    max-height: max-content;
    width: 100%;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(92, 64, 51, .10);
    background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(247, 241, 232, .88));
    color: #000;
    cursor: pointer;
    text-align: left;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    flex-direction: column;
}


.aml-animal-item:hover{
  transform: translateY(-1px);
  border-color: rgba(217,164,65,.38);
  box-shadow: 0 8px 24px rgba(92,64,51,.10);
}

.aml-animal-item.is-active{
  border-color: rgba(217,164,65,.55);
  box-shadow: inset 0 0 0 1px rgba(217,164,65,.22), 0 10px 24px rgba(92,64,51,.10);
}
    .aml-animal-icon,.aml-animal-thumb{
      background:#fff;border-radius:10px;display:grid;place-items:center;overflow:hidden;
    }
.aml-animal-icon {
    width: 15rem;
    min-height: max-content;
}
    .aml-animal-icon img{width:78%;height:78%;object-fit:contain;filter:brightness(0)}
    .aml-animal-text{display:flex;flex-direction:column;gap:4px}
.aml-animal-text strong{
  font-size:.9375rem;
}

.aml-animal-text span{
  font-size:.75rem;
  color:var(--aml-text-soft);
  text-transform:capitalize;
}

.aml-animal-meta {
    display: flex !important;
    gap: 14px;
    align-items: flex-start;
}
    .aml-animal-thumb{width:88px;height:88px}
    .aml-animal-thumb img{width:78%;height:78%;object-fit:contain;filter:brightness(0)}
    .aml-animal-meta-text{display:flex;flex-direction:column;gap:6px}
.aml-animal-meta-text strong{
  font-size:1.25rem;
}

.aml-animal-meta-text span{
  font-size:.8125rem;
  color:var(--aml-text-soft);
}

    .aml-stage-card{padding:16px;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:0}
.aml-stage-head, .aml-stage-subhead {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
    .aml-stage-head h1,.aml-stage-subhead h3{margin:0}
.aml-stage-head h1{
  font-size:1.375rem;
}

.aml-mode-chip{
  padding:.5rem .75rem;
  border-radius:999px;
  background:rgba(215,165,82,.12);
  color:var(--aml-text-soft);
  font-size:.8125rem;
  border:1px solid rgba(215,165,82,.22);
}

.aml-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:620px;
  border-radius:10px;
  overflow:hidden;
  background:var(
    --aml-stage-gradient,
    linear-gradient(to top, #8D6E57 10%, #D8B98A 33.333%, #C8D6B9 66.666%, #BFD7F2 100%)
  ) !important;
  box-shadow: inset 0 0 0 1px rgba(92,64,51,.06);
}

    .aml-preview-svg{width:min(100%,820px);height:auto;display:block}
.aml-preview-ring{
  fill:none;
  stroke:#B78A43;
  stroke-width:2.5;
}

.aml-guide-line{
  stroke: rgba(92,64,51,.18);
  stroke-dasharray:7 7;
  stroke-width:1.5;
}
.aml-stop-tag {
    position: absolute;
    left: 10px;
    min-width: 70px;
    height: auto;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .84);
    color: #4d3924;
    border: 1px solid rgba(77, 57, 36, .15);
    font-size: .8125rem;
    font-weight: 700;
}

#animandalandApp .aml-stop-tag.stop-3{
  top:0 !important;
  transform:translateY(0) !important;
}

#animandalandApp .aml-stop-tag.stop-2{
  top:33.333% !important;
}

#animandalandApp .aml-stop-tag.stop-1{
  top:66.667% !important;
}

#animandalandApp .aml-stop-tag.stop-0{
  top:100% !important;
  transform:translateY(-100%) !important;
}

.aml-stage-foot {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

    .aml-note{
  padding:12px 14px;
  border-radius:10px;
  background: rgba(255,255,255,.78);
  border:1px solid rgba(92,64,51,.10);
  color: var(--aml-text-soft);
  font-size:.8125rem;
  line-height:1.45;
}

.aml-stop-helpers{
  display:flex;
  gap:8px;
  flex-wrap:nowrap;
    justify-content: center;
}

.aml-helper-swatch {
    display: inline-block;
    height: 10px;
    border-radius: 999px;
    border: 1px solid rgba(92, 64, 51, .18);
    flex-basis: 7px;
}

.aml-stop-analogs{
  display:flex;
  gap:8px;
  flex-wrap:nowrap;
    justify-content: center;
}

.aml-motion-swatch{
    width:22px;
    height:22px;
    flex-basis:7px;
  border-radius:999px;
  border:1px solid rgba(92,64,51,.18);
  padding:0;
  cursor:pointer;
}
.aml-stop-list {
    min-width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
}

.aml-stop-row {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-inline: 0.2rem;
  border-radius:10px;
  background: rgba(255,255,255,.82);
  border:1px solid rgba(92,64,51,.10);
}
    .aml-stop-row.is-selected{
  box-shadow: inset 0 0 0 1px rgba(217,164,65,.55), 0 6px 18px rgba(92,64,51,.08);
}
.aml-stop-label{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  font-size:.9375rem;
  cursor:pointer;
}

.aml-stop-label small{
  font-size:.75rem;
  color:var(--aml-text-soft);
}
    .aml-color{width:56px;height:42px;border:0;background:transparent;padding:0;cursor:pointer}

    .aml-sample-box{width:100%;height:72px;border-radius:10px;border:1px solid rgba(215,165,82,.16);background:#000;margin-bottom:10px}
    .aml-sample-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.aml-sample-meta strong{
  font-size:1.125rem;
}

.aml-sample-meta span{
  color:var(--aml-text-soft);
  font-size:.875rem;
  line-height:1.45;
}

    .aml-helper-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.aml-recipe-list{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
}
.aml-chip{
  padding:10px;
  border-radius:10px;
  background: rgba(255,255,255,.82);
  border:1px solid rgba(92,64,51,.10);
  display:flex;
  align-items:center;
  gap:10px;
}
    .aml-chip-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.18);flex:0 0 18px}
    .aml-chip small{display:block;color:var(--aml-text-soft)}
    .aml-chip strong{
  font-size:.8125rem;
}

.aml-recipes-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    flex-direction: column;
}    .aml-muted{
  color:var(--aml-text-soft);
  font-size:.8125rem;
  line-height:1.5;
}


    .aml-bottombar{padding:14px 16px;border-radius:10px;border:1px solid var(--aml-border);background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01))}
.aml-bottom-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex-direction: column;
}    .aml-bottom-left strong{color:var(--dark-color)}
    .aml-bottom-left span {color: var(--dark-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .aml-bottom-right{display:flex;gap:8px;flex-wrap:wrap}

    .aml-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:100000}
    .aml-overlay.is-open{display:flex}
    .aml-dialog{max-width:760px;width:100%;max-height:calc(100vh - 40px);overflow:auto;background:var(--dark-color);border:1px solid var(--aml-border);border-radius:10px;padding:18px;box-shadow:var(--aml-shadow)}
    .aml-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:var(--header-text-color)}
    .aml-dialog h3{margin:0}
    .aml-close{width:40px;height:40px;border-radius:10px;border:1px solid var(--aml-border);background:var(--header-text-color);color:var(--dark-color);cursor:pointer}
    .aml-guide-list{display:grid;gap:12px}
    .aml-guide-item{padding:12px;border-radius:10px;background:var(--header-text-color);color:var(--dark-color);border:1px solid rgba(215,165,82,.14)}
    .aml-guide-item strong{display:block;margin-bottom:6px}
    .aml-guide-item span{
  color:var(--aml-text-soft);
  line-height:1.5;
  font-size:.875rem;
}


#animandalandApp{
  --aml-text: var(--dark-color, #3f2d22);
  --aml-text-soft: color-mix(in srgb, var(--dark-color, #5C4033) 72%, white);
  --aml-border: color-mix(in srgb, var(--dark-color, #5C4033) 16%, transparent);
  --aml-shadow: 0 18px 50px color-mix(in srgb, var(--dark-color, #5C4033) 18%, transparent);
  --aml-radius: 10px;
  --aml-gap: 0.5rem;
  --aml-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  margin:0;
  max-width:100%;
  color:#000;
}

html[data-darkmode=dark] body, [data-darkmode=dark] .select2-dropdown, [data-darkmode=dark] .bloghash-header-layout-5 #masthead+#main .bloghash-breadcrumbs, [data-darkmode=dark] #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice), [data-darkmode=dark] .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice), [data-darkmode=dark] .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice), html[data-darkmode=dark] .woocommerce div.product .woocommerce-tabs table.shop_attributes, [data-darkmode=dark] .bloghash-header-layout-6 .bloghash-nav-container, [data-darkmode=dark] .bloghash-header-layout-4 .bloghash-nav-container, [data-darkmode=dark] .bloghash-header-layout-3 .bloghash-nav-container, [data-darkmode=dark] #bloghash-header-inner {
    background: #2d4926;
}

#animandalandApp h1,
#animandalandApp h2,
#animandalandApp h3,
#animandalandApp strong{
  color: #000;
}

#animandalandApp .aml-panel h2,
#animandalandApp .aml-stage-head h1{
  font-family: "Be Vietnam Pro", Inter, sans-serif;
  letter-spacing: -.01em;
}

.aml-mode-palettes{
  margin-top:16px;
  padding:0.15rem;
  border:1px solid rgba(92,64,51,.10);
  border-radius:10px;
  background:rgba(255,255,255,.78);
}

.aml-mode-palettes-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
flex-direction:column;
}

.aml-mode-palettes-head h3{
  margin:0;
  font-size:1rem;
}

.aml-mode-palettes-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
}

.aml-palette-card{
  border:1px solid rgba(92,64,51,.12);
  border-radius:10px;
  background:#fff;
  padding:0.15rem;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}

.aml-palette-card:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(92,64,51,.10);
}

.aml-palette-card.is-active{
  border-color:rgba(217,164,65,.55);
  box-shadow:inset 0 0 0 1px rgba(217,164,65,.22), 0 8px 20px rgba(92,64,51,.10);
}

.aml-palette-card-preview{
  height:72px;
  border-radius:10px;
  margin-bottom:10px;
}

.aml-palette-card-body strong{
  display:block;
  margin-bottom:.5rem;
  font-size:.875rem;
}

.aml-palette-swatches {
    display: flex;
    gap: 6px;
    flex-direction: column-reverse;
}

.aml-palette-swatch{
  width:18px;
  height:18px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
}

@media (max-width: 900px) {
.aml-mode-palettes-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    align-items: start;
}
}

div#previewMount {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.aml-stage{
  position:relative;
}

.aml-top-shell {
    display: flex;
    justify-content: center;
}
#animandalandApp p,
#animandalandApp span,
#animandalandApp strong,
#animandalandApp button,
#animandalandApp h1,
#animandalandApp h2,
#animandalandApp h3,
#animandalandApp .aml-stop-tool-title,
#animandalandApp .aml-tool-btn,
#animandalandApp .aml-mini-btn,
#animandalandApp .aml-bottom-btn{
  font-size:clamp(1.8rem, 2vw, 2rem) !important;
}





/* AML fixed-row responsive layout */
#animandalandApp{
  --aml-page-gap: clamp(6px, .65vw, 16px);

  --aml-left-w: clamp(240px, 23vw, 520px);
  --aml-right-w: clamp(240px, 23vw, 520px);

  --aml-top-animal-w: clamp(220px, 20vw, 420px);
  --aml-top-meta-w: clamp(120px, 10vw, 220px);
  --aml-top-explore-w: clamp(220px, 20vw, 420px);

  --aml-stage-min: 0px;
  --aml-panel-pad: clamp(5px, .85vw, 16px);
  --aml-card-radius: clamp(12px, 1.2vw, 22px);
  overflow-x:auto;
  overflow-y:visible;

  --aml-fs-xs: clamp(1.125rem, 1.25vw, 1.375rem);
  --aml-fs-sm: clamp(1.125rem, 1.25vw, 1.375rem);
  --aml-fs-md: clamp(1.125rem, 1.25vw, 1.375rem);
  --aml-fs-lg: clamp(1.125rem, 1.25vw, 1.375rem);
  --aml-fs-xl: clamp(1.125rem, 1.25vw, 1.375rem);
}

/* AML typography scale */
#animandalandApp .aml-chip-mini small,
#animandalandApp .aml-animal-text span,
#animandalandApp .aml-stop-label small{
  font-size:var(--aml-fs-xs) !important;
}

#animandalandApp .aml-chip-mini strong,
#animandalandApp .aml-animal-meta-text span,
#animandalandApp .aml-mode-chip,
#animandalandApp .aml-stop-tag,
#animandalandApp .aml-note,
#animandalandApp .aml-chip strong,
#animandalandApp .aml-muted{
  font-size:var(--aml-fs-sm) !important;
}

#animandalandApp .aml-animal-text strong,
#animandalandApp .aml-stop-label,
#animandalandApp .aml-sample-meta span,
#animandalandApp .aml-guide-item span,
#animandalandApp .aml-palette-card-body strong{
  font-size:var(--aml-fs-md) !important;
}

#animandalandApp .aml-panel h2,
#animandalandApp .aml-sample-meta strong,
#animandalandApp .aml-mode-palettes-head h3{
    text-align: center;
  font-size:var(--aml-fs-lg) !important;
}

#animandalandApp .aml-animal-meta-text strong,
#animandalandApp .aml-stage-head h1{
  font-size:var(--aml-fs-xl) !important;
}

#animandalandApp .aml-app{
  gap:var(--aml-page-gap);
  padding:var(--aml-page-gap);
  min-width:760px;
}

#animandalandApp p, #animandalandApp h1, #animandalandApp h2, #animandalandApp h3, #animandalandApp span {
    line-height: 1.5;
    text-align: center;
    font-size: 1.05rem !important;
}

/* AML top shell aligned with main 3-column shell */
#animandalandApp .aml-top-shell{
  display:grid !important;
  grid-template-columns:
    var(--aml-left-w)
    minmax(0, 1fr)!important;
  gap:var(--aml-page-gap) !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

#animandalandApp .aml-top-shell > .aml-panel{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:100% !important;
  padding:var(--aml-panel-pad) !important;
  border-radius:var(--aml-card-radius) !important;
  overflow:hidden !important;
}

/* left top card: same width as Stops aside */
#animandalandApp .aml-top-shell > .aml-panel:nth-child(1){
  grid-column:1;
}

/* center top card: same width as Animal Preview column */
#animandalandApp .aml-top-shell > .aml-panel:nth-child(2){
  grid-column:2;
}

/* right top card: same width as Recipes aside */
#animandalandApp .aml-top-shell > .aml-panel:nth-child(3){
  grid-column:3;
}


#animandalandApp .aml-top-shell > .aml-panel{
  min-width:0;
  padding:var(--aml-panel-pad);
  border-radius:var(--aml-radius);
}

#animandalandApp .aml-top-shell {
    display: grid !important;
    grid-template-columns: var(--aml-top-animal-w) var(--aml-top-meta-w) var(--aml-top-explore-w);
    align-items: stretch;
    gap: var(--aml-page-gap);
    width: 100%;
    min-width: 0;
    margin-top: 1rem;
    grid-auto-flow: column;
}

#animandalandApp .aml-side,
#animandalandApp .aml-left,
#animandalandApp .aml-right,
#animandalandApp .aml-stage-card{
  width:auto !important;
  min-width:0;
}

#animandalandApp .aml-side.aml-left,
#animandalandApp .aml-side.aml-right{
  position:sticky !important;
  top:calc(82px + var(--aml-page-gap)) !important;
  align-self:start;
}

#animandalandApp .aml-stage-card{
  order:initial !important;
  padding:var(--aml-panel-pad);
  min-width:0;
}
#animandalandApp .aml-panel {
    max-width: 98vw;
    width: 100%;
    padding: var(--aml-panel-pad);
    border-radius: var(--aml-radius);
}

#animandalandApp .aml-stage{
  min-height:clamp(390px, 54vw, 700px);
}

#animandalandApp .aml-preview-svg{
  width:min(100%, 820px);
  max-height:72vh;
}

#animandalandApp .aml-animal-list {
    max-height: min-content;
}

#animandalandApp section#amlToolsRow {
    border-radius: 10px;
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  gap:var(--aml-page-gap);
  margin-top:0;
}



#animandalandApp #amlToolsRow .aml-panel{
  width:100% !important;
  min-width:0 !important;
}

#animandalandApp .aml-bottombar {
    max-width: 90vw;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center;
  gap:var(--aml-page-gap);
}

#animandalandApp .aml-bottom-left{
  min-width:0;
}

h3#stageSubtitle {
    text-align: center;
}

#animandalandApp .aml-bottom-left span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#animandalandApp .aml-topbar {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--aml-page-gap);
}

/* Compact details for narrow viewport */
@media (max-width: 1180px){
  #animandalandApp{
    --aml-page-gap: clamp(4px, .55vw, 10px);

    --aml-left-w: 25vw;
    --aml-right-w: 25vw;

    --aml-stage-min: 0px;

    --aml-top-animal-w: 150px;
    --aml-top-meta-w: 76px;
    --aml-top-explore-w: 150px;
  }
}

@media (min-width: 1181px){
  #animandalandApp{
    --aml-left-w: clamp(260px, 23vw, 560px);
    --aml-right-w: clamp(260px, 23vw, 560px);

    --aml-top-animal-w: clamp(240px, 22vw, 460px);
    --aml-top-meta-w: clamp(130px, 11vw, 240px);
    --aml-top-explore-w: clamp(240px, 22vw, 460px);
  }

  #animandalandApp .aml-stage{
    min-height:clamp(520px, 42vw, 760px) !important;
  }

  #animandalandApp p,
  #animandalandApp span,
  #animandalandApp strong,
  #animandalandApp button,
  #animandalandApp h1,
  #animandalandApp h2,
  #animandalandApp h3,
  #animandalandApp .aml-stop-tool-title{
    font-size:clamp(1rem, 2vw, 2rem) !important;
  }

  #animandalandApp .aml-animal-item{
    grid-template-columns:34px 1fr auto;
    gap:6px;
    padding:7px;
  }



  #animandalandApp .aml-animal-meta{
    justify-items:center;
    text-align:center;
    gap:8px;
  }

  #animandalandApp .aml-animal-thumb{
    width:54px;
    height:54px;
  }

  #animandalandApp .aml-search{
    height:34px;
    padding:0 9px;
  }


  #animandalandApp .aml-sample-box{
    height:42px;
  }

  #animandalandApp .aml-stop-row{
    padding: 12px;
    gap:7px;
  }

  #animandalandApp .aml-stop-color-preview{
    width:50%;
    height:24px;
    border-radius:999px;
  }

  #animandalandApp .aml-motion-swatch, #animandalandApp .aml-helper-swatch {
    width:22px !important;
    height:22px;
    flex-basis:18px;
  }

  #animandalandApp button.aml-helper-swatch{
    min-width:22px;
    min-height:22px;
  }

  #animandalandApp .aml-recipes-head{
    gap:4px;
  }
}




#animandalandApp .aml-top-shell .aml-panel h2{
  text-align:center;
  margin-bottom:10px;
}

#animandalandApp .aml-top-shell .aml-animal-meta-text{
  align-items:center;
  text-align:center;
}

#animandalandApp .aml-top-shell .aml-animal-meta-text strong{
  line-height:1.15;
}

#animandalandApp .aml-top-shell .aml-animal-meta-text span{
  line-height:1.25;
}

#animandalandApp .aml-top-shell .aml-search{
  margin-bottom:10px;
}

#animandalandApp .aml-top-shell .aml-sample-meta{
  gap:5px;
  margin-bottom:0;
}

#animandalandApp .aml-top-shell .aml-sample-meta span{
  line-height:1.25;
}

#animandalandApp .aml-top-shell .aml-tool-btn{
  margin-bottom:8px;
}











/* Recipe / right aside containment */
#animandalandApp .aml-side.aml-right,
#animandalandApp .aml-side.aml-right .aml-panel,
#animandalandApp #recipeList,
#animandalandApp #recipeList *,
#animandalandApp .aml-recipe-block,
#animandalandApp .color-drop-result{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

#animandalandApp .aml-side.aml-right{
  overflow:hidden;
}

#animandalandApp .aml-side.aml-right .aml-panel{
  overflow:hidden;
}

#animandalandApp #recipeList{
  overflow:hidden;
}

#animandalandApp #recipeList .aml-recipe-block{
  overflow:hidden;
}

#animandalandApp #recipeList .color-drop-result{
  overflow:hidden;
  word-break:normal;
  overflow-wrap:anywhere;
}

#animandalandApp #recipeList .circlecolors{
  width:100% !important;
  max-width:100% !important;
  gap:8px !important;
  margin-bottom:10px !important;
}

#animandalandApp #recipeList .circlecolors .col{
  width:100% !important;
  max-width:100% !important;
  align-items:center !important;
}

#animandalandApp #recipeList canvas[data-pencils-preview]{
  width:min(100%, 136px) !important;
  height:auto !important;
  aspect-ratio:1 / 1;
  display:block !important;
  margin-inline:auto !important;
}

#animandalandApp #recipeList canvas[data-pencils-preview] + *{
  max-width:100% !important;
}

#animandalandApp #recipeList p,
#animandalandApp #recipeList li,
#animandalandApp #recipeList div{
  font-size:clamp(1rem, .78vw, .88rem) !important;
  line-height:1.32 !important;
}


#animandalandApp #recipeMeta{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}

#animandalandApp .aml-pencil-preview-canvas{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  background:#f5f5f5;
  border:1px solid #00000020;
  display:block;
  align-self:center;
  margin-inline:auto;
}

/* Hard containment for recipe column */
#animandalandApp .aml-side.aml-right{
  width:var(--aml-right-w) !important;
  max-width:var(--aml-right-w) !important;
  min-width:0 !important;
  overflow:hidden !important;
}

#animandalandApp .aml-side.aml-right .aml-panel{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  padding-inline:clamp(4px, .55vw, 12px) !important;
}

#animandalandApp #recipeList.aml-recipe-list{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:auto !important;
}

#animandalandApp #recipeList.aml-recipe-list > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

#animandalandApp #recipeList .aml-recipe-block,
#animandalandApp #recipeList .color-drop-result{
  display:block !important;
  width:90vw !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

#animandalandApp #recipeList .circlecolors{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  gap:5px !important;
}

#animandalandApp #recipeList .circlecolors .col{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

#animandalandApp #recipeList canvas[data-pencils-preview]{
  height:50vh !important;
  width:auto !important;
  aspect-ratio:1 / 1 !important;
  display:block !important;
  margin-inline:auto !important;
}

#animandalandApp #recipeList p, #animandalandApp #recipeList li, #animandalandApp #recipeList div {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

#animandalandApp .aml-side.aml-right.is-recipe-fullscreen .aml-panel #recipeList p, #animandalandApp .aml-side.aml-right.is-recipe-fullscreen .aml-panel #recipeList li, #animandalandApp .aml-side.aml-right.is-recipe-fullscreen .aml-panel #recipeList div {
    font-size: 1.5rem !important;
}


#animandalandApp #recipeList ul{
  padding-left:2px !important;
}

/* AML final anti-wrap reset */
#animandalandApp .aml-shell{
  display:grid !important;
  grid-template-columns:
    var(--aml-left-w)
    minmax(0, 1fr)!important;
  grid-auto-flow:column !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
}

#animandalandApp .aml-left,
#animandalandApp .aml-stage-card,
#animandalandApp .aml-right{
  grid-column:auto !important;
  grid-row:auto !important;
  min-width:0 !important;
  max-width:100% !important;
}

#animandalandApp .aml-side.aml-left{
  width:var(--aml-left-w) !important;
  max-width:var(--aml-left-w) !important;
  min-width:0 !important;
}

#animandalandApp .aml-stage-card{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

#animandalandApp .aml-side.aml-right{
  display:flex !important;
  flex-direction:column !important;
  grid-column:auto !important;
  grid-row:auto !important;
  width:var(--aml-right-w) !important;
  max-width:var(--aml-right-w) !important;
  min-width:0 !important;
  overflow:hidden !important;
}

#animandalandApp .aml-stage {
    width: clamp(200px, 44vw, 600px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: clamp(120px, 44vw, 600px) !important;
    margin-inline: auto !important;
}

#animandalandApp .aml-preview-svg,
#animandalandApp #previewMount,
#animandalandApp #animalSvgWrap {
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  transform-origin: center center !important;
  pointer-events: none !important;
}

#animandalandApp #animalSvgWrap img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}


/* Recipe fullscreen modal */
html.aml-recipe-fullscreen-open,
body.aml-recipe-fullscreen-open{
  overflow:hidden !important;
  height:100% !important;
  overscroll-behavior:none !important;
  touch-action:none !important;
}

#animandalandApp .aml-side.aml-right.is-recipe-fullscreen{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  width:100vw !important;
  max-width:none !important;
  min-width:0 !important;
  height:100dvh !important;
  max-height:100dvh !important;
  padding:clamp(10px, 2vw, 28px) !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(13, 9, 6, .58) !important;
  backdrop-filter:blur(8px);
  overscroll-behavior:contain !important;
  touch-action:auto !important;
}

#animandalandApp .aml-side.aml-right.is-recipe-fullscreen .aml-panel{
  width:min(960px, 94vw) !important;
  max-width:960px !important;
  height:min(920px, 92dvh) !important;
  max-height:92dvh !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  padding:clamp(14px, 2vw, 28px) !important;
  display:flex !important;
  flex-direction:column !important;
  overscroll-behavior:contain !important;
  touch-action:auto !important;
}

#animandalandApp .aml-side.aml-right.is-recipe-fullscreen .aml-recipes-head{
  flex:0 0 auto !important;
}

#animandalandApp .aml-side.aml-right.is-recipe-fullscreen #recipeList{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:clamp(6px, 1vw, 12px) !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
}

#animandalandApp .aml-side.aml-right.is-recipe-fullscreen #recipeList .aml-recipe-block,
#animandalandApp .aml-side.aml-right.is-recipe-fullscreen #recipeList .color-drop-result{
  overflow:visible !important;
}

#animandalandApp .aml-side.aml-right.is-recipe-fullscreen #recipeList canvas[data-pencils-preview],
#animandalandApp .aml-side.aml-right.is-recipe-fullscreen .aml-pencil-preview-canvas{
  max-width:min(420px, 82vw) !important;
  width:100% !important;
}


html.aml-recipe-fullscreen-open,
body.aml-recipe-fullscreen-open{
  overflow:hidden !important;
}

body.aml-recipe-fullscreen-open::before{
  content:"";
  position:fixed;
  inset:0;
}

#animandalandApp .aml-panel.is-recipe-fullscreen{
  position:fixed !important;
  inset:clamp(12px, 3vw, 42px) !important;
  z-index:99990 !important;
  width:auto !important;
  max-width:95vw !important;
  max-height:none !important;
  overflow:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  padding:clamp(18px, 3vw, 42px) !important;
  border-radius:clamp(18px, 3vw, 34px) !important;
}

#animandalandApp .aml-panel.is-recipe-fullscreen .aml-recipes-head{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
  border-radius:10px;
  padding:12px;
}

#animandalandApp .aml-panel.is-recipe-fullscreen #recipeList{
  width:min(100%, 920px);
  margin:0 auto;
}

@media (min-width: 1181px){
  #animandalandApp .aml-stage-card{
    max-width:100% !important;
  }

  #animandalandApp .aml-shell{
    grid-template-columns:
      var(--aml-left-w)
      minmax(420px, 1fr)
      !important;
  }
}

/* Main preview without circle/ring */
#animandalandApp .aml-preview-svg-open-stage{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  display:block !important;
  overflow:visible !important;
}

#animandalandApp .aml-stage{
  position:relative !important;
  width:100% !important;
  height:var(--aml-stage-synced-height, 600px) !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
}

#animandalandApp #previewMount{
  position:absolute !important;
  inset:0 !important;
}

#animandalandApp #previewMount{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:block !important;
}
#animandalandApp .aml-preview-ring{
  display:none;
}

#animandalandApp .aml-guide-line-open-stage{
  stroke:rgba(92,64,51,.14);
  stroke-dasharray:7 7;
  stroke-width:1.5;
}

#animandalandApp .aml-animal-open-stage-wrap image{
  filter:brightness(0);
}

/* AML root-driven theme sync */

#animandalandApp .aml-app{
  background:var(--theme-slide-bg) !important;
}

#animandalandApp .aml-stage {
  background: var(
    --aml-stage-gradient,
    linear-gradient(
      to top,
      #8D6E57 10%,
      #D8B98A 33.333%,
      #C8D6B9 66.666%,
      #BFD7F2 100%
    )
  ) !important;
}

#animandalandApp .aml-topbar,
#animandalandApp .aml-bottombar{
    margin-top: 5vh;
  background:black !important;
  color:var(--header-text-color) !important;
}


#animandalandApp .aml-panel,
#animandalandApp .aml-stage-card{
  border-color:color-mix(in srgb, var(--dark-color) 18%, transparent) !important;
}

#animandalandApp .aml-mode-chip,
#animandalandApp .aml-tab.is-active{
  color:var(--header-text-color);
  background:var(--dark-color);
  border-color:color-mix(in srgb, var(--header-text-color) 32%, transparent) !important;
}

#animandalandApp .aml-preview-ring{
  stroke:var(--header-text-color) !important;
}

#animandalandApp .aml-icon-btn,
#animandalandApp .aml-mini-btn,
#animandalandApp .aml-bottom-btn,
#animandalandApp .aml-tool-btn{
  border-color:color-mix(in srgb, var(--dark-color) 16%, transparent) !important;
}

#animandalandApp .aml-icon-btn:hover,
#animandalandApp .aml-mini-btn:hover,
#animandalandApp .aml-bottom-btn:hover,
#animandalandApp .aml-tool-btn:hover{
  border-color:color-mix(in srgb, var(--header-text-color) 46%, transparent) !important;
}



#animandalandApp #recipeList .aml-recipe-full-only{
  display:block !important;
}

#animandalandApp #recipeList .aml-recipe-ui-only{
  display:flex !important;
}

#animandalandApp #recipeList .aml-pencil-preview-canvas{
  width:min(100%, 252px);
  height:auto;
  background:#f5f5f5;
  border:1px solid #00000020;
  display:block;
  align-self:center;
}



#animandalandApp .aml-stage {
  isolation: isolate;
}

#animandalandApp #previewMount,
#animandalandApp #previewSvg {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

#animandalandApp .aml-stop-tag {
  z-index: 5;
}

#animandalandApp .aml-stage-svg-bg {
  display: none !important;
}







.aml-stop-tool-group {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
}



#animandalandApp .aml-stage-particles {
  pointer-events: none;
}

#animandalandApp .aml-stage-particles-analog {
  mix-blend-mode: multiply;
  opacity: 0.92;
}

#animandalandApp .aml-stage-particles-accent {
  mix-blend-mode: normal;
  opacity: 1;
}

#animandalandApp .aml-stage-particle-stroke,
#animandalandApp .aml-stage-particle-dot {
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

/* =========================================================
   AML · UNIFIED COLOR EXPLORER + RECIPE PANEL
   ========================================================= */

#animandalandApp section#amlToolsRow{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

#animandalandApp #amlToolsRow > .aml-tools-panel{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  gap:0 !important;
  padding:var(--aml-panel-pad) !important;
  overflow:hidden !important;
}

#animandalandApp .aml-tools-section{
  min-width:0;
}


#animandalandApp .aml-tools-section-head h2,
#animandalandApp .aml-recipes-head h2{
  margin:0 0 3px !important;
  font-size:1rem !important;
  line-height:1.2;
}

#animandalandApp .aml-tools-section-head p,
#animandalandApp .aml-recipes-head p{
  margin:0 !important;
}

#animandalandApp .aml-tools-section .aml-muted{
  display:block;
  margin:0;
  font-size:.72rem;
  line-height:1.35;
  opacity:.72;
}

#animandalandApp .aml-eyedrop-btn {
    border: 2px solid var(--dark-color) !important;
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
}

#animandalandApp .aml-tools-section-head, #animandalandApp .aml-recipes-head {
    gap: 10px;
    margin: 0 0 12px;
}

#animandalandApp .aml-sample-box{
  width:56px !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  border-radius:10px;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.12),
    0 5px 14px rgba(0,0,0,.08);
}

#animandalandApp .aml-sample-meta{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px;
  font-size:.7rem;
  line-height:1.3;
}

#animandalandApp .aml-sample-meta strong{
  font-size:.9rem;
}

#animandalandApp .aml-sample-meta span{
  overflow-wrap:anywhere;
}

#animandalandApp .aml-tools-divider{
  width:100%;
  height:1px;
  margin:14px 0;
  background:color-mix(
    in srgb,
    var(--dark-color) 15%,
    transparent
  );
}

#animandalandApp #recipeList{
  display:block !important;
  width:100%;
  min-width:0;
  margin:0;
}

#animandalandApp #recipeList .aml-recipe-block{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#animandalandApp #recipeList .color-drop-result{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}

#animandalandApp #recipeList .circlecolors{
  align-items:center !important;
  justify-content:stretch !important;
  gap:10px !important;
  margin:0 0 12px !important;
}

#animandalandApp #recipeList .circlecolors > .col{
  min-width:0;
}

#animandalandApp #recipeList .circlecolors > .col:first-child{
  align-items:center;
}

#animandalandApp #recipeList .aml-pencil-preview-canvas{
  width:min(100%, 180px) !important;
  height:auto !important;
  margin-inline:auto;
}

#animandalandApp #recipeList .aml-recipe-full-only{
  display:block !important;
  padding-top:10px;
  border-top:1px solid rgba(92,64,51,.12);
}

#animandalandApp #recipeList .aml-recipe-full-only > div{
  margin-bottom:12px !important;
}

#animandalandApp #recipeList .aml-recipe-full-only > div:last-child{
  margin-bottom:0 !important;
}

#animandalandApp #recipeList .aml-recipe-full-only div{
  font-size:1.5rem !important;
}

#animandalandApp #recipeList .aml-recipe-full-only p,
#animandalandApp #recipeList .aml-recipe-full-only li{
  font-size:1.2rem !important;
  line-height:1.45 !important;
}



#animandalandApp #recipeList .aml-recipe-full-only li + li{
  margin-top:3px;
}

@media (max-width:1180px){


  #animandalandApp .aml-sample-box{
    width:48px !important;
    height:48px !important;
    min-height:48px !important;
  }

  #animandalandApp #recipeList .circlecolors{
    grid-template-columns:1fr;
  }
}

#animandalandApp .aml-recipe-color-preview{
  width:100%;
  height:42px;
  margin:6px auto 0;
  border-radius:999px;
  border:2px solid #fff;
  box-shadow:0 0 0 2px rgba(0,0,0,.12);
}


.aml-tools-section.aml-explore-section {
    margin-top: 1rem;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.aml-tools-section-head {
    min-width: 35vw;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-direction: column;
}

.aml-sample-layout {
    justify-items: center;
}


.aml-locked-message {
  width: 100%;
  padding: 28px;
  text-align: center;
  border-radius: 24px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
}

.aml-locked-message strong {
  display: block;
  font-size: clamp(22px, 3vw, 34px);
  margin-bottom: 12px;
}

.aml-locked-message p {
  max-width: 540px;
  margin: 0 auto 22px;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.55;
}

.aml-access-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  background: #111;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 700;
  transition:
    transform .2s ease,
    opacity .2s ease;
}

.aml-access-cta:hover {
  transform: translateY(-2px);
  opacity: .88;
}


div#amlTimeline {
    text-align: center;
}

.entry-content.bloghash-entry>section.animanda-shell, .animanda-shell {
    text-align: center;
    display: flex;
    max-width: unset !important;
    flex-direction: column;
    align-items: center;
    margin: 30px auto !important;
    width: 100% !important;
    margin-left: auto !important;
    box-sizing: border-box;
}


#animandalandApp .aml-animal-list:has(.aml-guest-sales) {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
}

#animandalandApp .aml-animal-list:has(.aml-guest-sales) .aml-guest-sales {
    padding: 2rem;
    width: 100%;
    max-width: none;
    margin: 0;
}

.aml-guest-actions {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* =========================================================
   Native mode delivery - retained in v2.11.37
   Kept outside .aml-shell so the three-column editor grid
   remains exclusively left / stage / right.
   ========================================================= */
#animandalandApp .aml-mode-delivery-host{
  width:95vw;
  max-width:100%;
  margin:18px auto 0;
}

#animandalandApp .aml-mode-delivery-slot[hidden],
#animandalandApp .aml-private-downloads[hidden],
#animandalandApp .aml-month-downloads[hidden]{
  display:none !important;
}

#animandalandApp .aml-mode-delivery-slot{
  display:grid;
  gap:16px;
}

#animandalandApp .aml-private-downloads,
#animandalandApp .aml-month-downloads{
  width:100%;
  margin:0;
}

#animandalandApp .aml-private-downloads-head,
#animandalandApp .aml-month-downloads-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  flex-wrap:wrap;
}

#animandalandApp .aml-private-downloads-head h2,
#animandalandApp .aml-month-downloads-head h2{
  margin:0 0 6px;
}

#animandalandApp .aml-private-downloads-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

#animandalandApp .aml-private-download-group{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px;
  border:1px solid rgba(92,64,51,.12);
  border-radius:12px;
  background:rgba(255,255,255,.7);
}

#animandalandApp .aml-private-download-group strong{
  grid-column:1/-1;
  font-size:.9rem;
}

#animandalandApp .aml-private-download-btn,
#animandalandApp .aml-month-download-primary,
#animandalandApp .aml-month-download-secondary{
  min-height:44px;
  border:1px solid rgba(92,64,51,.18);
  border-radius:10px;
  cursor:pointer;
  padding:9px 12px;
  font:inherit;
  font-weight:800;
}

#animandalandApp .aml-private-download-btn,
#animandalandApp .aml-month-download-primary{
  background:#111;
  color:#fff;
}

#animandalandApp .aml-month-download-secondary{
  background:#fff;
  color:#111;
  border:2px solid #111;
}

#animandalandApp .aml-private-download-btn[disabled],
#animandalandApp .aml-month-download-primary[disabled],
#animandalandApp .aml-month-download-secondary[disabled]{
  opacity:.5;
  cursor:wait;
}

#animandalandApp .aml-month-downloads{
  border:2px solid #111;
}

#animandalandApp .aml-month-downloads-kicker{
  display:inline-block;
  margin-bottom:6px;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
}

#animandalandApp .aml-month-downloads-actions{
  display:grid;
  grid-template-columns:minmax(150px,.65fr) minmax(130px,.55fr) minmax(220px,1fr) minmax(250px,1.1fr);
  gap:10px;
  align-items:end;
  margin-top:14px;
}

#animandalandApp .aml-month-downloads-actions label{
  display:grid;
  gap:5px;
  font-weight:700;
}

#animandalandApp .aml-month-downloads-actions select{
  min-height:44px;
  border:1px solid rgba(92,64,51,.18);
  border-radius:10px;
  background:#fff;
  color:#111;
  padding:8px 10px;
}

#animandalandApp .aml-guest-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin:24px 0;
}

@media(max-width:800px){
  #animandalandApp .aml-mode-delivery-host{width:100%;}
  #animandalandApp .aml-private-downloads-grid{grid-template-columns:1fr;}
  #animandalandApp .aml-month-downloads-actions{grid-template-columns:1fr;}
  #animandalandApp .aml-month-downloads-actions > *{width:100%;}
}