:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-border:#e2e8f0;--primary:#020617;--primary-hover:#1e293b;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-hover:#e2e8f0;--secondary-foreground:#0f172a;--muted:#64748b;--muted-foreground:#94a3b8;--success:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-foreground:#065f46;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-foreground:#92400e;--border:#cbd5e1;--radius:8px;--editor-chrome-bg:#fcfcfc;--editor-panel-bg:var(--card);--editor-surface-bg:#fff;--editor-surface-text:#111;--editor-accent:#111827;--editor-accent-fg:#fff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html.dark{--background:#0f172a;--foreground:#f1f5f9;--card:#1e293b;--card-border:#334155;--primary:#f8fafc;--primary-hover:#e2e8f0;--primary-foreground:#0f172a;--secondary:#334155;--secondary-hover:#475569;--secondary-foreground:#f1f5f9;--muted:#94a3b8;--muted-foreground:#64748b;--success:#34d399;--success-bg:#064e3b;--success-border:#047857;--success-foreground:#6ee7b7;--warning:#fbbf24;--warning-bg:#451a03;--warning-border:#92400e;--warning-foreground:#fcd34d;--border:#475569;--editor-chrome-bg:var(--background);--editor-panel-bg:var(--card);--editor-surface-bg:#18181b;--editor-surface-text:#f4f4f5;--editor-accent:var(--primary);--editor-accent-fg:var(--primary-foreground)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}h1{letter-spacing:-.025em;color:var(--primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}h2{letter-spacing:-.02em;color:var(--primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.75rem;font-size:.875rem;font-weight:600}p{color:var(--muted);font-size:.925rem}code{font-family:var(--font-mono);background-color:var(--secondary);color:var(--primary);border-radius:4px;padding:.2rem .4rem;font-size:.825em}.container{width:100%;max-width:900px;margin:0 auto;padding:2rem 1rem}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.cms-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d}.badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success-foreground);border:1px solid var(--success-border)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-foreground);border:1px solid var(--warning-border)}.badge-mono{background-color:var(--secondary);color:var(--primary);border:1px solid var(--card-border);font-family:var(--font-mono)}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{border-color:var(--card-border);color:var(--foreground);background-color:#0000}.btn-outline:hover{background-color:var(--secondary)}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.form-label{color:var(--foreground);font-size:.8125rem;font-weight:500}.input-field{border-radius:var(--radius);border:1px solid var(--card-border);background-color:var(--card);width:100%;color:var(--foreground);padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:block}.input-field::placeholder{color:var(--muted-foreground)}.input-field:focus{border-color:var(--muted);outline:none;box-shadow:0 0 0 2px #94a3b833}
.auth-container{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card-wrapper{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background-color:var(--secondary);border-radius:4px;margin-bottom:.5rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.auth-title{color:var(--primary);letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--muted);font-size:.875rem}.auth-form-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000006}.auth-alert{border-radius:var(--radius);align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.auth-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fca5a5}.auth-alert-success{background-color:var(--success-bg);color:#065f46;border:1px solid var(--success-border)}.auth-alert-icon{flex-shrink:0;margin-top:2px}.auth-footer-links{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.8125rem}.auth-link{color:var(--primary);font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-btn-submit{width:100%;margin-top:.5rem}.auth-divider{text-align:center;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.5rem 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--card-border);flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.auth-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;animation:1s ease-in-out infinite auth-spin;display:inline-block}@keyframes auth-spin{to{transform:rotate(360deg)}}
.ui-spinner{border-style:solid;border-color:#0f172a1f;border-top-color:var(--primary);border-radius:50%;flex-shrink:0;animation:.65s linear infinite ui-spin;display:inline-block}.ui-spinner--small{border-width:2px;width:1.125rem;height:1.125rem}.ui-spinner--medium{border-width:2.5px;width:1.75rem;height:1.75rem}.ui-spinner--large{border-width:3px;width:2.5rem;height:2.5rem}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-spin-inline{animation:.65s linear infinite ui-spin}.ui-loading-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.ui-loading-message{color:var(--muted);margin:0;font-size:.875rem}@keyframes ui-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton{background:linear-gradient(90deg, var(--secondary) 0%, #e8edf3 40%, var(--secondary) 80%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite ui-shimmer}.ui-skeleton-row{border-bottom:1px solid var(--card-border);align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.ui-skeleton-cell{border-radius:4px;height:.875rem}.ui-skeleton-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.ui-skeleton-media-card{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);overflow:hidden}.ui-skeleton-media-thumb{border-radius:0;height:140px}.ui-skeleton-stat-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:768px){.ui-skeleton-stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.ui-skeleton-stat-card{border-radius:var(--radius);border:1px solid var(--card-border);height:88px}.ui-empty-state{text-align:center;background:var(--card);border:1px dashed var(--card-border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.ui-empty-state__icon{background:var(--secondary);width:3rem;height:3rem;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.ui-empty-state__title{color:var(--foreground);margin:0 0 .35rem;font-size:1rem;font-weight:600}.ui-empty-state__description{color:var(--muted);max-width:28rem;margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.ui-empty-state__action{border-radius:var(--radius);border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.ui-empty-state__action:hover{background:var(--primary-hover)}.ui-error-state{text-align:center;border-radius:var(--radius);color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.ui-error-state__message{margin:.75rem 0 1rem;font-size:.9375rem;font-weight:500}.ui-retry-btn{border-radius:var(--radius);color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fca5a5;align-items:center;gap:.375rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:500;display:inline-flex}.ui-retry-btn:hover{background:#fff1f2}
.ui-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0f172a0a}.ui-card--collapsible{padding:0;overflow:hidden}.ui-card__header,.ui-card__header-btn{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;margin:0;padding:0;display:flex}.ui-card--collapsible .ui-card__header-btn{cursor:pointer;color:var(--foreground);padding:1.25rem 1.5rem}.ui-card--collapsible .ui-card__header-btn:hover{background-color:var(--secondary)}.ui-card__header-text{align-items:center;gap:.5rem;min-width:0;display:flex}.ui-card__header-icon{color:var(--muted);flex-shrink:0}.ui-card__title{color:var(--foreground);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.ui-card__toggle{border:1px solid var(--card-border);background:var(--card);width:1.75rem;height:1.75rem;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.ui-card--open .ui-card__toggle{transform:rotate(180deg)}.ui-card__description{color:var(--muted);max-width:36rem;margin:.35rem 0 0;font-size:.8125rem;line-height:1.45}.ui-card--collapsible .ui-card__description{margin-top:-.5rem;padding:0 1.5rem .25rem}.ui-card__body{flex-direction:column;gap:1.25rem;display:flex}.ui-card:not(.ui-card--collapsible) .ui-card__body{margin-top:1.25rem}.ui-card--collapsible .ui-card__body{border-top:1px solid var(--card-border);padding:1.25rem 1.5rem 1.5rem}.ui-field-group{flex-direction:column;gap:.4rem;max-width:560px;display:flex}.ui-field-hint{color:var(--muted);margin:0;font-size:.75rem;line-height:1.4}.ui-form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.ui-form-actions .btn{width:auto}.admin-page-header{margin-bottom:2rem}.admin-page-header h1{color:var(--foreground);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.admin-page-header p{color:var(--muted);margin:0;font-size:.925rem}.admin-alert{border-radius:var(--radius);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.admin-alert--success{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.admin-alert--error{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.admin-split-layout{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:1.5rem;display:grid}.account-layout{grid-template-columns:minmax(260px,300px) 1fr;align-items:start;gap:1.5rem;display:grid}.account-sidebar{position:sticky;top:1rem}.account-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.account-avatar{border:2px solid var(--card-border);background-color:var(--secondary);width:112px;height:112px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-name{color:var(--foreground);margin:0;font-size:1.25rem;font-weight:700}.account-email{color:var(--muted);margin:.15rem 0 0;font-size:.875rem}.account-meta{color:var(--muted);margin:0;font-size:.75rem}.account-actions{flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;display:flex}.account-actions .btn{justify-content:center;width:100%}.account-sections{flex-direction:column;gap:1rem;display:flex}.admin-list-card .ui-card__body{gap:1rem}.admin-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-search{width:min(100%,220px);position:relative}.admin-search input{height:2.25rem;padding-left:2rem;font-size:.825rem}.admin-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}@media (max-width:960px){.account-layout,.admin-split-layout{grid-template-columns:1fr}.account-sidebar{position:static}}
#bn-suggestion-menu.bn-suggestion-menu,.bn-suggestion-menu#bn-suggestion-menu{animation:.14s ease-out bn-slash-fade-in;background-color:var(--card)!important;border:1px solid var(--card-border)!important;border-radius:var(--radius)!important;color:var(--foreground)!important;z-index:200!important;box-sizing:border-box!important;max-height:min(360px,50vh)!important;padding:6px!important;overflow-y:auto!important;box-shadow:0 4px 12px #0f172a14,0 2px 4px #0f172a0a!important}html.dark #bn-suggestion-menu.bn-suggestion-menu,html.dark .bn-suggestion-menu#bn-suggestion-menu{border-color:var(--card-border)!important;background-color:#111827!important;box-shadow:0 4px 12px #00000059,0 8px 24px #00000040!important}@keyframes bn-slash-fade-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}#bn-suggestion-menu .bn-suggestion-menu-label{color:var(--muted)!important;letter-spacing:.06em!important;text-transform:uppercase!important;cursor:default!important;padding:.375rem .625rem!important;font-size:.6875rem!important;font-weight:600!important}#bn-suggestion-menu .bn-suggestion-menu-item{color:var(--foreground)!important;cursor:pointer!important;border-radius:calc(var(--radius) - 2px)!important;height:auto!important;min-height:44px!important;padding:.5rem .625rem!important;transition:background-color .12s,color .12s!important}#bn-suggestion-menu .bn-suggestion-menu-item:hover,#bn-suggestion-menu .bn-suggestion-menu-item[aria-selected=true]{background-color:var(--secondary)!important;color:var(--foreground)!important}html.dark #bn-suggestion-menu .bn-suggestion-menu-item:hover,html.dark #bn-suggestion-menu .bn-suggestion-menu-item[aria-selected=true]{background-color:var(--secondary-hover)!important}#bn-suggestion-menu .bn-suggestion-menu-item:where([data-disabled],:disabled){color:var(--muted)!important;opacity:.6!important;pointer-events:none!important}#bn-suggestion-menu .bn-mt-suggestion-menu-item-title{color:var(--foreground)!important;font-size:.875rem!important;font-weight:500!important}#bn-suggestion-menu .bn-mt-suggestion-menu-item-subtitle{color:var(--muted)!important;font-size:.75rem!important}#bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=left]{color:var(--foreground)!important;background-color:var(--secondary)!important;border-radius:6px!important;padding:8px!important}html.dark #bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=left]{background-color:#ffffff14!important}#bn-suggestion-menu .bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-section[data-position=left]{background-color:#0000!important;padding:0!important}#bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=right]{color:var(--muted-foreground)!important;font-size:.6875rem!important}#bn-suggestion-menu .bn-suggestion-menu-loader{color:var(--muted)!important;padding:.75rem!important}#bn-suggestion-menu .bn-suggestion-menu-item.bn-suggestion-menu-empty-item,#bn-suggestion-menu .bn-suggestion-menu-empty-item{color:var(--muted)!important;padding:.75rem!important;font-size:.8125rem!important}
.bn-embed-figure{width:100%;margin:.5rem 0}.bn-embed-center{justify-content:center;width:100%;display:flex}.bn-embed-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.bn-embed-header__brand{align-items:center;gap:.375rem;display:flex}.bn-embed-icon{color:#6b7280;flex-shrink:0}.bn-embed-icon--youtube{color:red}.bn-embed-icon--twitter{color:#111}.bn-embed-icon--spotify{color:#1db954}.bn-embed-icon--instagram{color:#e4405f}.bn-embed-icon--facebook{color:#1877f2}.bn-embed-icon--vimeo{color:#1ab7ea}.bn-embed-icon--tiktok{color:#111}.bn-embed-provider{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:.6875rem;font-weight:600}.bn-embed-actions{align-items:center;gap:.5rem;display:flex}.bn-embed-action-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:.125rem .25rem;font-size:.75rem;font-weight:500}.bn-embed-action-btn:hover{text-decoration:underline}.bn-embed-action-btn--danger{color:#dc2626}.bn-embed-frame{background:#0f172a;border:1px solid #e5e7eb;border-radius:8px;width:100%;position:relative;overflow:hidden}.bn-embed-center .bn-embed-frame[data-provider=youtube],.bn-embed-center .bn-embed-frame[data-provider=vimeo],.bn-embed-center .bn-embed-frame[data-provider=twitter],.bn-embed-center .bn-embed-frame[data-provider=facebook],.bn-embed-center .bn-embed-frame[data-provider=generic]{max-width:560px}.bn-embed-center .bn-embed-frame[data-provider=spotify],.bn-embed-center .bn-embed-frame[data-provider=soundcloud]{max-width:480px}.bn-embed-center .bn-embed-frame[data-provider=instagram]{max-width:400px}.bn-embed-center .bn-embed-frame[data-provider=tiktok]{max-width:325px}.bn-embed-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.bn-embed-loading{z-index:1;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.bn-embed-loading .ui-loading-message{color:#ffffffa6;font-size:.75rem}.bn-embed-caption{color:#6b7280;margin-top:.375rem;font-size:.8125rem}.bn-embed-placeholder{border:1px dashed var(--border);background:var(--secondary);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:560px;padding:2rem 1rem;display:flex}.bn-embed-placeholder__icon{color:#9ca3af}.bn-embed-placeholder__label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-size:.75rem;font-weight:600}.bn-embed-placeholder p{color:#9ca3af;text-align:center;margin:0;font-size:.8125rem}.embed-url-modal-backdrop{z-index:1200;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.embed-url-modal{background:var(--card,#fff);border:1px solid var(--card-border,#e5e7eb);border-radius:var(--radius,8px);width:100%;max-width:440px;padding:1.25rem 1.5rem;box-shadow:0 20px 40px #00000026}.embed-url-modal__title{color:var(--foreground,#111);margin:0 0 .35rem;font-size:1rem;font-weight:600}.embed-url-modal__hint{color:var(--muted,#6b7280);margin:0 0 1rem;font-size:.8125rem;line-height:1.45}.embed-url-modal__input{width:100%;margin-bottom:1rem}.embed-url-modal__actions{justify-content:flex-end;gap:.5rem;display:flex}.collapsible-panel{border-top:1px solid var(--card-border);background:var(--editor-panel-bg)}.collapsible-panel__header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem 0;display:flex}.collapsible-panel__title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem;font-weight:600}.collapsible-panel__chevron{color:var(--muted-foreground);font-size:.65rem;line-height:1}.collapsible-panel__preview{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;margin:0 0 .75rem;font-size:.875rem;line-height:1.45;overflow:hidden}.collapsible-panel__body{padding-bottom:.75rem}.collapsible-panel--sidebar{border:1px solid var(--card-border);border-radius:8px;margin-bottom:.5rem;padding:0 .75rem}.collapsible-panel--sidebar .collapsible-panel__header{padding:.625rem 0}.collapsible-panel--sidebar .collapsible-panel__preview{padding-bottom:.625rem}.collapsible-panel--sidebar .collapsible-panel__body{padding-bottom:.75rem}.collapsible-panel--excerpt{flex-shrink:0;padding:0 1rem;box-shadow:0 -2px 8px #0000000a}.collapsible-panel--excerpt .collapsible-panel__header,.collapsible-panel--excerpt .collapsible-panel__preview,.collapsible-panel--excerpt .collapsible-panel__body{width:100%;max-width:740px;margin-left:auto;margin-right:auto}
.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.media-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.media-card--picker{cursor:pointer}.media-thumb-wrap{background:#0f172a;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.media-thumb{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .25s}.media-thumb.is-loaded{opacity:1}.media-thumb-placeholder{background:linear-gradient(90deg,#1e293b 0%,#334155 50%,#1e293b 100%) 0 0/200% 100%;animation:1.4s ease-in-out infinite ui-shimmer;position:absolute;inset:0}.media-card-info{flex-direction:column;flex:1;gap:.2rem;padding:.75rem;display:flex}.media-card-filename{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.media-card-folder{color:var(--muted);font-size:.6875rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em}.media-card-meta{color:var(--muted-foreground);font-size:.725rem}.media-picker-overlay{opacity:0;color:#fff;pointer-events:none;background:#00000073;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.media-card--picker:hover .media-picker-overlay{opacity:1}