.ordering-item-image{display:block;max-width:100%;height:auto;object-fit:contain;margin:0 0 8px}
.ordering-item-content{min-width:0;overflow-wrap:anywhere}
.ordering-preview-item,.ordering-play-item{grid-template-columns:32px minmax(0,1fr) auto auto}
.ordering-preview-item{grid-template-columns:32px minmax(0,1fr)}
.ordering-image-size{padding-top:0;grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--muted)}
.ordering-image-size input[type=range]{flex:1;min-width:60px;width:100px}
.ordering-image-size output{font-size:12px;min-width:45px;text-align:right;font-variant-numeric:tabular-nums}
#orderingEditor .ordering-item-image{max-width:100%}

[data-activity-play][aria-disabled] .ordering-play-item.is-correct{border-color:#16775c;background:#edf8f1}
[data-activity-play][aria-disabled] .ordering-play-item.is-incorrect{border-color:#b42318;background:#fff1f0}
.ordering-play-item.is-correct [data-order-feedback]{color:#166534}
.ordering-play-item.is-incorrect [data-order-feedback]{color:#991b1b}
[data-order-feedback]{font-size:18px;font-weight:700;line-height:1}
.ordering-play-item [hidden]{display:none}
[data-activity-play].is-finalized .ordering-play-item{grid-template-columns:32px minmax(0,1fr)}
[data-activity-play].is-finalized .ordering-step-number svg{display:none}

.ordering-step-number{display:grid;justify-items:center;gap:5px}
.ordering-step-number b{display:grid;width:25px;height:25px;place-items:center;color:#fff;border-radius:50%;background:var(--green)}
.ordering-step-number svg{width:16px;height:12px;fill:none;stroke:var(--muted);stroke-width:3;stroke-linecap:round}
[data-activity-play][aria-disabled=false] .ordering-play-item{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.ordering-play-item:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.ordering-play-item button{min-width:36px;min-height:40px;touch-action:manipulation}
[data-activity-play][aria-disabled=true] .ordering-step-number svg{visibility:hidden}
.ordering-play-item.is-dragging{opacity:.35;border-style:dashed}
.ordering-drop-marker{position:fixed;height:4px;border-radius:2px;background:var(--green);z-index:10051;pointer-events:none}
.ordering-drop-marker[hidden]{display:none}
.ordering-play-item.ordering-drag-preview{position:fixed;z-index:10050;box-sizing:border-box;margin:0;pointer-events:none;cursor:grabbing;box-shadow:0 8px 24px #143b3630;border-color:var(--green);background:#fff;opacity:1}
.ordering-move-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(pointer:coarse){.ordering-play-item button{min-width:44px;min-height:44px}}