.projects-browser { position: relative; min-width: 0; color: #f5f5f7; }
.projects-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; padding: 12px 0 18px; transition: filter .15s, opacity .15s; }
.projects-tile { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-width: 0; padding: 0; background: none; border: 0; text-align: center; border-radius: 10px; touch-action: pan-y; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; }
.projects-thumbnail, .projects-new-thumbnail { position: relative; display: block; width: 100%; aspect-ratio: 1; overflow: hidden; background: #000; border-radius: 12px; }
.projects-thumbnail img, .projects-options-preview img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.projects-new-thumbnail { display: grid; place-items: center; background: #444448; color: #cacacf; }
.projects-new-thumbnail svg { width: 48px; height: 48px; stroke-width: 1.5; }
.projects-duration { position: absolute; right: 7px; bottom: 7px; padding: 3px 5px; border-radius: 5px; color: #fff; background: #0008; font-size: 11px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.projects-name { display: block; margin-top: 9px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f4f4f6; font-size: 15px; font-weight: 500; line-height: 1.3; }
.projects-date { display: block; margin-top: 3px; color: #aaaab1; font-size: 12px; line-height: 1.3; min-height: 16px; }
.projects-menu-action svg { display: block; width: 28px; height: 28px; flex-shrink: 0; }
.projects-status { margin: 12px 0; color: #c3c3ca; font-size: 13px; line-height: 1.5; }
.projects-status:empty { display: none; }
.projects-options-overlay { position: fixed; z-index: 90; box-sizing: border-box; margin: 0; padding: 0; overflow: hidden; color: #f5f5f7; backdrop-filter:none; -webkit-backdrop-filter:none; }
.projects-options-backdrop { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: #0001; cursor: default; touch-action: none; }
.projects-options-panel { position: absolute; box-sizing: border-box; padding: 5px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; touch-action: pan-y; filter: none; }
.projects-options-preview { position: relative; display: block; width: min(136px, 100%); aspect-ratio: 1; margin: 0 auto 12px; overflow: hidden; background: #000; border-radius: 12px; box-shadow: 0 4px 20px #0003; }
.projects-menu-list { overflow: hidden; border-radius: 13px; background: #424247; box-shadow: 0 5px 24px #0004; }
.projects-menu-action { display: flex; align-items: center; gap: 13px; width: 100%; min-height: 52px; padding: 11px 15px; border: 0; border-bottom: 1px solid #ffffff15; border-radius: 0; background: none; color: #fff; font-size: 16px; text-align: left; }
.projects-menu-action:last-child { border-bottom: 0; }
.projects-menu-action.destructive { color: var(--pink); }
.projects-menu-action:focus-visible { outline-offset: -3px; }
.projects-tile:focus-visible { outline-offset: 3px; }

.projects-menu-action[data-project-cmd="save"] { color: var(--pink); }
.projects-menu-action[data-project-cmd="export"] { color: #ffdc46; }

.projects-thumbnail,.projects-new-thumbnail,.projects-options-preview{width:var(--effect-thumbnail-size,86px);max-width:100%;height:var(--effect-thumbnail-size,86px);border-radius:11px}
.projects-duration{font-weight:400}
.projects-tile > :is(.projects-thumbnail,.projects-new-thumbnail){align-self:center}

.inspector-heading:has(>.projects-version:not([hidden])){display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:6px}
.projects-version{justify-self:center;color:#aaaab1;font-size:12px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}