.asset-card-view{cursor:pointer;border-radius:8px;overflow:hidden;background:#f5f5f5;border:1px solid var(--color-border-light,#edf2f7);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.asset-card-view:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.asset-card-view:focus{outline:2px solid var(--primary-color,#007bff);outline-offset:2px}.asset-card-preview{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#f5f5f5}.asset-card-info{padding:.5rem .75rem;background:#fff;border-top:1px solid #eee;text-align:center}.asset-card-date{font-size:.75rem;color:#666}.asset-card-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.asset-card-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top:3px solid var(--primary-color,#007bff);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.asset-card-image,.asset-card-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.asset-card-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.asset-card-file-icon{width:48px;height:48px;color:#999}.asset-card-file-icon svg{width:100%;height:100%}.asset-card-view--readonly{cursor:default;-moz-user-select:none;user-select:none;-webkit-user-select:none}.asset-card-view--readonly:hover{transform:none;box-shadow:none}.asset-card-view--readonly:focus{outline:none}.asset-card-view--readonly .asset-card-image,.asset-card-view--readonly .asset-card-video{pointer-events:none}.asset-card-view--compact{border-radius:6px}.asset-card-view--compact .asset-card-preview{aspect-ratio:1}.asset-card-view--compact .asset-card-spinner{width:20px;height:20px;border-width:2px}.asset-card-view--compact .asset-card-file-icon{width:28px;height:28px}.unified-card-frame{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--radius-xl);overflow:hidden;background:var(--card-background,var(--color-white));border:1px solid var(--color-border);cursor:pointer;isolation:isolate;transition:transform var(--duration-normal,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1)),box-shadow var(--duration-normal,.2s) var(--ease-out,cubic-bezier(.2,.8,.2,1));font-family:var(--font-family-primary)}.unified-card-frame--readonly{cursor:default}@media (hover:hover) and (pointer:fine){.unified-card-frame:hover:not(.unified-card-frame--readonly){transform:translateY(-2px);box-shadow:0 12px 32px rgba(15,23,42,.1),0 2px 8px rgba(15,23,42,.06)}}.unified-card-frame:focus-visible{outline:2px solid var(--color-text-primary,#0f172a);outline-offset:2px}.unified-card-frame__inner{position:absolute;inset:0;display:flex;background:var(--color-gray-100)}.unified-card-frame__inner>*{width:100%;height:100%;border-radius:0;border:none;box-shadow:none}.unified-card-frame__inner .asset-card-view{background:transparent;border:none}.unified-card-frame__inner .asset-card-view:hover{transform:none;box-shadow:none}.unified-card-frame__inner .asset-card-view .asset-card-info{display:none}.unified-card-frame__inner .asset-card-view .asset-card-preview{aspect-ratio:auto;height:100%;width:100%}.unified-card-frame__inner .ig-feed-tile{aspect-ratio:auto;width:100%;height:100%;border-radius:0;border:none;background:var(--color-gray-100)}.unified-card-frame__inner .ig-feed-tile:hover{transform:none;box-shadow:none}.unified-card-frame__inner .ig-feed-tile__type-glyph{display:none}.unified-card-frame__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);color:var(--color-text-tertiary,var(--color-gray-400))}.unified-card-frame__placeholder svg{width:32px;height:32px;opacity:.5}.unified-card-glyph{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:rgba(15,23,42,.55);color:#ffffff;padding:3px;pointer-events:none}.unified-card-glyph svg{width:18px;height:18px}@media (min-width:768px){.unified-card-glyph{width:28px;height:28px}.unified-card-glyph svg{width:20px;height:20px}}