.order-answer{flex-direction:column;flex-wrap:nowrap;overflow:visible}
.order-answer .order-selected{position:relative;display:flex;align-items:stretch;justify-content:flex-start;width:100%;gap:0;padding:0;isolation:isolate;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;transition:transform .15s ease,border-color .15s ease}
.order-grip{display:flex;align-items:center;justify-content:center;flex:0 0 35px;min-height:44px;padding:8px 5px;border:0;border-radius:10px 0 0 10px;color:#b29bca;background:#2d22373d;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.order-grip:hover{color:#e0caf6;background:#42304f}.order-grip:active{cursor:grabbing}.order-grip svg{pointer-events:none}
.order-piece{display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px;min-width:0;padding:10px 10px 10px 6px;border:0;border-radius:0 10px 10px 0;color:inherit;text-align:left;font:inherit;line-height:inherit;white-space:pre-wrap;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.order-piece code{flex:1;min-width:0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.order-piece>span{flex-shrink:0;color:#a18db6;font:600 20px/1 'Segoe UI',sans-serif;padding:0 4px}
.order-piece:focus-visible,.order-grip:focus-visible{outline-offset:2px;z-index:2}.order-piece:disabled,.order-grip:disabled{cursor:default;opacity:.55}
.order-bank [data-order-zone]{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.order-selected.order-dragging{z-index:10;border-color:#d4b1f3;background:#382645;box-shadow:0 12px 25px #0005;transition:none;cursor:grabbing}
.order-swiping{transition:none!important;will-change:transform;z-index:3}.order-swipe-ready{border-color:#a9dfc7!important;box-shadow:0 0 0 1px #a9dfc733!important}
.order-selected.order-drop-before::before{content:"";position:absolute;left:0;right:0;top:-6px;height:3px;border-radius:4px;background:#b1e7cd;box-shadow:0 0 8px #a5e6c844;pointer-events:none}.order-answer.order-drop-end{box-shadow:0 3px 0 #b1e7cd}
.order-gesture-help{font-weight:450;line-height:1.65!important;margin:14px 0 0}.order-gesture-help svg{vertical-align:-3px;color:#ccb4e5}.order-keyboard-help{display:block;margin-top:4px;color:#8e7e9f;font-size:10px}
@media(max-width:760px){.order-keyboard-help{display:none}.order-grip{flex-basis:36px}.order-piece{padding-top:11px;padding-bottom:11px}.order-answer .order-selected{font-size:12px}.order-answer{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.order-selected{transition:none}}