.artist-import-trigger{gap:.5rem;white-space:nowrap}.artist-import-dialog{max-width:none;width:min(1240px,calc(100% - 32px));height:min(900px,calc(100dvh - 32px));max-height:none;padding:0;overflow:hidden;color:var(--ms-ink);background:var(--ms-room);border:1px solid var(--ms-line-2);border-radius:var(--tl-r-surface)}.artist-import-dialog[open]{display:flex;flex-direction:column;outline:none}.artist-import-dialog::backdrop{background:rgb(0 0 0/75%)}.artist-import-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 18px;border-bottom:1px solid var(--ms-line)}.artist-import-header h2{margin:0;font:650 1.7rem/1.1 var(--ms-display)}.artist-import-header p{margin:.2rem 0 0;color:var(--ms-mute);font-size:.82rem}.artist-import-body{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.artist-import-main{min-height:0;overflow-y:auto;padding:14px 18px 22px;border-right:1px solid var(--ms-line)}.artist-import-side{display:flex;flex-direction:column;gap:1.1rem;min-height:0;overflow-y:auto;padding:14px 16px 18px;background:var(--ms-surface)}.artist-import-side h3{margin:0 0 .5rem;color:var(--ms-ink);font:700 .82rem var(--ms-ui)}.artist-import-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .9rem}.artist-import-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--tl-edge);border-radius:var(--tl-r-control);background:var(--tl-layer)}.artist-import-seg>span{padding:0 .45rem 0 .35rem;color:var(--ms-faint);font:600 .72rem var(--ms-ui)}.artist-import-seg button{align-self:auto;min-height:30px;padding:.3rem .7rem;border:0;border-radius:calc(var(--tl-r-control) - 2px);background:none;color:var(--ms-mute);font:650 .76rem var(--ms-ui);cursor:pointer}.artist-import-seg button:hover{color:var(--ms-ink)}.artist-import-seg button[aria-pressed=true]{background:var(--ms-gold);color:#1d1608}.artist-import-seg button:focus-visible{outline:2px solid var(--ms-gold);outline-offset:2px}.artist-import-switch{display:inline-flex;align-items:center;gap:.5rem;color:var(--ms-ink);font:600 .8rem var(--ms-ui);cursor:pointer}.artist-import-switch input{width:1rem;height:1rem;accent-color:var(--ms-gold)}.artist-import-count{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem;margin:.8rem 0 .9rem;padding:.55rem .75rem;border:1px solid var(--ms-line);border-radius:var(--tl-r-control);background:var(--ms-surface);color:var(--ms-mute);font-size:.82rem}.artist-import-count b{color:var(--ms-gold);font-size:.95rem}.artist-import-count .is-warn{color:var(--ms-rose)}.artist-import-hint{margin-left:auto;color:var(--ms-faint);font-size:.74rem}.artist-import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 10px}.artist-import-card{display:block;min-width:0;padding:0;border:0;background:none;color:var(--ms-ink);text-align:left;cursor:pointer}.artist-import-card:is(:hover,:focus,:active,:disabled),.artist-import-card[aria-pressed]{min-height:0;padding:0;border:0;background:none;color:var(--ms-ink);filter:none;box-shadow:none;opacity:1}.artist-import-seg button:is(:hover,:focus,:active){filter:none;box-shadow:none}.artist-import-seg button:hover:not([aria-pressed=true]){background:var(--tl-layer-hover);color:var(--ms-ink)}.artist-import-seg button[aria-pressed=true]:hover{background:var(--ms-gold);color:#1d1608}.artist-import-toast :is(a,button):is(:hover,:focus,:active){background:none;filter:none;color:var(--ms-gold)}.artist-import-toast .artist-import-toast-close:is(:hover,:focus){color:var(--ms-ink)}.artist-import-card:disabled{cursor:default}.artist-import-card b{margin-top:.45rem;font:650 .76rem var(--ms-ui)}.artist-import-card b,.artist-import-card small{display:block;padding-inline:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-import-card small{color:var(--ms-faint);font:.66rem var(--ms-data)}.artist-import-pocket{position:relative;display:block;aspect-ratio:63/88;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(255,255,255,.03);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.artist-import-pocket :is(img,.image-placeholder,.artist-import-placeholder){display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}.artist-import-placeholder{background:linear-gradient(160deg,var(--ms-raised),var(--ms-surface))}.artist-import-card.is-on .artist-import-pocket{border-color:color-mix(in srgb,var(--ms-gold) 85%,transparent);background:color-mix(in srgb,var(--ms-gold) 10%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ms-gold) 35%,transparent),0 6px 16px rgba(0,0,0,.45)}.artist-import-card.is-on .artist-import-pocket:before{content:"";position:absolute;z-index:2;inset:2px;border:1px dotted color-mix(in srgb,var(--ms-gold) 75%,white);border-radius:4px;pointer-events:none}.artist-import-card.is-on .artist-import-pocket:after{content:"";position:absolute;z-index:3;inset:0;border-radius:6px;background:var(--ms-glare);pointer-events:none}.artist-import-card.is-off .artist-import-pocket :is(img,.image-placeholder){filter:grayscale(.85) brightness(.42)}.artist-import-card.is-in .artist-import-pocket{border-style:dashed;border-color:var(--ms-line-2)}.artist-import-card.is-in .artist-import-pocket :is(img,.image-placeholder){filter:grayscale(1) brightness(.3)}.artist-import-card:is(.is-in,.is-off) b{color:var(--ms-mute)}.artist-import-card:hover:not(:disabled) .artist-import-pocket{border-color:var(--ms-gold)}.artist-import-card:focus-visible{outline:none}.artist-import-card:focus-visible .artist-import-pocket{outline:2px solid var(--ms-gold);outline-offset:3px}.artist-import-tag{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:3px 6px;overflow:hidden;border:1px solid;border-radius:var(--tl-r-tag);background:#151518;font:700 .66rem/1.2 var(--ms-ui);text-overflow:ellipsis;white-space:nowrap;box-shadow:0 2px 5px #0009}.artist-import-tag.pick{top:9px;right:7px;color:#f0cd8c;border-color:var(--ms-gold);background:#231c0e;transform:rotate(3deg)}.artist-import-tag.skip{top:9px;right:7px;color:var(--ms-mute);border-style:dashed;transform:rotate(-2deg)}.artist-import-tag.owned{left:7px;bottom:9px;color:var(--ms-jade);font-weight:650;transform:rotate(-2deg)}.artist-import-tag.owned:before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:currentColor}.artist-import-tag.here{top:50%;left:50%;color:var(--ms-ink);border-color:var(--ms-line-2);transform:translate(-50%,-50%)}.artist-import-empty,.artist-import-more{margin:1rem 0 0;color:var(--ms-faint);font-size:.8rem;text-align:center}.artist-import-binder{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem;border:1px solid color-mix(in srgb,var(--ms-gold) 60%,var(--ms-line-2));border-radius:var(--tl-r-control);background:color-mix(in srgb,var(--ms-gold) 7%,transparent)}.artist-import-binder label{display:grid;gap:.2rem;min-width:0}.artist-import-binder select{width:100%;min-height:2.2rem;padding:.3rem .5rem;font:400 1rem var(--ms-display);text-transform:uppercase}.artist-import-binder small{color:var(--ms-mute);font:.7rem var(--ms-data)}.artist-import-cover{position:relative;height:56px;overflow:hidden;border-radius:5px;background-color:var(--binder-cover,var(--ms-cover));background-image:var(--binder-texture,var(--ms-noise));background-size:var(--binder-texture-size,160px);background-blend-mode:var(--binder-texture-blend,normal)}.artist-import-cover:before{content:"";position:absolute;inset:2px 2px 2px 10px;border:1px dashed var(--binder-seam,var(--ms-line-2));border-radius:2px}.artist-import-cover:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:5px;background:var(--binder-spine,var(--ms-spine))}.artist-import-radios{display:grid;gap:.4rem}.artist-import-radios label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start;padding:.5rem .6rem;border:1px solid var(--ms-line);border-radius:var(--tl-r-control);cursor:pointer}.artist-import-radios label.is-on{border-color:color-mix(in srgb,var(--ms-gold) 60%,transparent)}.artist-import-radios input{margin:.15rem 0 0;accent-color:var(--ms-gold)}.artist-import-radios b{display:block;font:650 .8rem var(--ms-ui)}.artist-import-radios small{color:var(--ms-mute);font-size:.72rem}.artist-import-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.artist-import-page{display:grid;gap:.25rem;color:var(--ms-mute);font:.68rem var(--ms-data);text-align:center}.artist-import-sheet{display:grid;grid-template-columns:repeat(var(--import-cols),minmax(0,1fr));gap:2px;padding:3px;border:1px solid var(--ms-line-2);border-radius:3px;background:var(--ms-binder-page)}.artist-import-sheet i{display:block;aspect-ratio:63/88;overflow:hidden;border-radius:1px;background:rgba(255,255,255,.05)}.artist-import-sheet i.old{background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,rgba(255,255,255,.04) 2px 4px)}.artist-import-sheet i.new{outline:1px solid var(--ms-gold);outline-offset:-1px;background:color-mix(in srgb,var(--ms-gold) 18%,transparent)}.artist-import-sheet img{display:block;width:100%;height:100%;object-fit:cover}.artist-import-legend{display:flex;gap:.8rem;margin:.45rem 0 0;color:var(--ms-faint);font-size:.68rem}.artist-import-legend span:before{content:"";display:inline-block;width:8px;height:11px;margin-right:4px;vertical-align:-2px;border-radius:1px}.artist-import-legend .old:before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 2px,rgba(255,255,255,.05) 2px 4px)}.artist-import-legend .new:before{outline:1px solid var(--ms-gold);background:color-mix(in srgb,var(--ms-gold) 18%,transparent)}.artist-import-summary{margin:.45rem 0 0;color:var(--ms-mute);font-size:.78rem;line-height:1.45}.artist-import-summary b{color:var(--ms-ink)}.artist-import-submit{margin-top:auto;display:grid;gap:.45rem}#main .artist-import-submit .button{width:100%;justify-content:center;gap:.5rem;min-height:46px}.artist-import-fine{color:var(--ms-faint);font-size:.72rem}.artist-import-fine,.artist-import-submit .form-result{margin:0;text-align:center}.artist-import-options>summary{display:none}.artist-import-options>section+section{margin-top:1.1rem}.artist-import-options>summary+section{margin-top:.7rem}.artist-import-toast{font:14px/1.35 var(--ms-ui);position:fixed;z-index:60;right:20px;bottom:20px;display:flex;align-items:center;gap:.9rem;max-width:min(560px,calc(100vw - 32px));padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--ms-jade) 45%,transparent);border-radius:var(--tl-r-surface);background:color-mix(in srgb,var(--ms-jade) 8%,var(--ms-surface));box-shadow:0 16px 40px rgba(0,0,0,.45)}.artist-import-toast.is-error{border-color:color-mix(in srgb,var(--ms-rose) 55%,transparent);background:color-mix(in srgb,var(--ms-rose) 8%,var(--ms-surface))}.artist-import-toast-mark{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--ms-jade);color:#0d1f14;font-weight:900}.artist-import-toast.is-error .artist-import-toast-mark{background:var(--ms-rose)}.artist-import-toast b{display:block;font-size:.86rem}.artist-import-toast small{color:var(--ms-mute);font-size:.76rem}.artist-import-toast a,.artist-import-toast button{flex:none;padding:0;border:0;background:none;color:var(--ms-gold);font:700 .8rem var(--ms-ui);text-decoration:underline;cursor:pointer}.artist-import-toast .artist-import-toast-close{color:var(--ms-mute);font-size:1.1rem;text-decoration:none}@media (max-width:860px){.artist-import-dialog{width:100%;height:100dvh;margin:0;border:0;border-radius:0}.artist-import-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.artist-import-main{border-right:0}.artist-import-side{gap:.7rem;max-height:60dvh;padding:10px 14px 12px;border-top:1px solid var(--ms-line)}.artist-import-options>summary{display:list-item;color:var(--ms-gold);font:700 .8rem var(--ms-ui);cursor:pointer}.artist-import-header{padding:10px 14px}.artist-import-header h2{font-size:1.35rem}.artist-import-header p{display:none}.artist-import-main{padding:10px 12px 16px}.artist-import-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.artist-import-hint{margin-left:0;flex-basis:100%}}@media (max-width:560px){.artist-import-toast{right:16px;left:16px;bottom:max(16px,env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:.5rem .9rem;max-width:none}.artist-import-toast>div{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 70px);min-width:0}.artist-import-toast>:is(a,button:not(.artist-import-toast-close)){order:3}.artist-import-toast-close{order:2}}