.app-shell-content{animation:nyvora-page-in var(--ui-duration-normal) ease}.app-shell :where(h1,h2,h3){font-family:var(--ui-font-display);letter-spacing:-.025em}.app-shell .kicker,.app-shell .section-kicker{color:var(--ui-color-primary)}
.app-shell :where(.creator-panel,.creator-dashboard,.creator-media-hero,.creator-studio-dashboard,.creator-engagement-analytics,.creator-media-upload,.creator-media-library,.creator-collection-manager,.creator-label-manager,.creator-media-discovery,.content-planner-calendar,.content-planner-sidebar>section,.planner-toolbar,.planner-bulk-toolbar,.creator-conversation-panel,.creator-chat-panel,.notification-center,.creator-notifications-intro,.profile-section,.profile-hero){border-color:var(--ui-color-border)!important;color:var(--ui-color-text)!important;background:var(--ui-color-surface)!important;box-shadow:var(--ui-shadow-sm)!important}
.app-shell :where(article,.creator-studio-stats article,.creator-engagement-totals article,.creator-media-counts article,.creator-collection-manager-card,.creator-upload-card,.creator-media-item,.planner-day,.planner-entry,.conversation-item,.notification-item){border-color:var(--ui-color-border)!important;color:var(--ui-color-text)!important;background:var(--ui-color-surface-subtle)!important}
.app-shell article,.app-shell .creator-collection-manager-card,.app-shell .creator-upload-card,.app-shell .creator-media-item,.app-shell .planner-day,.app-shell .planner-entry,.app-shell .conversation-item,.app-shell .notification-item{background-color:var(--ui-color-surface)!important;box-shadow:var(--ui-shadow-sm)!important}
.app-shell :where(input,select,textarea){border:1px solid var(--ui-color-border)!important;border-radius:var(--ui-radius-md)!important;color:var(--ui-color-text)!important;background:var(--ui-color-surface)!important;accent-color:var(--ui-color-primary)}.app-shell :where(input,select,textarea)::placeholder{color:var(--ui-color-muted)}
.app-shell :where(button,.creator-media-entry-link){border-radius:var(--ui-radius-pill);transition:background var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition),transform var(--ui-transition),box-shadow var(--ui-transition)}.app-shell :where(button,.creator-media-entry-link):hover:not(:disabled){transform:translateY(-1px)}
.app-shell :where(.creator-primary,.creator-media-upload button[type="submit"],.creator-bulk-save,.creator-collection-toolbar-confirm){border:1px solid var(--ui-color-primary)!important;color:#fff!important;background:var(--ui-color-primary)!important}.app-shell :where(.creator-primary,.creator-media-upload button[type="submit"],.creator-bulk-save,.creator-collection-toolbar-confirm):hover{background:var(--ui-color-primary-hover)!important}
.app-shell :where(.creator-danger,.creator-bulk-delete,.danger){border:1px solid var(--ui-color-danger)!important;color:var(--ui-color-danger)!important;background:transparent!important}.app-shell :where(.creator-media-entry-link,.creator-dashboard-refresh,.creator-analytics-refresh,.creator-upload-card-action,.creator-collection-sidebar-create){border:1px solid var(--ui-color-border)!important;color:var(--ui-color-primary)!important;background:transparent!important}
.app-shell :where(.creator-media-tabs button.active,.conversation-item[aria-current="true"],.notification-item[data-unread="true"],.planner-day[aria-selected="true"],.planner-entry[data-selected="true"],.creator-collection-manager-card[aria-current="true"]){border-color:var(--ui-color-primary)!important;background:var(--ui-color-primary-soft)!important;box-shadow:var(--focus-ring)!important}
.app-shell :where(.creator-media-chip,.creator-tag-input-chip,.ui-chip,.creator-media-badge,.ui-badge){border-color:var(--ui-color-border)!important}.app-shell :where(.creator-media-dropzone,.creator-collection-drag-visual){border-color:var(--ui-color-primary)!important;background:var(--ui-color-primary-soft)!important}.app-shell .is-valid-drop-target{border-color:var(--ui-color-success)!important}.app-shell .is-invalid-drop-target{border-color:var(--ui-color-danger)!important}
.app-shell :where(.creator-media-editor-backdrop,.creator-collection-toolbar-dialog){background:rgba(17,17,17,.55)!important;animation:nyvora-fade-in var(--ui-duration-fast) ease}.app-shell :where(.creator-media-editor-panel,.creator-collection-toolbar-panel,.creator-bulk-editor){border-color:var(--ui-color-border)!important;color:var(--ui-color-text)!important;background:var(--ui-color-surface)!important;box-shadow:var(--ui-shadow-lg)!important;animation:nyvora-dialog-in var(--ui-duration-normal) ease}
.app-shell :where(.creator-media-preview,.creator-media-editor-preview,.creator-upload-card-thumbnail,.creator-collection-manager-cover){background:var(--ui-color-surface-subtle)!important}.app-shell :where(.creator-media-message,.creator-collection-toolbar-message,.content-planner-state,.chat-status,.notification-meta,.muted){color:var(--ui-color-muted)!important}
.app-shell .creator-upload-card-progress{background:var(--ui-color-border)!important}.app-shell .creator-upload-card-progress span,.app-shell .creator-upload-progress span{background:var(--ui-color-primary)!important}.app-shell .creator-upload-card.is-success{border-color:var(--ui-color-success)!important}.app-shell .creator-upload-card.is-error{border-color:var(--ui-color-danger)!important}
.app-shell :where(.planner-day,.planner-entry,.conversation-item,.notification-item,.creator-media-item,.creator-collection-manager-card):hover{border-color:var(--ui-color-primary)!important}.app-shell :where(.chat-message-bubble,.chat-message-image,.chat-message-ppv){color:var(--ui-color-text)!important;background:var(--ui-color-surface-subtle)!important}.app-shell .chat-message-own .chat-message-bubble{background:var(--ui-color-primary-soft)!important}
.app-shell :where(table){width:100%;border-collapse:collapse;color:var(--ui-color-text);background:var(--ui-color-surface)}.app-shell :where(th,td){padding:var(--ui-space-3);border-bottom:1px solid var(--ui-color-border);text-align:left}.app-shell th{position:sticky;top:var(--app-shell-header-height);background:var(--ui-color-surface-subtle)}
.app-shell :where([role="switch"],input[type="checkbox"]){accent-color:var(--ui-color-primary)}.app-shell :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ui-color-primary)!important;outline-offset:3px!important}
.creator-settings-hero{width:min(1180px,calc(100% - 32px));margin:28px auto 18px}.creator-settings-hero h1{margin:8px 0;font-size:clamp(38px,6vw,68px)}.creator-settings-hero p:last-child{color:var(--ui-color-muted)}.creator-settings-tabs{display:flex;gap:8px;width:min(1180px,calc(100% - 32px));margin:0 auto 18px;overflow:auto}.creator-settings-tabs a{padding:9px 13px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-pill);color:var(--ui-color-primary);text-decoration:none;background:var(--ui-color-surface)}.creator-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.creator-settings-grid label{display:grid;gap:var(--ui-space-2);color:var(--ui-color-muted);font-weight:800}
@keyframes nyvora-page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes nyvora-fade-in{from{opacity:0}to{opacity:1}}@keyframes nyvora-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.app-shell-content,.app-shell :where(.creator-media-editor-backdrop,.creator-collection-toolbar-dialog,.creator-media-editor-panel,.creator-collection-toolbar-panel,.creator-bulk-editor){animation:none}.app-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:640px){.creator-settings-grid{grid-template-columns:1fr}.creator-settings-tabs{width:calc(100% - 20px)}}

