.ui-card{border:1px solid var(--ui-color-border);border-radius:var(--radius-card);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-sm);transition:border-color var(--ui-transition),box-shadow var(--ui-transition),transform var(--ui-transition)}.ui-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--ui-shadow-md)}
.ui-card-header,.ui-card-body,.ui-card-footer{padding:var(--ui-space-6)}.ui-card-header+.ui-card-body,.ui-card-body+.ui-card-footer{padding-top:0}.ui-card-footer:empty{display:none}
.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:10px var(--space-sm);border:1px solid transparent;border-radius:var(--radius-button);font-size:var(--type-small);font-weight:750;line-height:1;letter-spacing:0;cursor:pointer;transition:background var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition),box-shadow var(--ui-transition)}
.ui-button:hover:not(:disabled){transform:translateY(-2px)}.ui-button:active:not(:disabled){transform:translateY(0) scale(.98)}.ui-button:disabled{cursor:not-allowed;opacity:.45}.ui-button-primary{color:#fff;background:var(--ui-color-primary);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.16)}.ui-button-primary:hover:not(:disabled){background:var(--ui-color-primary-hover)}.ui-button-secondary{color:var(--ui-color-text);border-color:var(--ui-color-border-strong);background:var(--ui-color-surface)}.ui-button-secondary:hover:not(:disabled){border-color:var(--ui-color-primary);color:var(--ui-color-primary)}.ui-button-ghost{color:var(--ui-color-text);background:transparent}.ui-button-ghost:hover:not(:disabled){background:var(--ui-color-primary-soft)}.ui-button-danger{color:var(--ui-color-danger);border-color:var(--ui-color-danger);background:transparent}
.ui-button:focus-visible,.ui-card a:focus-visible,.ui-dialog :is(button,input,select,textarea,a):focus-visible,.ui-form-control:focus-visible{outline:3px solid var(--ui-color-accent);outline-offset:3px}
.ui-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:var(--ui-radius-pill);color:#fff;background:#64748b;font-size:var(--ui-font-xs);font-weight:900;text-transform:uppercase}.ui-badge-draft{background:#64748b}.ui-badge-scheduled,.ui-badge-warning{background:#b45309}.ui-badge-published,.ui-badge-success{background:#15803d}.ui-badge-error{background:#b91c1c}
.ui-chip{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-pill);color:var(--ui-color-accent);background:color-mix(in srgb,var(--ui-color-primary) 10%,transparent);font-size:var(--ui-font-xs)}
.ui-avatar{position:relative;display:grid;place-items:center;overflow:hidden;width:48px;height:48px;border:1px solid var(--ui-color-border);border-radius:50%;color:var(--ui-color-text);background:var(--ui-color-surface-raised);font-weight:900}.ui-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ui-empty-state,.creator-media-empty{display:grid;justify-items:center;gap:var(--ui-space-3);padding:var(--ui-space-6);border:1px dashed var(--ui-color-border);border-radius:var(--ui-radius-md);color:var(--ui-color-muted);text-align:center}.ui-empty-state-icon{font-size:2rem}.ui-empty-state h2,.ui-empty-state p{margin:0}
.ui-spinner{width:24px;height:24px;border:3px solid var(--ui-color-border);border-top-color:var(--ui-color-primary);border-radius:50%;animation:ui-spin .8s linear infinite}.ui-skeleton{border-radius:var(--ui-radius-sm);background:linear-gradient(90deg,var(--ui-color-surface-raised),var(--ui-color-primary-soft),var(--ui-color-surface-raised));background-size:200% 100%;animation:ui-shimmer 1.3s linear infinite}.ui-skeleton-card{height:180px}.ui-skeleton-line{height:14px}.ui-skeleton-list{display:grid;gap:var(--ui-space-3)}
.ui-dialog-backdrop{position:fixed;inset:0;z-index:var(--ui-z-dialog);display:grid;place-items:center;padding:var(--space-md);background:rgba(23,20,20,.58);backdrop-filter:blur(10px)}.ui-dialog{width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--ui-color-border);border-radius:var(--radius-dialog);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-lg)}
.ui-toast-region{position:fixed;z-index:var(--ui-z-toast);right:var(--ui-space-4);bottom:var(--ui-space-4);display:grid;gap:var(--ui-space-2);width:min(380px,calc(100% - 32px))}.ui-toast{padding:var(--ui-space-4);border:1px solid var(--ui-color-border);border-left:4px solid var(--ui-color-info);border-radius:var(--ui-radius-md);color:var(--ui-color-text);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-lg)}.ui-toast-success{border-left-color:var(--ui-color-success)}.ui-toast-error{border-left-color:var(--ui-color-danger)}.ui-toast-warning{border-left-color:var(--ui-color-warning)}
.ui-form-field{display:grid;gap:var(--space-xs)}.ui-form-label{color:var(--ui-color-muted);font-size:var(--type-small);font-weight:700}.ui-form-control{min-height:48px;padding:12px var(--space-sm);border:1px solid var(--ui-color-border);border-radius:var(--radius-input);color:var(--ui-color-text);background:var(--ui-color-surface)}.ui-form-control:hover:not(:disabled){border-color:var(--ui-color-border-strong)}.ui-form-control:disabled{cursor:not-allowed;opacity:.6}.ui-form-error{color:var(--ui-color-danger);font-size:var(--type-small)}
@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-shimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.ui-button,.ui-spinner,.ui-skeleton{transition:none;animation-duration:.01ms;animation-iteration-count:1}}