.media-blur{background:var(--card-2);display:block;position:relative;overflow:hidden}.media-blur:before{content:"";background:var(--blur,none) center / cover no-repeat;filter:blur(16px);transition:opacity var(--t-slow) var(--ease);position:absolute;inset:0;transform:scale(1.1)}.media-blur picture{display:contents}.media-blur img{object-fit:cover;width:100%;height:100%;transition:opacity .4s var(--ease);display:block;position:relative}.media-blur[data-state=pending] img,.media-blur[data-state=loaded]:before{opacity:0}.media-blur-fill{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.media-blur:before,.media-blur img{transition:none}}.media-drop{text-align:center;border:2px dashed var(--border-2);border-radius:var(--r-16);background:var(--card);color:var(--text-2);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);justify-items:center;gap:8px;padding:24px 16px;display:grid;position:relative}.media-drop:hover{border-color:var(--text-3)}.media-drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.media-drop[data-dragging]{border-color:var(--accent);background:var(--accent-soft)}.media-drop[aria-disabled=true]{opacity:.6;cursor:not-allowed}.media-drop .big{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.media-drop b{font-size:var(--fs-16);color:var(--text);font-weight:600}.media-drop small{max-width:32em;color:var(--text-3);font-size:13px;line-height:1.6}.media-drop input[type=file]{opacity:0;cursor:inherit;position:absolute;inset:0}.media-uploads{gap:8px;margin:0;padding:0;list-style:none;display:grid}.media-up{border:1px solid var(--border);border-radius:var(--r-12);background:var(--card);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:8px;display:grid}.media-up .thumb{object-fit:cover;background:var(--card-2);border-radius:8px;width:44px;height:44px}.media-up .body{gap:4px;min-width:0;display:grid}.media-up .name{font-size:var(--fs-14);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.media-up .status{color:var(--text-3);font-size:12px}.media-up[data-status=error]{border-color:color-mix(in oklab, var(--danger) 40%, var(--border))}.media-up[data-status=error] .status{color:var(--danger)}.media-up[data-status=done] .status{color:var(--success)}.media-up .bar{background:var(--card-2);border-radius:2px;height:4px;overflow:hidden}.media-up .bar>span{background:var(--accent);height:100%;transition:width var(--t-mid) var(--ease);display:block}.media-up[data-status=processing] .bar>span{animation:media-pulse 1.2s var(--ease) infinite alternate}.media-up .acts{gap:4px;display:flex}@keyframes media-pulse{0%{opacity:1}to{opacity:.45}}.media-picker{gap:16px;display:grid}.media-picker .head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.media-picker .usage{color:var(--text-3);font-size:13px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}.media-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--r-12);background:var(--card-2);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.media-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-cell[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.media-cell .tick{z-index:1;background:var(--accent);width:24px;height:24px;color:var(--accent-on,#fff);border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.media-cell .badge{z-index:1;color:var(--on-image);background:var(--photo-glass);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600;position:absolute;bottom:6px;left:6px}.media-picker .empty,.media-picker .failed{text-align:center;font-size:var(--fs-14);color:var(--text-3);padding:24px 0}.media-skel{aspect-ratio:1;border-radius:var(--r-12);background:var(--card-2)}