/* /launchables: a bento tray you fill, chip pickers, and the delivery panel. */
.lb-page{padding-bottom:48px}
.lb-head{max-width:760px;padding:12px 0 8px}
.lb-head h1{font-size:clamp(34px,4.6vw,58px);line-height:1.04;margin:6px 0 12px}

.lb-series ul{list-style:none;display:flex;gap:12px;overflow-x:auto;padding:8px 0 14px;margin:8px 0 12px;scroll-snap-type:x mandatory}
.lb-series li{flex:0 0 132px;scroll-snap-align:start}
.lb-series a{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65)),var(--cover,#182219) center/cover no-repeat,#182219;color:#fff;text-decoration:none;overflow:hidden}
.lb-series-stats{position:absolute;left:10px;bottom:28px;font-weight:800;font-size:14px}
.lb-series-handle{position:absolute;left:10px;bottom:10px;font-size:12px;opacity:.9}

.lb-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:start;padding:10px 0 24px}
.lb-left{position:sticky;top:88px}
.lb-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.lb-preset{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink)}
.lb-preset[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}

.lb-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:24px;background:#dfe5d8;box-shadow:inset 0 2px 8px rgba(0,0,0,.08)}
.lb-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:132px;border-radius:16px;border:0;background:#fff;font:inherit;color:var(--ink);cursor:pointer;padding:10px 6px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.lb-cell.empty{background:rgba(255,255,255,.45);color:var(--muted);border:2px dashed rgba(32,38,33,.18)}
.lb-emoji{font-size:40px;line-height:1}
.lb-cell.empty .lb-emoji{font-size:26px}
.lb-cell-name{font-weight:700;font-size:14px;line-height:1.2}
.lb-cell-slot{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lb-totals{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:14px 2px 0;color:var(--muted)}
.lb-totals strong{color:var(--ink);font-size:20px}

.lb-ask{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.lb-ask label{display:block;font-weight:700;margin-bottom:8px}
.lb-ask div{display:flex;gap:8px}
.lb-ask input{flex:1;min-width:0;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.lb-micro{font-size:14px;color:var(--muted);margin:8px 0 0}

.lb-slot{border:0;padding:0;margin:0 0 18px;border-radius:12px;transition:background .4s}
.lb-slot legend{font-weight:800;font-size:15px;margin-bottom:8px}
.lb-slot legend small{font-weight:500;color:var(--muted)}
.lb-flash{background:#fff4ec}
.lb-chips{display:flex;flex-wrap:wrap;gap:8px}
.lb-chip input{position:absolute;opacity:0;pointer-events:none}
.lb-chip span{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;cursor:pointer}
.lb-chip small{color:var(--green);font-weight:700}
.lb-chip input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}
.lb-chip input:checked+span small{color:#b9e3a8}
.lb-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.lb-none span{color:var(--muted)}

.lb-get{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;margin-top:8px}
.lb-get-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lb-get-head h2{margin:0}
.lb-stepper{display:flex;align-items:center;gap:12px}
.lb-stepper button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px;cursor:pointer}
.lb-list{list-style:none;padding:0;margin:16px 0 8px}
.lb-list li{display:flex;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}
.lb-line-name{flex:1}
.lb-line-name small{color:var(--muted)}
.lb-line-qty{font-weight:800}
.lb-sum{color:var(--muted);font-size:14px}
.lb-sum strong{color:var(--ink)}
.lb-stores,.lb-after{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

@media (max-width:860px){
  .lb-builder{grid-template-columns:1fr;gap:20px}
  .lb-left{position:static}
}
@media (max-width:640px){
  .lb-cell{min-height:104px}
  .lb-emoji{font-size:32px}
  .lb-cell-name{font-size:12px}
  .lb-stores .button,.lb-after .button{flex:1 1 100%;text-align:center}
  .lb-ask div{flex-direction:column}
  .lb-get{padding:16px}
}
.lb-sticky{display:none}
@media (max-width:860px){
  .lb-sticky:not([hidden]){position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--accent);color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:14px}
  .lb-page{padding-bottom:96px}
}
.lb-series .tt-facade{border-radius:14px}
.lb-series .tt-play{width:44px;height:44px;font-size:17px;padding-left:3px}
.lb-series .tt-stats{left:10px;bottom:26px;font-size:13px}
.lb-series .tt-label{left:10px;right:auto;bottom:8px;background:none;padding:0;font-weight:500;opacity:.9}