.story321-tabs {
    margin: 10px 0;
}

.story321-tab-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.story321-tab-btn {
    background: none;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}

.story321-tab-btn.active {
    border-bottom: 2px solid #2271b1;
    color: #2271b1;
}

.story321-tab-content {
    padding: 10px;
}

#generation-status {
    display: flex;
    align-items: center;
    gap: 8px;
}

#loading-svg {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#generate-content-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}