/* Premium workspace rhythm and typography */
.app-shell{font-family:var(--ui-font-body);font-size:var(--ui-font-md);line-height:var(--ui-line-body)}
.app-shell :where(h1,h2,h3,p){text-wrap:pretty}.app-shell :where(h1,h2,h3){margin-block-start:0;color:var(--ui-color-text);line-height:var(--ui-line-tight);letter-spacing:var(--ui-letter-tight)}
.app-shell h1{font-size:clamp(2.35rem,4.5vw,4rem)}.app-shell h2{font-size:clamp(1.65rem,3vw,2.4rem)}.app-shell h3{font-size:clamp(1.1rem,2vw,1.35rem)}
.app-shell :where(.kicker,.section-kicker){margin:0 0 var(--ui-space-3);font-family:var(--ui-font-body);font-size:.72rem;font-weight:800;letter-spacing:var(--ui-letter-label);line-height:1.3;text-transform:uppercase}
.app-shell :where(small,.caption,.notification-meta,.conversation-meta){font-size:var(--ui-font-xs);line-height:1.45}
.app-shell-content>main{width:min(1440px,calc(100% - 48px));margin-inline:auto;padding-block:var(--ui-space-6) var(--ui-space-12)}

/* Unified white/surface hero cards */
.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-8);width:100%;min-height:210px;margin:0 0 var(--ui-space-8);padding:clamp(28px,4vw,48px);border:1px solid var(--ui-color-border)!important;border-radius:var(--ui-radius-xl)!important;color:var(--ui-color-text)!important;background:var(--ui-color-surface)!important;box-shadow:var(--ui-shadow-sm)!important}
.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero)>div:first-child{max-width:780px}
.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero) h1{margin:0 0 var(--ui-space-3)}
.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero) p:last-child{max-width:68ch;margin-bottom:0;color:var(--ui-color-muted);line-height:1.55}
.app-shell :where(.creator-status-card,.creator-media-hero-stats,.content-planner-calendar-toggle){min-width:190px;padding:var(--ui-space-5);border:1px solid var(--ui-color-border)!important;border-radius:var(--ui-radius-lg)!important;background:var(--ui-color-surface-subtle)!important;box-shadow:none!important}.app-shell .creator-status-card{display:grid;gap:var(--ui-space-2)}

