.import-dialog{width:min(850px,94vw);padding:32px 36px;background:linear-gradient(140deg,#303032f5,#1c1c1ffb);border-radius:26px}
.import-header{padding-right:38px}.import-header h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.import-header>p:last-child{font-size:13px;color:#aaaab1;margin:0}
.import-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:32px;margin-top:28px}.import-dialog fieldset{border:0;margin:0;padding:0;min-width:0}.import-methods legend{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#939399;margin-bottom:12px}
.import-methods label{display:block;position:relative;margin-bottom:8px;cursor:pointer}.import-methods input{position:absolute;opacity:0;width:1px;height:1px}.import-methods label>span{display:grid;grid-template-columns:27px 1fr;column-gap:10px;padding:16px 12px;border:1px solid transparent;border-radius:13px;background:#ffffff03;color:#bbbbc2;transition:background .16s}.import-methods svg{width:21px;height:21px;grid-row:span 2;align-self:center}.import-methods strong{font-size:13px;font-weight:550}.import-methods small{font-size:10px;margin-top:5px;color:#919198;line-height:1.3}.import-methods input:checked+span{background:#ffffff10;border-color:#ffffff29;color:white}.import-methods input:focus-visible+span{outline:2px solid white;outline-offset:3px}
.import-fields{border-left:1px solid #ffffff12;padding-left:30px}.import-fields label{display:block;font-size:12px;color:#dddde1;margin-bottom:9px}.import-fields input{width:100%;height:43px;font-size:13px;padding:10px 12px;color:white;background:#ffffff05;border:1px solid #ffffff20;border-radius:9px;margin-bottom:18px;outline-offset:3px}.import-fields input::placeholder{color:#727279}.import-fields input[type=file]{height:auto;min-height:80px;padding:16px 12px;font-size:11px;border-style:dashed}.import-fields input::file-selector-button{background:#ffffff12;border:0;border-radius:6px;padding:8px;color:white;margin-right:8px;cursor:pointer}.import-help,.import-session{font-size:11px;color:#9999a1;line-height:1.6;margin:-6px 0 18px}.import-session{font-size:10px;color:#85858f;margin:20px 0 17px}.import-fields .primary{width:100%;justify-content:space-between;padding:13px 15px;border-radius:10px;font-size:13px}.import-fields .primary:disabled{opacity:.5;cursor:wait}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:8px;top:5px;font-size:10px;color:#aaaab1;padding:9px 4px}.portal-info{border-top:1px solid #ffffff12;margin-top:26px;padding-top:17px;font-size:11px;color:#9b9ba3}.portal-info summary{cursor:pointer;padding:3px}.portal-info p{line-height:1.7;max-width:640px;margin-bottom:0}#import-status{font-size:12px;line-height:1.6;background:#ffffff08;padding:12px;border-radius:8px;color:#d3d3d9;overflow-wrap:anywhere}#import-status.error{color:#ffb4ae;background:#ff8d780c}.reconnect-list{font-size:12px;color:#bebec5;padding:9px 5px;margin:-6px 0 14px;display:block}
.channel-label strong,.channel-logo{overflow-wrap:anywhere}
@media(max-width:650px){.import-dialog{padding:26px 22px}.import-header h2{font-size:25px}.import-layout{grid-template-columns:1fr;gap:20px}.import-methods{display:grid;grid-template-columns:1fr 1fr;gap:6px}.import-methods label{margin:0}.import-methods label>span{padding:12px 8px;grid-template-columns:20px 1fr;gap:7px}.import-methods strong{font-size:11px}.import-methods small{font-size:9px}.import-methods svg{width:18px}.import-fields{border-left:0;border-top:1px solid #ffffff12;padding:20px 0 0}.import-session{margin-top:5px}}
.web-pair-shortcut{margin-top:20px;padding:12px 14px;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;font-size:12px;width:100%;justify-content:space-between;color:#d6d6db}.web-pair-shortcut svg{width:15px;height:15px}.web-pair-dialog{width:min(600px,92vw)}#pair-web-address{font-size:15px;overflow-wrap:anywhere;color:#ddd}#pair-code{font-size:42px;letter-spacing:5px;font-weight:600;background:#ffffff08;border-radius:12px;text-align:center;padding:23px 10px;margin:22px 0}#pair-note,#pair-sync-status,#pair-linked{font-size:12px;line-height:1.6;color:#aaaab3}#pair-approval{border:1px solid #ffffff30;background:#ffffff08;padding:18px;border-radius:12px;margin:20px 0}#pair-approval>strong{font-size:15px}#pair-approval p{font-size:12px;line-height:1.5}#pair-approval b{font-size:21px;display:block;margin:10px 0}#pair-approval>div,.pair-actions{display:flex;gap:10px}.pair-actions{margin:20px 0}.pair-actions button{font-size:12px}.web-pair-dialog .form-hint{margin:18px 0 0}
/* Profil rengi */
.import-dialog .profile-color-field{margin:-4px 0 20px}.profile-color-field legend{font-size:12px;color:#dddde1;margin-bottom:10px}
.profile-color-options{display:flex;gap:12px}.profile-color{position:relative;cursor:pointer;margin:0!important}.profile-color input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.profile-color span{display:block;width:30px;height:30px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 1px #ffffff40;transition:transform .16s}
.profile-color input:checked+span{box-shadow:0 0 0 3px #1d1d20,0 0 0 5px var(--swatch)}.profile-color input:focus-visible+span{transform:scale(1.18)}
.remove-list{color:#ffb4ae!important}
/* Liste yükleme ekranı */
.import-loader{width:min(520px,92vw);padding:44px 44px 36px;text-align:center;background:linear-gradient(150deg,#2f2f32f7,#1b1b1efc);border-radius:28px}
.import-loader::backdrop{background:#0b0b0dd9;backdrop-filter:blur(18px)}
.import-loader-mark{position:relative;width:76px;height:76px;margin:0 auto 22px}
.import-loader-ring{position:absolute;inset:0;border-radius:50%;border:3px solid #ffffff14;border-top-color:#B5FF5B;animation:import-spin 1s cubic-bezier(.6,.1,.4,.9) infinite}
.import-loader-mark svg{position:absolute;inset:18px;width:40px;height:40px;stroke-width:2.4;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.3,1.5,.5,1)}
.import-loader[data-state=success] .import-loader-ring{animation:none;border-color:#B5FF5B;background:#B5FF5B1a}
.import-loader[data-state=success] .import-loader-done{opacity:1;transform:none;color:#B5FF5B}
.import-loader[data-state=error] .import-loader-ring{animation:none;border-color:#ff8d78;background:#ff8d7814}
.import-loader[data-state=error] .import-loader-fail{opacity:1;transform:none;color:#ffb4ae}
.import-loader .eyebrow{margin:0 0 8px}.import-loader h2{font-size:28px;letter-spacing:-.8px;margin:0}
.import-loader-detail{font-size:14px;line-height:1.6;color:#c9c9cf;margin:12px auto 0;max-width:400px;min-height:0;overflow-wrap:anywhere}.import-loader-detail:empty{display:none}
.import-loader[data-state=error] .import-loader-detail{color:#ffc9c2}
.import-loader-bar{height:4px;border-radius:2px;background:#ffffff12;margin:26px 0 22px;overflow:hidden}.import-loader-bar span{display:block;height:100%;width:0;border-radius:inherit;background:#B5FF5B;transition:width .5s ease}
.import-loader[data-state=error] .import-loader-bar span{background:#ff8d78}
.import-loader-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;text-align:left;max-width:330px;margin:0 auto}
.import-loader-steps li{display:flex;align-items:center;gap:12px;font-size:14px;color:#77777f;transition:color .2s}
.import-loader-steps li.is-active{color:white}.import-loader-steps li.is-done{color:#b4b4bc}
.import-loader-steps small{color:#9a9aa2;font-size:12px;margin-left:4px}
.import-step-dot{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid #ffffff26}
.import-step-dot svg{width:12px;height:12px;stroke-width:3;color:#B5FF5B}
.is-active .import-step-dot{border-color:#B5FF5B;border-top-color:transparent;animation:import-spin .9s linear infinite}
.is-done .import-step-dot{border-color:#B5FF5B66}
.import-loader[data-state=success] .import-loader-steps,.import-loader[data-state=error] .import-loader-steps{display:none}
.import-loader[data-state=success] .import-loader-bar{margin-bottom:0}
.import-loader-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.import-loader-actions button{min-width:150px;justify-content:center;font-size:14px}
.import-loader[data-state=success] .import-loader-actions{margin-top:24px}
@keyframes import-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.import-loader-ring,.is-active .import-step-dot{animation-duration:2.4s}}
.playlist-profile.is-new .playlist-profile-art::after{content:'Yeni';position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-size:12px;font-weight:600;color:#111;background:#B5FF5B;border-radius:20px;padding:3px 10px}
@media(min-width:1700px){.import-loader{width:600px;padding:56px 56px 44px}.import-loader h2{font-size:34px}.import-loader-detail,.import-loader-steps li{font-size:16px}}
.playlist-library .reconnect-list{display:inline-block;margin-right:22px}