/* Max Clipz — shared phone UI layer (owned by shared-ui, 2026-09-23).
   Loaded on EVERY page AFTER the page's inline <style>. Vanilla CSS3, no build step.
   Palette is T's: ink #0b0b0d · panel #141418 · flame #ff7a1a · bone #f4efe6.
   THE ANTI-PIN LAW (T, 9-23 5:20 PM, his tiebreaker): nothing in the document flow is pinned, nothing overlaps.
   The ONLY two rules in this file that pin to the viewport are .mc-backdrop and .mc-sheet — true overlays.
   Everything else scrolls with the page, the video included. */

/* ── .mc-tap — every interactive thing gets a real thumb target (48×48 minimum) ─────────────── */
.mc-tap{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  box-sizing:border-box;padding:0 10px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;
  cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mc-tap:disabled,.mc-tap[aria-disabled="true"]{opacity:.4;cursor:default}
.mc-tap:focus-visible{outline:2px solid #ff7a1a;outline-offset:2px}

/* ── the bottom sheet + its backdrop — the only overlays ────────────────────────────────────── */
.mc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;pointer-events:none;transition:opacity .25s;z-index:800}
.mc-backdrop.on{opacity:1;pointer-events:auto}
.mc-sheet{position:fixed;left:0;right:0;bottom:0;max-height:85vh;display:flex;flex-direction:column;
  background:#141418;color:#f4efe6;border-top:2px solid #ff7a1a;border-radius:16px 16px 0 0;
  box-shadow:0 -12px 40px rgba(0,0,0,.55);transform:translateY(100%);visibility:hidden;
  transition:transform .32s cubic-bezier(0.16,1,0.3,1),visibility 0s linear .32s;z-index:810;
  padding-bottom:env(safe-area-inset-bottom,0px);font:15px/1.5 -apple-system,system-ui,sans-serif;box-sizing:border-box}
.mc-sheet.on{transform:translateY(0);visibility:visible;transition:transform .32s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0s}
.mc-sheet.dragging{transition:none}
.mc-sheet-grip{flex:0 0 auto;width:40px;height:4px;border-radius:2px;background:#333333;margin:8px auto 0}
.mc-sheet-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:4px 8px 4px 16px;
  border-bottom:1px solid #26262b;touch-action:none;cursor:grab}
.mc-sheet-head:active{cursor:grabbing}
.mc-sheet-icon{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.mc-sheet-icon svg{width:28px;height:28px}
.mc-sheet-title{flex:1 1 auto;min-width:0;font-weight:800;font-size:16px;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-sheet-x{flex:0 0 auto;margin-left:auto;font-size:20px;color:#9a948b}
.mc-sheet-x:hover{color:#f4efe6}
.mc-sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 20px}
.mc-sheet-body>[hidden]{display:block}
.mc-sheet .lbl,.mc-sheet-lbl{font-size:10px;letter-spacing:1.6px;color:#ff7a1a;font-weight:800;margin:14px 0 8px}
.mc-sheet-lbl:first-child{margin-top:0}
body.mc-sheet-open{overscroll-behavior:none}

/* ── format lock badge inside a sheet: "16:9 LANDSCAPE · LOCKED" ────────────────────────────── */
.mc-lock{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1px;font-weight:800;color:#9a948b;
  border:1px solid #333333;border-radius:6px;padding:5px 9px;background:#0b0b0d}
.mc-lock b{color:#f4efe6;font-weight:800}
.mc-lock.free{border-style:dashed}

/* ── batch stepper "− [ 3 ] +" ───────────────────────────────────────────────────────────────── */
.mc-stepper{display:inline-flex;align-items:center;gap:8px}
.mc-stepper .mc-tap{background:#0b0b0d;border:1px solid #333333;font-size:22px;font-weight:800;color:#f4efe6}
.mc-stepper .mc-tap:active{border-color:#ff7a1a;color:#ff7a1a}
.mc-stepper output,.mc-stepper .mc-val{min-width:48px;text-align:center;font-size:22px;font-weight:800;
  font-variant-numeric:tabular-nums;color:#ff7a1a}

/* ── pills (durations 30s/60s/3m/10m+, lanes [✓ Threes]) — min 44px per T's spec ─────────────── */
.mc-pills{display:flex;flex-wrap:wrap;gap:8px}
.mc-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 16px;
  border:1px solid #333333;border-radius:22px;background:#0b0b0d;color:#9a948b;font-size:14px;font-weight:700;cursor:pointer;
  user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;font-family:inherit}
.mc-pill.on{border-color:#ff7a1a;background:rgba(255,122,26,.15);color:#ff7a1a}
.mc-pill:disabled,.mc-pill[aria-disabled="true"]{opacity:.4;cursor:default}
.mc-pill.ph{border-style:dashed;font-style:italic}

/* ── the full-width orange primary ("Save & Lock destination", "MAKE THE MONTAGE") ──────────── */
.mc-btn-primary{display:block;width:100%;min-height:52px;margin-top:16px;background:#ff7a1a;color:#0b0b0d;border:0;border-radius:12px;
  padding:14px 16px;font-size:16px;font-weight:800;letter-spacing:.2px;cursor:pointer;font-family:inherit;box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mc-btn-primary:active{filter:brightness(.92)}
.mc-btn-primary:disabled{opacity:.45;cursor:default}

/* ── the stage — 16:9, relative ONLY, never pinned. Use it on the wrapper OR directly on <video>/<iframe>. ── */
.mc-stage{aspect-ratio:16/9;position:relative;width:100%;background:#0d0d0d;border-radius:8px;overflow:hidden;
  box-sizing:border-box;display:block}
.mc-stage>video,.mc-stage>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}
video.mc-stage,iframe.mc-stage{object-fit:contain;border:0;background:#000}
.mc-stage:fullscreen,.mc-stage:-webkit-full-screen{border-radius:0;background:#000}
.mc-stage .mc-stage-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:#5c5c64;font-size:18px;letter-spacing:1.5px;font-weight:600;text-align:center;padding:16px;pointer-events:none}
.mc-stage .mc-stage-msg small{font-size:12px;letter-spacing:0;font-weight:400;max-width:80%}

/* ── player controls bar — sits DIRECTLY under the stage, in the flow ─────────────────────────── */
.mc-player-controls{display:flex;gap:12px;align-items:stretch;justify-content:center;padding:8px 0 4px;margin:0;flex-wrap:nowrap}
.mc-player-controls .mc-tap{flex:1 1 0;max-width:180px;min-height:52px;flex-direction:column;gap:2px;padding:6px 8px;
  background:#141418;border:1px solid #333333;border-radius:12px;color:#f4efe6;line-height:1}
.mc-player-controls .mc-tap:active{border-color:#ff7a1a}
.mc-player-controls .mc-pc-ico{font-size:20px;line-height:1}
.mc-player-controls .mc-pc-lbl{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#9a948b}
.mc-player-controls .mc-tap.on{border-color:#ff7a1a}
.mc-player-controls .mc-tap.on .mc-pc-lbl{color:#ff7a1a}
.mc-player-controls .mc-pc-fullscreen .mc-pc-ico{font-size:22px}

/* ── the export ribbon — horizontal badges, 48×48 hits, 12px gaps ────────────────────────────── */
.mc-ribbon{display:flex;gap:12px;align-items:center;overflow-x:auto;padding:6px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mc-ribbon::-webkit-scrollbar{display:none}
.mc-ribbon-lbl{font-size:10px;letter-spacing:1.6px;color:#ff7a1a;font-weight:800;margin:12px 0 4px}
/* THE BADGES ARE THE REAL LOGOS, ALWAYS IN COLOUR — THE RING IS THE STATE (OG addendum 9-10, T's phone 6:16 PM).
   Each badge is a round tile holding the platform's real glyph as inline SVG on its brand colour (MC.glyph in app.js).
   Nothing is greyed out. Inactive = a thin #333333 ring on #1A1A1A. Active/configured = the brand ring + a soft glow
   + the small orange dot top-right. 48×48 hit; the glyph is 40px inside the ring. */
.mc-badge{flex:0 0 auto;width:48px;height:48px;min-width:48px;min-height:48px;padding:3px;border-radius:50%;position:relative;
  background:#1A1A1A;border:1px solid #333333;color:#f4efe6;display:inline-flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;line-height:1;cursor:pointer;box-sizing:border-box;font-family:inherit;
  transition:border-color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.mc-badge svg,.mc-badge .mc-glyph{width:100%;height:100%;display:block;border-radius:50%;flex:0 0 auto}
.mc-badge img{width:100%;height:100%;display:block;border-radius:50%}
.mc-badge.on{border-width:2px;padding:2px}
/* the orange dot top-right = "configured" */
.mc-badge.on::after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;
  background:#ff7a1a;border:2px solid #0b0b0d;box-sizing:content-box}
/* EXPORT targets — brand ring + soft glow when on. YouTube · TikTok · Facebook · Instagram · X. */
.mc-badge[data-platform="youtube"].on{border-color:#FF0000;box-shadow:0 0 14px rgba(255,0,0,.45)}
.mc-badge[data-platform="tiktok"].on{border-color:#FE2C55;box-shadow:-3px -3px 12px rgba(0,242,254,.40),3px 3px 12px rgba(254,44,85,.45)}
.mc-badge[data-platform="facebook"].on{border-color:#1877F2;box-shadow:0 0 14px rgba(24,119,242,.45)}
/* Instagram = the real sunset gradient as the ring (OG addendum 9): gradient border-box under a solid padding-box */
.mc-badge[data-platform="instagram"].on{border-color:transparent;
  background:linear-gradient(#1A1A1A,#1A1A1A) padding-box,linear-gradient(45deg,#F58529 0%,#DD2A7B 50%,#8134AF 100%) border-box;
  box-shadow:-4px 4px 14px rgba(245,133,41,.40),4px -4px 14px rgba(129,52,175,.40),0 0 10px rgba(221,42,123,.35)}
.mc-badge[data-platform="x"].on{border-color:#FFFFFF;box-shadow:0 0 14px rgba(255,255,255,.35)}
/* INGESTION only (where MaxClipz WATCHES) — Twitch and Kick are never export targets: live pipes, no MP4 upload API. */
.mc-badge[data-platform="twitch"].on{border-color:#9146FF;box-shadow:0 0 14px rgba(145,70,255,.45)}
.mc-badge[data-platform="kick"].on{border-color:#53FC18;box-shadow:0 0 14px rgba(83,252,24,.45)}
.mc-badge[data-role="ingest"]:not(.on){border-style:dashed}
/* a glyph used inline next to text (chips, sheet headers) */
.mc-glyph-inline{display:inline-block;width:28px;height:28px;flex:0 0 auto;vertical-align:middle}
.mc-glyph-inline svg{width:100%;height:100%;display:block;border-radius:50%}
.mc-sheet-icon .mc-glyph{width:28px;height:28px;border-radius:50%}

/* ── job card render ETA bar (zone 4) ────────────────────────────────────────────────────────── */
.mc-eta{height:6px;background:#0b0b0d;border-radius:3px;margin:8px 0 5px;overflow:hidden}
.mc-eta i{display:block;height:100%;background:#ff7a1a;width:0;transition:width .4s}
.mc-eta.done i{background:#3ddc9a}
.mc-eta.failed i{background:#e0574f}
.mc-eta-txt{font-size:11px;color:#9a948b;font-variant-numeric:tabular-nums}

/* ── the anti-pin law applied to the pages' own panels (loaded after their inline CSS) ───────── */
.panel{position:static}

/* ── ≤768px — the four zones stack into one linear column ────────────────────────────────────── */
@media(max-width:768px){
  html,body{overflow-x:hidden}
  .wrap{padding:14px 16px 64px}
  .top{flex-direction:column;align-items:stretch;gap:12px}
  .top>div{text-align:left}
  .tabs{flex-wrap:wrap;gap:8px}
  .tab,a.tab{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;
    min-height:48px;padding:10px 12px;font-size:13px;box-sizing:border-box}
  .logo{font-size:26px}
  .gamesel{margin-top:6px}
  select.g{min-width:0;width:100%;min-height:48px}
  .glegend{max-width:100%}
  .grid,.hrow,.grid2{grid-template-columns:1fr}
  .strip{grid-template-columns:1fr}
  img,video,iframe{max-width:100%}
  .mc-player-controls .mc-tap{max-width:none}
  .mc-sheet{max-height:85vh}
  #mc-auth{align-items:flex-start;padding-top:9vh}
}

/* ── PASTE A LINK (your_page.js #mc-link, 2026-09-25, link lane) — a normal block right above MAKE THE MONTAGE.
      Nothing pinned: it scrolls with the page. Every target ≥48px: the field, the ✕, the whole "my own" row. ── */
.mc-link .mc-link-row{display:flex;gap:8px;align-items:stretch}
.mc-link .mc-link-in{flex:1 1 auto;min-width:0;min-height:48px;font-size:16px}   /* 16px: iOS does not zoom the page on focus */
.mc-link .mc-link-x{flex:0 0 auto;background:#0b0b0d;border:1px solid #26262b;color:#9a948b;font-size:18px}
.mc-link .mc-link-x[hidden]{display:none}
.mc-link.good .mc-link-in{border-color:#3ddc9a}
.mc-link.bad .mc-link-in{border-color:#e0574f}
.mc-link .mc-link-say{margin-top:8px;overflow-wrap:anywhere}
.mc-link.bad .mc-link-say{color:#e0574f}
.mc-link.good .mc-link-say{color:#3ddc9a}
.mc-link .mc-link-say b{color:#f4efe6}
.mc-link .mc-link-own{display:flex;justify-content:flex-start;gap:10px;min-height:48px;padding:0 4px;margin-top:6px;
  border-radius:10px;font-size:14px;font-weight:600;text-align:left}
.mc-link .mc-link-own input{accent-color:#ff7a1a;width:22px;height:22px;flex:0 0 auto;margin:0}
.mc-link .mc-link-own.need{outline:1px dashed #ff7a1a;outline-offset:2px}
.mc-link label.lbl{display:block}

/* ── YOUR CHANNEL → FOLLOW MY LIVE STREAM · LOOK THROUGH MY PAST VIDEOS (your_page.js #mc-chan, 2026-10-08, STAGED behind
      CHANNEL_SOURCE_ON). Every selector here names .mc-chan, which only exists when the switch is on — with it off these rules
      match nothing. Nothing pinned; every target ≥48px; 16px fields (iOS does not zoom on focus). ── */
body.viewer .mc-chan{display:none}
.mc-chan{position:relative;margin-bottom:8px}
.mc-chan label.lbl{display:block}
.mc-chan .mc-chan-in{min-height:48px;font-size:16px;width:100%}
.mc-chan.good .mc-chan-in{border-color:#3ddc9a}
.mc-chan.bad .mc-chan-in{border-color:#e0574f}
.mc-chan .mc-chan-say{margin-top:8px;overflow-wrap:anywhere}
.mc-chan.bad .mc-chan-say{color:#e0574f}
.mc-chan.good .mc-chan-say{color:#3ddc9a}
.mc-chan .mc-chan-say b{color:#f4efe6}
.mc-chan .mc-link-own{display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:48px;padding:0 4px;margin-top:6px;
  border-radius:10px;font-size:14px;font-weight:600;text-align:left}
.mc-chan .mc-link-own input{accent-color:#ff7a1a;width:22px;height:22px;flex:0 0 auto;margin:0}
.mc-chan .mc-link-own.need{outline:1px dashed #ff7a1a;outline-offset:2px}
.mc-chan .mc-chan-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.mc-chan .mc-chan-mode{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:64px;padding:8px 10px;
  background:#0b0b0d;border:1px solid #26262b;border-radius:10px;color:#f4efe6;text-align:left;font:inherit;cursor:pointer;min-width:0}
.mc-chan .mc-chan-mode b{font-size:13px;line-height:1.2;letter-spacing:.3px}
.mc-chan .mc-chan-mode small{font-size:11px;color:#9a948b;line-height:1.25}
.mc-chan .mc-chan-mode[aria-pressed=true]{border-color:#ff7a1a;box-shadow:inset 0 0 0 1px #ff7a1a}
.mc-chan .mc-chan-mode[data-mode=live] b{color:#e0574f}
.mc-chan .mc-chan-live,.mc-chan .mc-chan-past{margin-top:10px}
.mc-chan .mc-chan-live[hidden],.mc-chan .mc-chan-past[hidden]{display:none}
.mc-chan .mc-chan-livebox{border:1px dashed #e0574f;border-radius:10px;padding:8px 10px}
.mc-chan .mc-chan-livebox>b{color:#e0574f}
.mc-chan .mc-chan-open,.mc-chan .mc-chan-ask{margin-top:6px}
.mc-chan .mc-chan-past>.mini{margin-top:12px}
.mc-chan .mc-chan-open,.mc-chan .mc-chan-ask{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border-radius:10px;
  border:1px solid #ff7a1a;background:#0b0b0d;color:#f4efe6;font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;width:100%;box-sizing:border-box;text-align:center}
.mc-chan .mc-chan-vids{display:flex;flex-direction:column;gap:6px}
.mc-chan .mc-chan-vid{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:6px 10px;border:1px solid #26262b;border-radius:10px;
  background:#0b0b0d;color:#f4efe6;font:inherit;text-align:left;cursor:pointer;width:100%;box-sizing:border-box;min-width:0}
.mc-chan .mc-chan-vid b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.mc-chan .mc-chan-vid small{font-size:11px;color:#9a948b}
.mc-chan .mc-chan-vid.on{border-color:#3ddc9a;box-shadow:inset 0 0 0 1px #3ddc9a}
.mc-chan .mc-chan-vid:disabled{opacity:.5;cursor:default;border-style:dashed}
.mc-chan .mc-chan-err{color:#e0574f}
.mc-chan .mc-chan-link-slot .mc-link{display:block;margin:10px 0 0;padding:0;border:0;background:none}   /* the phone grid (index.html) placed the tick in col 2 — the tick lives up top now */
.mc-chan .mc-chan-link-slot .mc-link>label.lbl{position:static;display:block;padding:0;margin:0 0 5px;background:none;font-size:9px;white-space:normal}
.mc-chan .mc-chan-link-slot .mc-link>.mc-link-say{margin-top:6px}
.mc-chan .mc-chan-game{min-height:48px;font-size:16px;width:100%}
.mc-chan .mc-chan-lanes{display:flex;flex-wrap:wrap;gap:6px}
.mc-chan .mc-chan-lanes .opt{flex:1 1 44%;min-height:48px;padding:0 10px;border:1px solid #26262b;border-radius:10px;background:#0b0b0d;cursor:pointer;box-sizing:border-box;min-width:0}
.mc-chan .mc-chan-lanes .opt:has(input:checked){border-color:#ff7a1a}
.mc-chan .mc-chan-gate{font-weight:600}
@media(max-width:768px){
  .mc-chan>label.lbl{position:absolute;top:-7px;left:10px;z-index:1;margin:0;padding:0 5px;background:var(--ink,#0d0d0d);
    font-size:9px;line-height:14px;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
}

/* ── POINT MAX CLIPZ AT MY PAGE — LIBRARY MODE (your_page.js I2 + library.js, 2026-10-08 night, STAGED behind library.js
      LIBRARY_MODE_ON). Every selector names a .mc-lib-* class that only exists when the switch is on — off, these rules match
      nothing. Nothing pinned; every target ≥48px; 16px fields. ── */
#sources .mc-lib-point{flex:1 1 100%;border-color:#ff7a1a;border-style:solid;color:#f4efe6;font-weight:700;min-height:48px;flex-wrap:wrap;align-content:center}
#sources .mc-lib-point small{flex:1 1 100%}
.src-row:has(.mc-lib-point){flex-wrap:wrap}
.mc-chan .mc-lib-scope{margin-top:2px}
.mc-chan .mc-lib-scopes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.mc-chan .mc-lib-sc{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:56px;padding:8px 10px;min-width:0;
  background:#0b0b0d;border:1px solid #26262b;border-radius:10px;color:#f4efe6;text-align:left;font:inherit;cursor:pointer}
.mc-chan .mc-lib-sc b{font-size:13px;line-height:1.2;letter-spacing:.3px}
.mc-chan .mc-lib-sc small{font-size:11px;color:#9a948b;line-height:1.25}
.mc-chan .mc-lib-sc[aria-pressed=true]{border-color:#ff7a1a;box-shadow:inset 0 0 0 1px #ff7a1a}
.mc-chan .mc-lib-opts{margin-top:8px}
.mc-chan .mc-lib-opts .mini{display:block;margin:0 0 5px}
.mc-chan .mc-lib-hours,.mc-chan .mc-lib-part{min-height:48px;font-size:16px;width:100%}
.mc-chan .mc-chan-link-slot[hidden],.mc-chan .mc-lib-estbox[hidden]{display:none}
.mc-chan .mc-lib-estbox{margin-top:12px}
.mc-chan .mc-lib-estbox>.mini{margin:0 0 5px}
.mc-chan .mc-lib-lanes+.note{margin-bottom:4px}
.mc-chan .mc-lib-vid{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:52px;padding:6px 10px;border:1px solid #26262b;border-radius:10px;background:#0b0b0d;
  color:#f4efe6;font:inherit;text-align:left;cursor:pointer;width:100%;box-sizing:border-box;min-width:0}
.mc-chan .mc-lib-vid[aria-disabled=true]{cursor:default}
.mc-chan .mc-lib-vid.on{border-color:#3ddc9a;box-shadow:inset 0 0 0 1px #3ddc9a}
.mc-chan .mc-lib-vid:disabled{opacity:.5;cursor:default;border-style:dashed}
.mc-chan .mc-lib-tick{flex:0 0 24px;height:24px;border:1px solid #3a3a42;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#3ddc9a;font-weight:800}
.mc-chan .mc-lib-vid.on .mc-lib-tick{border-color:#3ddc9a}
.mc-chan .mc-lib-vtxt{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-chan .mc-lib-vtxt b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.mc-chan .mc-lib-vtxt small{font-size:11px;color:#9a948b}
.mc-chan .mc-lib-lanes{display:flex;flex-direction:column;gap:6px;flex:1 1 100%;min-width:0}
.mc-chan .mc-chan-lanes>.note{flex:1 1 100%}
.mc-chan .mc-lib-lane{display:flex;align-items:center;gap:8px;min-width:0}
.mc-chan .mc-lib-lane .opt{flex:1 1 auto;min-height:48px;padding:0 10px;border:1px solid #26262b;border-radius:10px;background:#0b0b0d;cursor:pointer;box-sizing:border-box;min-width:0;
  display:flex;align-items:center;gap:8px}
.mc-chan .mc-lib-lane.on .opt{border-color:#ff7a1a}
.mc-chan .mc-lib-count{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.mc-chan .mc-lib-count output{min-width:30px;text-align:center;font-size:18px;font-weight:800;color:#f4efe6}
.mc-chan .mc-lib-step{width:48px;height:48px;border-radius:10px;border:1px solid #ff7a1a;background:#0b0b0d;color:#f4efe6;font:inherit;font-size:22px;font-weight:800;cursor:pointer}
.mc-chan .mc-lib-est{margin-top:4px;padding:8px 10px;border:1px dashed #ff7a1a;border-radius:10px;font-size:14px;line-height:1.35;color:#f4efe6}
.mc-chan .mc-lib-est b{color:#ff7a1a}
.mc-lib-prog{margin-top:6px;font-size:12px;line-height:1.45;color:#f4efe6;border-left:2px solid #ff7a1a;padding-left:8px}
a.mc-lib-entry{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 17px;border:1px solid #ff7a1a;border-radius:24px;
  background:#141418;color:#f4efe6;font-size:13px;font-weight:700;text-decoration:none;flex:1 1 auto;box-sizing:border-box}
a.mc-lib-drop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 4px;min-height:48px;margin-top:6px;color:#9a948b;font-size:13px;text-decoration:none;text-align:center}
a.mc-lib-drop b{color:#ff7a1a;margin-left:4px}

/* 2026-10-23 version E — the expandable "Pick your clips" box (T: it opens up and shows what you're allowed to clip; any number of
   boxes fits, 2K's 10 or Gears' 16). Closed: one big row with the boxes you picked. Open: every box in a 2-column grid + Done. */
#capture details.pick{flex:0 0 100%;border:1px solid var(--line);border-radius:12px;background:#0b0b0d}
#capture details.pick>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 14px;cursor:pointer}
#capture details.pick>summary::-webkit-details-marker{display:none}
#capture details.pick[open]>summary{border-bottom:1px solid var(--line)}
#capture .pick-k{flex:0 0 auto;font-size:11px;letter-spacing:.08em;opacity:.7}
#capture .pick-v{flex:1 1 auto;min-width:0;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#capture .pick-n{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--flame)}
#capture .pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px 12px}
#capture .pick-grid .opt{flex:none;max-width:none;min-height:56px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;font-size:15px}
#capture .pick-grid .opt input{flex:0 0 22px;width:22px;height:22px;margin:0}
#capture .pick-grid .opt .lane-x{display:none}
#capture .pick-done{grid-column:1/-1;min-height:52px;border-radius:10px;border:0;background:var(--flame);color:#000;font-weight:800;font-size:16px;cursor:pointer}

/* 2026-10-23 E (T): one drop-down shows every box at once, in columns; the header of a column ticks the whole column */
#capture .pick-cols{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:8px;padding:10px 12px 0}
#capture .pick-col{display:flex;flex-direction:column;gap:8px;min-width:0}
#capture .pick-col .opt{flex:none;max-width:none;min-height:52px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-size:14px}
#capture .pick-col .opt input{flex:0 0 20px;width:20px;height:20px;margin:0}
#capture .pick-col .opt .lane-x{display:none}
#capture .pick-colh{min-height:44px;border:2px solid #2f7d4f;border-radius:10px;background:#0b0b0d;color:var(--bone);font:inherit;font-size:12px;font-weight:800;letter-spacing:.5px;cursor:pointer}
#capture details.pick>.pick-done{display:block;width:calc(100% - 24px);margin:10px 12px 12px}
#quickpicks{display:none !important}

/* 2026-10-23 E (T): [share icon][YOUR CLIPS drop-down] on one row; open, the drop-down takes the full width under the icon */
#capture>.share-btn{flex:0 0 56px;width:56px;min-height:56px;align-self:flex-start;margin:0}
#capture details.pick{flex:1 1 0;min-width:0}
#capture details.pick[open]{flex:0 0 100%}
#capture .pick-cols{align-items:start}
#capture .pick-col>.opt{flex:0 0 auto !important;height:auto !important;min-height:52px}

/* 2026-10-23 E (T): no category headers; every available clip in one 3-across grid (2 across on a narrow phone) */
#capture .pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:380px){#capture .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#capture .pick-v{font-weight:600;font-size:14px}