.eras-option-trigger{width:100%;min-height:48px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(131,224,227,.16);background:#041012;color:#dcebec;text-align:left;cursor:pointer}.eras-option-trigger:hover,.eras-option-trigger:focus-visible{border-color:rgba(131,224,227,.42);outline:none;box-shadow:0 0 0 2px rgba(131,224,227,.05)}.eras-option-trigger-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(131,224,227,.16);background:radial-gradient(circle,rgba(131,224,227,.08),transparent 70%);color:#bfe9ea;font:900 18px/1 var(--mono)}.eras-option-trigger-copy{min-width:0}.eras-option-trigger-copy b{display:block;color:#e7f3f3;font:800 9px/1.2 var(--mono);letter-spacing:.09em}.eras-option-trigger-copy small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#59787b;font:700 6px/1.2 var(--mono);letter-spacing:.05em}.eras-option-trigger-arrow{color:#5f8386;font:900 12px/1 var(--mono)}
.eras-option-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(0,4,6,.84);backdrop-filter:blur(7px)}.eras-option-modal[hidden]{display:none}.eras-option-dialog{width:min(860px,96vw);max-height:min(760px,92svh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(131,224,227,.22);background:linear-gradient(180deg,#071416,#02090b);box-shadow:0 30px 90px #000c}.eras-option-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(131,224,227,.12)}.eras-option-head div{min-width:0}.eras-option-head small{display:block;color:#57777a;font:800 6px/1 var(--mono);letter-spacing:.14em}.eras-option-head h2{margin:5px 0 0;color:#e8f5f5;font:800 12px/1 var(--mono);letter-spacing:.12em}.eras-option-close{margin-left:auto;width:36px;height:36px;border:1px solid rgba(131,224,227,.14);background:transparent;color:#86aaad;font:900 12px/1 var(--mono);cursor:pointer}.eras-option-grid{padding:12px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eras-option-card{position:relative;width:100%;min-height:104px;display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid rgba(131,224,227,.1);background:rgba(0,8,10,.62);color:inherit;text-align:left;cursor:pointer}.eras-option-card:hover,.eras-option-card:focus-visible{outline:none;border-color:rgba(131,224,227,.32);background:rgba(131,224,227,.05)}.eras-option-card.is-selected{border-color:rgba(199,164,255,.5);background:rgba(150,105,214,.09);box-shadow:inset 3px 0 0 rgba(255,222,126,.68)}.eras-option-card-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(131,224,227,.14);background:radial-gradient(circle at 50% 40%,rgba(131,224,227,.12),transparent 68%),#061113;color:#c8eeee;font:900 27px/1 var(--mono);text-shadow:0 0 16px rgba(131,224,227,.24)}.eras-option-card-copy{min-width:0}.eras-option-card-copy b{display:block;color:#e5f1f1;font:800 10px/1.2 var(--mono);letter-spacing:.09em}.eras-option-card-copy p{margin:6px 0 0;color:#6c898c;font-size:10px;line-height:1.42}.eras-option-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.eras-option-tags span{padding:3px 5px;border:1px solid rgba(131,224,227,.1);color:#557477;font:800 5px/1 var(--mono);letter-spacing:.08em}.eras-option-check{position:absolute;right:8px;top:8px;min-width:18px;height:18px;display:none;place-items:center;border:1px solid rgba(255,221,125,.35);color:#ffe59b;font:900 8px/1 var(--mono)}.eras-option-card.is-selected .eras-option-check{display:grid}.eras-option-foot{display:flex;gap:8px;justify-content:flex-end;padding:11px 12px;border-top:1px solid rgba(131,224,227,.1)}.eras-option-foot button{min-height:36px;padding:0 12px;border:1px solid rgba(131,224,227,.18);background:rgba(131,224,227,.07);color:#ddecEC;font:800 7px/1 var(--mono);letter-spacing:.1em;cursor:pointer}.eras-option-foot button[data-option-confirm]{border-color:rgba(255,222,126,.25);color:#f3df9b;background:rgba(150,109,32,.08)}
.host-asset-summary{display:grid;gap:7px}.host-asset-chip{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid rgba(131,224,227,.09);background:rgba(0,8,10,.45)}.host-asset-chip img{width:34px;height:34px;object-fit:contain;background:rgba(255,255,255,.03);mix-blend-mode:normal}.host-asset-chip b{font-size:9px;color:#d5e6e7}.host-asset-chip small{display:block;color:#577477;font:700 6px/1.35 var(--mono)}.host-asset-chip span{color:#7da2a5;font:800 6px/1 var(--mono)}
.host-bundle-list{display:grid;gap:8px}.host-bundle-card{padding:10px;border:1px solid rgba(131,224,227,.1);background:rgba(0,8,10,.45)}.host-bundle-card header{display:flex;justify-content:space-between;align-items:center;gap:8px}.host-bundle-card header b{color:#d9e9ea;font:800 8px/1 var(--mono);letter-spacing:.08em}.host-bundle-card header button{border:0;background:transparent;color:#d88691;font:800 6px/1 var(--mono);cursor:pointer}.host-bundle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.host-bundle-grid .runtime-field{min-width:0}.host-bundle-assets{margin-top:7px;color:#617f82;font:700 6px/1.45 var(--mono);letter-spacing:.06em}
@media(max-width:700px){.eras-option-modal{padding:0}.eras-option-dialog{width:100vw;height:100svh;max-height:none;border-width:0}.eras-option-grid{grid-template-columns:1fr;padding:10px}.eras-option-card{min-height:94px;grid-template-columns:54px minmax(0,1fr)}.eras-option-card-icon{width:50px;height:50px;font-size:23px}.eras-option-head{padding-top:max(14px,env(safe-area-inset-top))}.eras-option-foot{padding-bottom:max(11px,env(safe-area-inset-bottom))}.host-bundle-grid{grid-template-columns:1fr 1fr}}

.eras-option-card-icon img{width:100%;height:100%;object-fit:contain;background:var(--asset-tint,#65d67c)}

/* v1.0.1 — hosted selector alignment + mode-switch visual stabilization */

.eras-option-trigger{
  box-sizing:border-box;min-width:0;grid-template-columns:42px minmax(0,1fr) 18px;
  overflow:hidden;-webkit-appearance:none;appearance:none;border-radius:0;
}
.eras-option-trigger-icon,.eras-option-card-icon{
  overflow:hidden;display:flex;align-items:center;justify-content:center;
}
.eras-option-glyph{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Arial Unicode MS",var(--mono,monospace);
  font-weight:700;font-style:normal;line-height:1;text-align:center;
  transform:translateY(-.02em);
}
.eras-option-trigger-icon .eras-option-glyph{font-size:19px}
.eras-option-card-icon .eras-option-glyph{font-size:27px}
.eras-option-trigger-icon img,.eras-option-card-icon img{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;
}
.eras-option-trigger-copy{align-self:center;overflow:hidden}
.eras-option-trigger-copy b,.eras-option-trigger-copy small{max-width:100%}
.eras-option-trigger-arrow{width:18px;display:flex;align-items:center;justify-content:center;line-height:1}
.eras-option-card{padding-right:36px;overflow:hidden}
.eras-option-card-copy{align-self:center;overflow:hidden}
.runtime-config-section>.eras-option-trigger,#assetLicenseControls>.eras-option-trigger{margin-top:10px}
@media(max-width:700px){
  .eras-option-trigger{min-height:58px;grid-template-columns:44px minmax(0,1fr) 18px;padding:7px 9px;gap:9px}
  .eras-option-trigger-icon{width:40px;height:40px}
  .eras-option-trigger-icon .eras-option-glyph{font-size:20px}
  .eras-option-trigger-copy b{font-size:9px}
  .eras-option-trigger-copy small{font-size:6px;line-height:1.3}
  .eras-option-card{padding-right:34px}
  .eras-option-card-icon .eras-option-glyph{font-size:24px}
}

/* =========================================================
   v1.0.3 — ASSET PICKER CARD COLLAPSE FIX
   Preserve each asset's own row height and let the grid scroll instead of
   squeezing every asset into the visible dialog height.
   ========================================================= */

.eras-option-dialog{
  min-height:0;
}

.eras-option-grid{
  min-height:0;
  overflow-y:auto !important;
  overflow-x:hidden;
  align-content:start !important;
  align-items:start !important;
  grid-auto-flow:row !important;
  grid-auto-rows:minmax(108px,max-content) !important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}

.eras-option-grid > .eras-option-card{
  box-sizing:border-box;
  min-width:0;
  min-height:108px !important;
  height:auto !important;
  max-height:none !important;
  align-self:start !important;
  overflow:visible !important;
  padding:11px 36px 11px 11px;
}

.eras-option-grid > .eras-option-card .eras-option-card-icon{
  width:58px !important;
  height:58px !important;
  min-width:58px;
  min-height:58px;
  flex:none;
  align-self:center;
}

.eras-option-grid > .eras-option-card .eras-option-card-copy{
  min-width:0;
  overflow:visible !important;
  align-self:center;
}

.eras-option-grid > .eras-option-card .eras-option-card-copy b{
  white-space:normal;
  overflow-wrap:anywhere;
}

.eras-option-grid > .eras-option-card .eras-option-card-copy p{
  display:block;
  max-height:none;
  overflow:visible;
}

@media(max-width:700px){
  .eras-option-grid{
    grid-auto-rows:minmax(96px,max-content) !important;
  }
  .eras-option-grid > .eras-option-card{
    min-height:96px !important;
  }
  .eras-option-grid > .eras-option-card .eras-option-card-icon{
    width:50px !important;
    height:50px !important;
    min-width:50px;
    min-height:50px;
  }
}