/* X / Twitter Platform Design System */

.tweet-preview-canvas {
    max-width: 600px;
    width: 600px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* STRICT Mockup Styling */
.mockup-light {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.mockup-dark {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.mockup-light .text-main {
    color: #000000 !important;
}

.mockup-dark .text-main {
    color: #ffffff !important;
}

.mockup-light .text-dim {
    color: #536471 !important;
}

.mockup-dark .text-dim {
    color: #71767b !important;
}

.mockup-light .border-divider {
    border-color: #eff3f4 !important;
}

.mockup-dark .border-divider {
    border-color: #2f3336 !important;
}

.highlight-blue {
    color: #1D9BF0 !important;
}

.action-icon-group {
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

.stat-number {
    font-size: 13px;
    font-weight: 400;
    padding-top: 1px;
}

.separator-dot {
    padding: 0 1px;
    font-weight: bold;
}

.views-stat {
    font-weight: 700;
    color: inherit;
}

/* Dark input adjustments */
.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}