.trio-media.randomize-demo { position: relative; max-width: 480px; padding: 0 0 92px 28px; border: 0; border-radius: 0; overflow: visible; background: transparent; box-shadow: none; }
.randomize-art-frame { position: relative; overflow: hidden; aspect-ratio: 3 / 2; border: 1px solid #2c2c30; border-radius: 10px; background: #101012; box-shadow: 0 20px 45px #0004; }
.randomize-art-frame > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
[data-randomize-result], [data-randomize-stack] { opacity: 0; }
.randomize-stack-frame { position: absolute; left: 0; bottom: 0; width: 230px; border: 1px solid #2c2c30; border-radius: 9px; overflow: hidden; background: #101012; box-shadow: 0 18px 45px #0008; }
.randomize-stack-heading { padding: 11px 13px; border-bottom: 1px solid #232327; color: #92929b; font-size: 10px; }
.randomize-stack-body { display: grid; padding: 9px; }
.randomize-stack { display: grid; gap: 6px; grid-area: 1 / 1; }
.randomize-effect { display: flex; align-items: center; gap: 7px; min-height: 32px; padding: 7px 8px; border: 1px solid #29292d; border-radius: 4px; background: #151517; color: #d1d1d6; font-size: 11px; }
.randomize-effect > svg { flex-shrink: 0; color: #777780; }
.randomize-effect-toggle { width: 19px; height: 10px; margin-left: auto; flex-shrink: 0; padding: 2px; border-radius: 8px; background: #00dd6140; }
.randomize-effect-toggle::after { content: ''; display: block; width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: #00dd61; }
.randomize-stack-action { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 0 9px 9px; }
[data-randomize-press] { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 32px; min-width: 0; padding: 7px 4px; border: 1px solid #00dd6150; border-radius: 5px; background: #00dd610b; color: #00dd61; font-size: 9px; white-space: nowrap; }
[data-randomize-press] > svg { width: 12px; height: 12px; flex-shrink: 0; }
@media (max-width: 540px) {
  .trio-media.randomize-demo { padding-left: 20px; padding-bottom: 108px; }
  .randomize-stack-frame { width: 214px; }
}

.randomize-stack-empty { grid-area: 1 / 1; display: flex; align-items: center; justify-content: center; color: #777780; font-size: 10px; }