/* HUB-D Stories Styles */
.hubd-story-create-modal .hubd-modal-box { max-width: 400px; }
.hubd-story-type-tabs { display: flex; border-bottom: 1px solid var(--hubd-border); }
.hubd-story-type-tab { flex: 1; padding: 12px; font-size: 15px; font-weight: 600; color: var(--hubd-text-secondary); border-bottom: 3px solid transparent; cursor: pointer; text-align: center; transition: color var(--hubd-transition), border-color var(--hubd-transition); }
.hubd-story-type-tab.active { color: var(--hubd-primary); border-bottom-color: var(--hubd-primary); }
.hubd-story-preview-canvas { width: 100%; height: 300px; border-radius: var(--hubd-radius); overflow: hidden; position: relative; background: #000; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.hubd-story-preview-canvas img, .hubd-story-preview-canvas video { max-width: 100%; max-height: 100%; object-fit: contain; }
.hubd-story-text-preview { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px; }
.hubd-story-text-preview textarea { width: 100%; height: 100%; background: transparent; border: none; outline: none; font-size: 28px; font-weight: 700; color: #fff; text-align: center; resize: none; font-family: inherit; }
.hubd-story-bg-picker { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.hubd-story-bg-swatch { width: 32px; height: 32px; border-radius: 50%; cursor: pointer; border: 3px solid transparent; transition: border-color var(--hubd-transition); flex-shrink: 0; }
.hubd-story-bg-swatch.active { border-color: var(--hubd-primary); }
.hubd-story-privacy { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; font-size: 14px; }