/* Consistent space, cards and interactive controls */
.app-shell :where(.creator-page,.creator-media-page,.content-planner-page,.creator-messages-page,.creator-notifications-page){padding-top:0}
.app-shell :where(.creator-dashboard-grid,.creator-studio-stats,.creator-media-counts,.creator-engagement-totals,.creator-media-grid,.creator-collection-manager-grid,.content-planner-layout,.creator-messages-layout,.creator-settings-grid){gap:var(--ui-space-6)}
.app-shell :where(.creator-panel,.creator-dashboard,.creator-studio-dashboard,.creator-engagement-analytics,.creator-media-upload,.creator-media-library,.creator-collection-manager,.creator-label-manager,.creator-media-discovery,.content-planner-calendar,.content-planner-sidebar>section,.planner-toolbar,.planner-bulk-toolbar,.creator-conversation-panel,.creator-chat-panel,.notification-center,.profile-section,.profile-hero){padding:clamp(20px,3vw,32px)!important;border-radius:var(--ui-radius-lg)!important}
.app-shell :where(article,.ui-card,.creator-panel,.creator-upload-card,.creator-media-item,.planner-day,.planner-entry,.conversation-item,.notification-item){transition:border-color var(--ui-transition),box-shadow var(--ui-transition),transform var(--ui-transition)}
.app-shell :where(.creator-media-item,.creator-collection-manager-card,.creator-upload-card,.planner-entry,.conversation-item,.notification-item):hover{transform:translateY(-2px);box-shadow:var(--ui-shadow-lg)!important}
.app-shell :where(button,.creator-media-entry-link){min-height:44px;padding:10px 16px;border-radius:var(--ui-radius-md);font-size:var(--ui-font-sm);font-weight:800;line-height:1}
.app-shell :where(button,.creator-media-entry-link):active:not(:disabled){transform:translateY(0) scale(.985)}
.app-shell :where(button):disabled{cursor:not-allowed;opacity:.45}
.app-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:46px;padding:11px 13px;line-height:1.4;transition:border-color var(--ui-transition),box-shadow var(--ui-transition),background var(--ui-transition)}
.app-shell textarea{min-height:112px;resize:vertical}.app-shell :where(input,select,textarea):hover:not(:disabled){border-color:var(--ui-color-border-strong)!important}
.app-shell :where(input[type="checkbox"],input[type="radio"]){width:18px;height:18px}.app-shell label{line-height:1.45}
.app-shell :where(.creator-media-toolbar,.creator-media-filters,.planner-toolbar,.planner-bulk-toolbar,.conversation-filters){gap:var(--ui-space-3);padding:var(--ui-space-4);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface)}
.app-shell th{z-index:1;padding-block:14px;font-size:var(--ui-font-xs);letter-spacing:.04em;text-transform:uppercase}.app-shell td{padding-block:15px}
.creator-settings-hero{max-width:none}.creator-settings-tabs{width:100%;margin-bottom:var(--ui-space-6);padding:var(--ui-space-2);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-surface)}
.creator-settings-tabs a{border-color:transparent;border-radius:var(--ui-radius-md);color:var(--ui-color-muted)}.creator-settings-tabs a:hover,.creator-settings-tabs a:focus-visible{color:var(--ui-color-primary);background:var(--ui-color-primary-soft)}
@media(max-width:900px){.app-shell-content>main{width:min(100% - 32px,1440px)}.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero){grid-template-columns:1fr;min-height:0}.app-shell :where(.creator-status-card,.creator-media-hero-stats,.content-planner-calendar-toggle){width:100%;min-width:0}}
@media(max-width:640px){.app-shell-content>main{width:calc(100% - 20px);padding-bottom:var(--ui-space-8)}.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero){gap:var(--ui-space-5);margin-bottom:var(--ui-space-6);padding:var(--ui-space-6);border-radius:var(--ui-radius-lg)!important}.app-shell h1{font-size:clamp(2.1rem,12vw,3.25rem)}.creator-settings-tabs{width:100%}}

