.po-file{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--q-space-3);margin:0;min-width:0}.po-file__name{min-width:0;color:var(--q-fg);font-weight:600;overflow-wrap:anywhere}.po-help{margin:0;color:var(--q-fg-2);font-size:var(--q-text-sm)}.po-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--q-space-3);margin:0;padding:0;list-style:none}@media(max-width:420px){.po-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.po-item{position:relative;display:grid;gap:var(--q-space-2);min-width:0;padding:var(--q-space-2);border:1px solid var(--q-line-2);border-radius:var(--q-radius-sm);background:var(--q-surface);cursor:grab}.po-item.is-over{border-color:var(--q-brand);box-shadow:var(--q-ring)}.po-item.is-deleted{border-color:var(--q-danger);background:var(--q-danger-soft)}.po-item.is-deleted .po-item__thumb{opacity:.45}.po-item__badge{position:absolute;top:var(--q-space-2);left:var(--q-space-2);z-index:1;padding:2px var(--q-space-2);border-radius:var(--q-radius-sm);background:var(--q-danger);color:var(--q-on-brand);font-size:var(--q-text-xs);font-weight:700}.po-item__thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 4;overflow:hidden;border:1px solid var(--q-line);background:var(--q-surface-2)}.po-item__thumb canvas{display:block;max-width:100%;max-height:100%;height:auto}.po-item__foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--q-space-2);min-width:0}.po-item__pos{font-family:var(--q-font-mono);font-size:var(--q-text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--q-fg)}.po-item__orig{min-width:0;color:var(--q-fg-3);font-size:var(--q-text-xs);overflow-wrap:anywhere}.po-item__actions{display:flex;align-items:center;gap:2px}.po-item__move:disabled{opacity:.4;cursor:not-allowed}.po-item__move:disabled:hover{background:transparent}.po-item__move--back .q-icon{transform:rotate(180deg)}.po-item__toggle{margin-left:auto}