.story-row{display:flex;align-items:center;gap:14px;padding:12px 14px;margin-bottom:10px;background:#fff;border:1px solid #e3e6ea;border-right:4px solid #dee2e6;border-radius:8px;transition:box-shadow .15s ease,border-color .15s ease}.story-row:hover{box-shadow:0 2px 10px rgba(0,0,0,.08)}.story-row.is-visible{border-right-color:#28a745}.story-row.is-inactive{border-right-color:#adb5bd;background:#f8f9fa}.story-row.is-scheduled{border-right-color:#17a2b8}.story-row.is-expired{border-right-color:#ffc107}.story-row.is-noitem{border-right-color:#dc3545}.story-row-placeholder{height:92px;margin-bottom:10px;border:2px dashed #adb5bd;border-radius:8px;background:#f1f3f5}.story-drag-handle{cursor:move;color:#adb5bd;font-size:20px;padding:0 6px;user-select:none}.story-drag-handle:hover{color:#495057}.story-circle{flex:0 0 auto;width:64px;height:64px;border-radius:50%;padding:3px;background:#bc0101}.story-circle.is-off{background:#ccc}.story-circle-inner{width:100%;height:100%;border-radius:50%;background-color:lightgray;overflow:hidden;display:flex;align-items:center;justify-content:center}.story-circle-inner img{width:100%;height:100%;object-fit:cover}.story-row-main{flex:1 1 auto;min-width:0}.story-row-caption{font-size:15px;font-weight:700;margin:0 0 2px}.story-row-sub{font-size:12px;color:#6c757d;margin:0}.story-row-meta{font-size:12px;color:#6c757d;margin-top:6px}.story-row-meta span{margin-left:14px;white-space:nowrap}.story-row-actions{flex:0 0 auto;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.story-item-row{display:flex;align-items:center;gap:14px;padding:10px 14px;margin-bottom:8px;background:#fff;border:1px solid #e3e6ea;border-right:4px solid #dee2e6;border-radius:8px}.story-item-row.is-off{background:#f8f9fa;border-right-color:#adb5bd;opacity:.75}.story-item-row.is-on{border-right-color:#28a745}.story-item-thumb{flex:0 0 auto;width:54px;height:84px;border-radius:6px;background:#212529;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.story-item-thumb img{width:100%;height:100%;object-fit:cover}.story-item-order{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#e9ecef;color:#495057;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.story-url-text{direction:ltr;text-align:left;font-size:12px;color:#6c757d;word-break:break-all}.story-live-preview{display:flex;flex-direction:column;align-items:center;padding:14px;background:#adadad;border-radius:8px}.story-live-preview .story-circle{width:90px;height:90px}.story-live-caption{margin-top:12px;font-size:.8rem;color:#fff;text-align:center;white-space:nowrap}.story-live-subcaption{font-size:.8rem;font-weight:700;color:#fff;text-align:center}.story-preview-stage{position:relative;max-width:340px;margin:0 auto;background:#000;border-radius:14px;overflow:hidden}.story-preview-stage video,.story-preview-stage img.story-preview-media{width:100%;max-height:60vh;object-fit:contain;display:block}.story-preview-bars{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:4px;z-index:3}.story-preview-bar{flex:1 1 0;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.story-preview-bar>i{display:block;height:100%;width:0;background:#ed1b23}.story-preview-btn{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.65);color:#fff;border:0;padding:8px 18px;border-radius:8px;font-size:.85rem;z-index:3}@media (max-width:575.98px){.story-row,.story-item-row{flex-wrap:wrap}.story-row-actions{width:100%;justify-content:flex-start;margin-top:8px}}