.import-export-workbench{position:relative;display:grid;gap:var(--space-6)}.import-export-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.import-export-hero h1{max-width:820px;margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02}.import-export-hero p:not(.eyebrow){max-width:720px;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:1.7}.backup-action-row,.import-export-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.import-export-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:var(--space-5);align-items:start}.backup-card,.export-card,.import-card{display:grid;gap:var(--space-5);padding:var(--space-5)}.import-card{grid-row:span 2}.panel-heading{display:grid;gap:var(--space-3)}.panel-heading h2{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-xl)}.drop-zone{display:grid;place-items:center;gap:var(--space-2);min-height:180px;border:1px dashed color-mix(in srgb,var(--color-accent) 48%,rgba(255,255,255,.2));border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 13%,transparent),transparent),rgba(255,255,255,.06);color:var(--color-text);padding:var(--space-5);text-align:center;transition:border-color var(--transition-normal),background var(--transition-normal),transform var(--transition-normal)}.drop-zone:focus-visible,.drop-zone:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent) 76%,transparent);background:rgba(255,255,255,.09)}.backup-row span,.drop-zone span,.premium-empty span,.preview-task small{color:var(--color-text-muted)}.import-preview{display:grid;gap:var(--space-4)}.import-preview__meta,.import-warnings{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.import-preview__meta span{min-width:0;overflow:hidden;color:var(--color-text-muted);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap}.import-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.preview-list{display:grid;gap:var(--space-2)}.preview-task{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:54px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);padding:var(--space-2) var(--space-3)}.preview-task,.preview-task>span{display:grid;border-radius:var(--radius-md)}.preview-task>span{place-items:center;width:30px;height:30px;background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent);font-weight:900}.backup-row strong,.preview-task strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-row span,.preview-task small{display:block;margin-top:3px;font-size:var(--font-xs);line-height:1.5}.backup-actions,.export-controls{display:grid;gap:var(--space-4)}.backup-list,.backup-row{display:grid;gap:var(--space-3)}.backup-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:74px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:rgba(255,255,255,.06);padding:var(--space-3)}.backup-row__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.premium-empty{display:grid;place-items:center;gap:var(--space-2);min-height:150px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:rgba(255,255,255,.055);padding:var(--space-5);text-align:center}.premium-empty--compact{min-height:118px}.file-drop-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;gap:var(--space-3);background:rgba(4,9,16,.74);color:var(--color-text);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.file-drop-overlay strong{font-size:var(--font-2xl)}.file-drop-overlay span{color:var(--color-text-muted)}.supported-type,.supported-types{display:grid;gap:var(--space-3)}.supported-type{grid-template-columns:42px minmax(0,1fr);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:rgba(255,255,255,.055);padding:var(--space-3)}.supported-type>span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent)}.supported-type h3{margin:0}.supported-type p{margin:var(--space-1) 0 var(--space-2);color:var(--color-text-muted);line-height:1.5}.supported-type pre{overflow:auto;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:rgba(0,0,0,.24);padding:var(--space-2);color:var(--color-text-soft);font-size:var(--font-xs)}@media (max-width:1040px){.import-export-hero{align-items:flex-start;flex-direction:column}.import-export-hero__actions{justify-content:flex-start}.import-export-grid{grid-template-columns:1fr}.import-card{grid-row:auto}}@media (max-width:640px){.backup-row,.import-settings-grid{grid-template-columns:1fr}.backup-action-row,.backup-row__actions{justify-content:stretch}.backup-action-row .button,.backup-row__actions .button,.import-export-hero__actions .button{width:100%}}