.assets-page{min-height:calc(100dvh - 64px);padding:12px 8px calc(80px + env(safe-area-inset-bottom))}.assets-inner{width:100%;max-width:1440px;margin:0 auto}.assets-types{background:#f8f8f8eb;border:1px solid #0000000f;border-radius:9999px;align-items:center;gap:2px;width:fit-content;padding:2px;display:inline-flex}.assets-type{isolation:isolate;color:#71717b;cursor:pointer;background:0 0;border:0;border-radius:9999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.assets-type:hover{color:#18181b}.assets-type[aria-pressed=true]{color:#fff}.assets-type svg{flex-shrink:0;width:14px;height:14px}.assets-type-slider{z-index:-1;background:#09090b;border-radius:9999px;position:absolute;inset:0;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.assets-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-bottom:8px;display:flex}.assets-filters{flex-wrap:wrap;gap:4px;display:flex}.assets-filter{color:#71717b;cursor:pointer;background:0 0;border:0;border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.5;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.assets-filter:hover{color:#18181b;background:#fff}.assets-filter[aria-pressed=true]{color:#18181b;background:#e4e4e7}.assets-refresh{align-items:center;gap:8px;display:flex}.assets-refresh:disabled{cursor:default}.assets-refresh svg{width:16px;height:16px}.assets-spin,.asset-card-spin{animation:1s linear infinite assets-spin}@keyframes assets-spin{to{transform:rotate(360deg)}}.assets-grid{padding:20px 0}.assets-grid-inner{transition:height .3s cubic-bezier(.4,0,.2,1);position:relative}.assets-grid-inner--static{transition:none}.assets-grid-cell{will-change:transform;transition-property:height,width,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute;top:0;left:0}.assets-skeleton-box{background:#fff;border-radius:22px;animation:2s cubic-bezier(.4,0,.6,1) infinite assets-pulse;position:absolute;top:0;left:0}@keyframes assets-pulse{50%{opacity:.5}}.assets-more{justify-content:center;padding-top:8px;display:flex}.assets-more button{color:#27272a;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:9999px;padding:12px 24px;font-size:14px;font-weight:600;line-height:20px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.assets-more button:hover{border-color:#d4d4d8;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.assets-empty,.assets-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.assets-empty{padding:0 24px}.assets-empty>svg{color:#9f9fa9;width:36px;height:36px}.assets-empty h2,.assets-notice h2{color:#18181b;letter-spacing:-.02em;margin:16px 0 0;font-size:20px;font-weight:600;line-height:28px}.assets-notice h2{letter-spacing:normal;margin-top:20px}.assets-empty p,.assets-notice p{color:#71717b;max-width:448px;margin:8px 0 0;font-size:14px;line-height:24px}.assets-empty a,.assets-error button{color:#fff;cursor:pointer;background:#09090b;border:0;border-radius:9999px;margin-top:24px;padding:10px 20px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:background-color .15s}.assets-empty a:hover{background:#27272a}.assets-notice-icon{color:#71717b;background:#fff;border:1px solid #e4e4e7;border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.assets-notice-icon svg{width:24px;height:24px}.assets-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.assets-error>svg{color:#ff2056;width:28px;height:28px}.assets-error p{color:#52525c;max-width:512px;margin:16px 0 0;font-size:14px;line-height:20px}.assets-error button{margin-top:20px}.asset-card{background:#f4f4f5;border:1px solid #0000000f;border-radius:22px;width:100%;height:100%;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 28px #1414190a}.asset-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #14141917}.asset-card--openable{cursor:zoom-in}.asset-card--openable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.asset-card-media{object-fit:cover;width:100%;height:100%;display:block}.asset-card-image{background:#f4f4f5}.asset-card-pending{background:radial-gradient(circle at top, var(--brand-50), transparent 65%), #f7f8fa;height:100%;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.asset-card-pending>span:first-child{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.asset-card-pending svg{width:20px;height:20px;animation:1s linear infinite assets-spin}.asset-card-pending-label{color:var(--primary-text);font-size:14px;font-weight:600;line-height:20px}.asset-card-sound{z-index:20;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:0;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.asset-card-sound:hover{background:#000000b3}.asset-card-sound svg,.asset-card-action svg{width:16px;height:16px}.asset-card-bar{z-index:10;background:linear-gradient(#0000,#00000073,#000c);padding:40px 12px 12px;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}.asset-card-bar-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.asset-card-bar-row--split{justify-content:space-between}.asset-card-size{color:#ffffffe6;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;line-height:16px}.asset-card-actions{align-items:center;gap:8px;display:flex}.asset-card-action{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:0;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s;display:flex}.asset-card-action:hover{background:#ffffff40}.asset-card-action:disabled{color:#ffffff8c;cursor:wait}.asset-card-action--delete{background:#ff2056d9}.asset-card-action--delete:hover{background:#ff2056}.asset-card-action--delete:disabled{color:#fff;opacity:.6}.asset-card-more{z-index:20;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:0;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:8px;right:8px}.asset-card-more svg{width:16px;height:16px}.asset-card-menu[data-slot=dropdown-menu-content]{color:#1e1e1e;background:#fff;border:1px solid #e6e6e6;border-radius:16px;width:auto;min-width:200px;padding:6px;box-shadow:0 18px 40px #0000001f}.asset-card-menu [data-slot=dropdown-menu-label]{color:#71717b;font-variant-numeric:tabular-nums;padding:6px 10px 4px;font-size:12px}.asset-card-menu [data-slot=dropdown-menu-item]{border-radius:12px;gap:8px;height:40px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none}.asset-card-menu [data-slot=dropdown-menu-item]:not([data-variant=destructive]){color:#1e1e1e}@media (width<=639px){.asset-card-bar,.asset-card-sound{display:none}}@media (width>=640px){.asset-card-more{display:none}.assets-page{padding-left:12px;padding-right:12px}.asset-card-sound{opacity:0;pointer-events:none}.asset-card-bar{opacity:0;pointer-events:none;transform:translateY(8px)}.asset-card:hover .asset-card-sound,.asset-card:focus-within .asset-card-sound{opacity:1;pointer-events:auto}.asset-card:hover .asset-card-bar,.asset-card:focus-within .asset-card-bar{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (width>=768px){.assets-page{padding-bottom:64px}}@media (width>=1024px){.assets-page{padding-left:16px;padding-right:16px}}