deck-import{--import-width:72rem;display:block;width:100%;padding:2rem 3rem 4rem 3rem}deck-import .import-panel{display:block;width:100%;max-width:var(--import-width);margin:0 auto}deck-import header{display:block;width:100%;margin-bottom:2rem}deck-import header h1{color:var(--grey-100);font-size:var(--font-2xl);font-weight:var(--font-medium);line-height:1.2}deck-import header p{color:var(--grey-400);font-size:var(--font-sm);line-height:1.5;margin-top:.5rem}deck-import a{color:var(--yellow-300);text-decoration:underline;text-underline-offset:2px}deck-import a:focus-visible,deck-import a:hover{color:var(--yellow-400)}deck-import .field{display:block;width:100%;margin-bottom:1.5rem}deck-import .field label{display:block;color:var(--grey-300);font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:.5rem}deck-import .field .hint{display:block;color:var(--grey-500);font-size:var(--font-xs);margin-top:.5rem}deck-import .select{position:relative;display:block;width:100%}deck-import .select select{appearance:none;width:100%;height:40px;padding:0 2.5rem 0 .75rem;border-radius:.5rem;background-color:var(--grey-800);border:1px solid var(--grey-700);color:var(--grey-100);font-size:var(--font-sm)}deck-import .select select:focus-visible{border-color:var(--grey-500)}deck-import .select svg{width:18px;height:18px;position:absolute;top:50%;right:.75rem;transform:translateY(-50%);color:var(--grey-500);pointer-events:none}deck-import input[type=text],deck-import textarea{width:100%;border-radius:.5rem;background-color:var(--grey-800);border:1px solid var(--grey-700);color:var(--grey-100);font-size:var(--font-sm);padding:.625rem .75rem}deck-import input[type=text]::placeholder,deck-import textarea::placeholder{color:var(--grey-500)}deck-import input[type=text]:focus-visible,deck-import textarea:focus-visible{border-color:var(--grey-500)}deck-import textarea{font-family:monospace;line-height:1.5;resize:vertical}deck-import input[type=file]{color:var(--grey-400);font-size:var(--font-sm)}deck-import input[type=file]::file-selector-button{margin-right:.75rem;padding:.5rem .875rem;border-radius:.5rem;border:1px solid var(--grey-700);background-color:var(--grey-800);color:var(--grey-200);font-size:var(--font-sm);cursor:pointer}deck-import input[type=file]::file-selector-button:hover{background-color:var(--grey-700)}deck-import .instructions{display:grid;grid-template-columns:1.5rem 1fr;gap:.75rem .75rem;align-items:start;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:.75rem;background-color:hsl(var(--grey-900-hsl)/.6);border:1px solid var(--grey-800)}deck-import .instructions .step{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--grey-800);color:var(--grey-300);font-size:var(--font-xs);font-weight:var(--font-medium)}deck-import .instructions p{color:var(--grey-400);font-size:var(--font-sm);line-height:1.5}deck-import .instructions p strong{color:var(--grey-200);font-weight:var(--font-medium)}deck-import .summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}deck-import .summary>div{padding:1rem;border-radius:.75rem;background-color:var(--grey-900);text-align:center}deck-import .summary .count{display:block;color:var(--grey-100);font-size:var(--font-2xl);font-weight:var(--font-medium);line-height:1.2}deck-import .summary .count.-warn{color:var(--yellow-400)}deck-import .summary .label{display:block;color:var(--grey-400);font-size:var(--font-sm);margin-top:.25rem}deck-import .notes{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;margin-bottom:1.5rem;border-radius:.5rem;background-color:hsl(var(--yellow-400-hsl)/.08);border:1px solid hsl(var(--yellow-400-hsl)/.35)}deck-import .notes>svg{width:20px;height:20px;flex-shrink:0;color:var(--yellow-400)}deck-import .notes .messages{min-width:0}deck-import .notes p{color:var(--yellow-200);font-size:var(--font-sm);line-height:1.5}deck-import .notes p+p{margin-top:.5rem}deck-import .command-zone{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;padding:1.25rem;margin-bottom:1.5rem;border-radius:.75rem;background-color:hsl(var(--grey-900-hsl)/.6);border:1px solid var(--grey-800)}deck-import .command-zone .field{margin-bottom:0}deck-import .command-zone .select{max-width:none}deck-import .command-zone>.hint{grid-column:1/-1;text-align:center;color:var(--grey-300);font-size:var(--font-xs)}deck-import .lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.5rem;margin-bottom:2rem}deck-import .lists section{border-radius:.75rem;background-color:var(--grey-900);padding:1.25rem;min-width:0}deck-import .lists h2{display:flex;align-items:center;gap:.5rem;color:var(--grey-200);font-size:var(--font-base);font-weight:var(--font-medium);margin-bottom:.75rem}deck-import .lists h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;border-radius:.75rem;background-color:var(--grey-800);color:var(--grey-400);font-size:var(--font-xs)}deck-import .lists ul{list-style:none;margin:0;padding:0;max-height:30rem;overflow-y:auto}deck-import .lists li{display:flex;align-items:center;gap:.625rem;padding:.375rem 0;border-bottom:1px solid hsl(var(--grey-800-hsl)/.6);font-size:var(--font-sm);color:var(--grey-300)}deck-import .lists li:last-child{border-bottom:none}deck-import .lists .placeholder,deck-import .lists card-preview{display:block;width:30px;aspect-ratio:19/27;border-radius:4%;background-color:var(--grey-800);flex-shrink:0}deck-import .lists card-preview{cursor:zoom-in}deck-import .lists card-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4%}deck-import .lists .qty{color:var(--grey-500);font-variant-numeric:tabular-nums;flex-shrink:0}deck-import .lists .qty::after{content:"x"}deck-import .lists .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}deck-import .lists .tag{flex-shrink:0;padding:0 .5rem;height:20px;line-height:20px;border-radius:10px;background-color:var(--grey-800);color:var(--grey-400);font-size:var(--font-xs)}deck-import .lists .tag.-commander{background-color:hsl(var(--yellow-400-hsl)/.1);color:var(--yellow-400)}deck-import .lists .missing-copy{margin-top:.75rem;max-width:none;font-size:var(--font-xs)}deck-import .lists .empty{color:var(--grey-500);font-size:var(--font-sm)}deck-import .lists .hint{display:block;color:var(--grey-500);font-size:var(--font-xs);margin-top:.5rem}deck-import .actions{display:flex;align-items:center;gap:.75rem}deck-import .bttn{height:36px;padding:0 1.25rem;transition:filter 150ms var(--ease-in-out)}deck-import .bttn:focus-visible,deck-import .bttn:hover{filter:brightness(.92)}deck-import .bttn.-yellow,deck-import .bttn.-yellow:focus-visible,deck-import .bttn.-yellow:hover{background-color:var(--yellow-400);border-color:var(--yellow-400);color:var(--grey-900)}deck-import .bttn.-green,deck-import .bttn.-green:focus-visible,deck-import .bttn.-green:hover{background-color:var(--green-400);border-color:var(--green-400);color:var(--grey-900)}deck-import .bttn.-grey,deck-import .bttn.-grey:focus-visible,deck-import .bttn.-grey:hover{background-color:var(--grey-700);border-color:var(--grey-700);color:var(--grey-100)}