/* Nyvora Design Language 2.0 workspace */
.app-shell,.app-shell :where(h1,h2,h3,.creator-studio-dashboard-head h2,.content-planner-hero h1,.creator-media-hero h1,.creator-messages-hero h1){font-family:var(--ui-font-body)!important}.app-shell h1{font-size:var(--type-h1)}.app-shell h2{font-size:var(--type-h2)}.app-shell h3{font-size:var(--type-h3)}.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero) h1{font-size:clamp(var(--type-h1),4vw,var(--type-display-l))}
.app-shell-content>main{padding-block:var(--space-md) var(--space-2xl)}.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero){gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-hero)!important;box-shadow:var(--ui-shadow-md)!important}
.app-shell :where(.creator-panel,.creator-dashboard,.creator-studio-dashboard,.creator-engagement-analytics,.creator-media-upload,.creator-media-library,.creator-collection-manager,.creator-label-manager,.creator-media-discovery,.content-planner-calendar,.content-planner-sidebar>section,.planner-toolbar,.planner-bulk-toolbar,.creator-conversation-panel,.creator-chat-panel,.notification-center,.profile-section,.profile-hero){border-radius:var(--radius-card)!important;box-shadow:var(--ui-shadow-sm)!important}
.app-shell :where(.ui-card,article,.creator-media-item,.creator-collection-manager-card,.creator-upload-card,.planner-entry,.conversation-item,.notification-item):hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--ui-shadow-md)!important}
.app-shell :where(button,.creator-media-entry-link){border-radius:var(--radius-button);font-weight:700}.app-shell :where(button,.creator-media-entry-link):active:not(:disabled){transform:scale(.98)}.app-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:48px;border-radius:var(--radius-input)!important}
.app-shell :where(.creator-media-editor-panel,.creator-collection-toolbar-panel,.creator-bulk-editor){border-radius:var(--radius-dialog)!important}.app-shell :where(.creator-media-editor-backdrop,.creator-collection-toolbar-dialog){backdrop-filter:blur(10px)}
.app-shell :where(.premium-card,[data-premium],.chat-message-ppv){position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--ui-color-primary) 48%,var(--ui-color-border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-color-primary-soft) 70%,var(--ui-color-surface)),var(--ui-color-surface))!important;box-shadow:0 0 0 1px rgba(var(--color-primary-rgb),.08),var(--ui-shadow-md)!important}.app-shell :where(.premium-card,[data-premium],.chat-message-ppv)::before{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);content:"";animation:nyvora-premium-shift 8s linear infinite;pointer-events:none}
.app-shell .chat-messages{padding:var(--space-md)}.app-shell .chat-message-list{gap:var(--space-sm)}.app-shell .chat-message-bubble{padding:12px var(--space-sm);border-radius:20px}.app-shell .chat-message-time{margin-top:var(--space-xs);font-size:var(--type-caption)}.app-shell .chat-composer{gap:var(--space-xs);padding:var(--space-sm);background:var(--ui-color-surface-subtle)}.app-shell .chat-composer textarea{border-radius:var(--radius-input)!important}
.app-shell .notification-item{border-radius:var(--radius-card);box-shadow:var(--ui-shadow-sm)}.app-shell .notification-icon{width:40px;height:40px;border-radius:14px}.app-shell .notification-meta{font-size:var(--type-caption)}
.app-shell :where(.creator-media-item,.creator-collection-manager-cover,.creator-media-preview){overflow:hidden}.app-shell :where(.creator-media-item img,.creator-collection-manager-cover img,.creator-media-preview img,.creator-media-item video){transition:transform var(--ui-duration-slow) var(--ease-standard)}.app-shell :where(.creator-media-item,.creator-collection-manager-card):hover :where(img,video){transform:scale(1.04)}
.app-shell table tbody tr{transition:background var(--ui-transition)}.app-shell table tbody tr:hover{background:var(--ui-color-surface-subtle)}.app-shell :where(th,td){border-color:color-mix(in srgb,var(--ui-color-border) 72%,transparent)}
@keyframes nyvora-premium-shift{from{transform:translateX(-35%)}to{transform:translateX(35%)}}
@media(max-width:640px){.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero){padding:var(--space-md);border-radius:var(--radius-card)!important}.app-shell :where(.creator-hero,.creator-media-hero,.content-planner-hero,.creator-messages-hero,.creator-notifications-intro,.creator-settings-hero) h1{font-size:var(--type-h1)}}
@media(prefers-reduced-motion:reduce){.app-shell :where(.premium-card,[data-premium],.chat-message-ppv)::before{animation:none}}
