.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;box-sizing:border-box}.modal-content{background-color:var(--color-background);border-radius:8px;max-width:480px;max-height:85vh;margin:0 auto}.compact-import-modal,.modal-content{width:100%;display:flex;flex-direction:column;border:1px solid hsla(0,0%,100%,.1);box-sizing:border-box}.compact-import-modal{max-width:560px;background-color:var(--color-surface);border-radius:8px;padding:14px 16px;box-shadow:0 4px 16px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:8px}.compact-import-modal .ui-action-prompt{width:100%}.compact-import-modal .ui-action-prompt__form{flex:1 1;min-width:0}.compact-import-modal .ui-action-prompt__input{width:100%;min-width:0}.compact-import-modal .ui-inline-button--submit{width:24px;min-width:24px;padding:6px 0;font-size:16px;color:var(--color-text-secondary)}.compact-import-modal .ui-inline-button--dismiss{min-width:18px}.compact-import-desktop-status{padding-left:6px}.compact-import-loading-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px}.compact-import-status{font-size:10px;line-height:1.25;letter-spacing:.35px;padding:0 6px}.compact-import-status.info{color:var(--color-text-secondary)}.compact-import-status.success{color:var(--color-text)}.compact-import-status.error{color:#ff6b6b}@media (min-width:769px){.compact-import-modal{max-width:420px;padding:8px 12px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-header h2{margin:0;color:var(--color-text);font-size:inherit;font-weight:400;font-family:inherit}.modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:24px;font-family:inherit;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}@media (hover:hover){.modal-close:hover{color:var(--color-text)}}.modal-body{padding:20px;flex:1 1;overflow-y:auto;min-height:0}.modal-footer{padding:16px 20px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid hsla(0,0%,100%,.1)}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:var(--color-text-secondary);font-size:14px;font-family:inherit}.modal-input{width:100%;padding:10px 12px;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:2px;color:var(--color-text);font-size:max(16px,1em);font-family:inherit;box-sizing:border-box;-webkit-appearance:none}.modal-input:focus{outline:none;border-color:hsla(0,0%,100%,.3)}.error-message{background-color:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);color:#ff6b6b;padding:12px;border-radius:4px;margin-bottom:16px;font-size:14px;font-family:inherit}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-secondary)}.modal-list{max-height:200px;overflow-y:auto;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;margin-bottom:20px;max-width:100%}.modal-list-item{overflow-x:hidden;display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.05)}.modal-list-item:last-child{border-bottom:none}@media (hover:hover){.modal-list-item:hover{background-color:hsla(0,0%,100%,.05)}}.modal-list-item.selected{background-color:hsla(0,0%,100%,.1)}.modal-list-item.loading{opacity:.6;cursor:default}.modal-list-item.error{opacity:.5;cursor:default}.item-info{flex:1 1;min-width:0}.item-title{color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle{font-size:12px;font-family:inherit;margin-top:2px}.item-meta,.item-subtitle{color:var(--color-text-secondary)}.item-meta{margin-left:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px;font-family:inherit}.add-to-playlist-search{margin-bottom:16px}.add-to-playlist-modal{max-width:380px}.add-to-playlist-search .search-field-shell{margin-top:0}.add-to-playlist-list{max-height:280px;margin-bottom:16px}.add-to-playlist-count{color:var(--color-text-secondary);margin-left:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.35px;white-space:nowrap}.add-to-playlist-create-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.add-to-playlist-create-input{flex:1 1;min-width:0;background:none;border:none;border-bottom:1px solid hsla(0,0%,100%,.18);color:var(--color-text);font-family:var(--font-mono);font-size:max(16px,1em);padding:8px 6px;outline:none;border-radius:0;-webkit-appearance:none}.add-to-playlist-create-input:disabled{opacity:.6}@media (min-width:769px){.add-to-playlist-create-input{font-size:13px}}.item-position{margin-right:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px;min-width:24px}.item-position,.item-remove{color:var(--color-text-secondary);font-family:inherit}.item-remove{background:none;border:none;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-left:8px}@media (hover:hover){.item-remove:hover{color:var(--color-text)}}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section-title{margin:0 0 8px;color:hsla(0,0%,100%,.7);font-size:11px;line-height:1.8;font-weight:400;font-family:inherit}.modal-section-content{max-height:120px;overflow-y:auto;border:1px solid hsla(0,0%,100%,.1);border-radius:4px}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.empty-state p{margin:0 0 8px}.empty-state-hint{font-size:14px;font-family:inherit;opacity:.7}.ui-panel-button{padding:8px 16px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;cursor:pointer;font-size:11px;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.ui-panel-button--secondary{background:rgba(0,0,0,.15);color:var(--color-text);border:1px solid hsla(0,0%,100%,.2)}@media (hover:hover){.ui-panel-button--secondary:hover{color:var(--color-text);border-color:hsla(0,0%,100%,.3)}.ui-panel-button--primary:hover:not(:disabled){background-color:hsla(0,0%,100%,.15)}}.ui-panel-button--primary{background-color:hsla(0,0%,100%,.1);color:var(--color-text)}.ui-panel-button:disabled{opacity:.5;cursor:not-allowed}.section-divider{display:flex;align-items:center;margin:16px 0 12px;text-align:center}.section-divider:after,.section-divider:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.1)}.section-divider span{padding:0 16px;color:var(--color-text-secondary);font-size:12px;font-weight:500;font-family:inherit}.import-status{margin-top:12px;padding:10px 12px;border-radius:4px;font-size:11px;font-family:inherit;display:flex;align-items:center;gap:8px}.import-status.info{background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.5)}.import-status.success{background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6)}.import-status.error{background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,100%,79%,.7)}@media (max-width:768px){.modal-overlay{padding:0}.modal-content{max-width:none;width:100vw;height:100vh;max-height:none;border-radius:0}.compact-import-modal{max-width:none;border-radius:0;min-height:0;padding:8px 12px}.compact-import-status{font-size:10px}.compact-import-modal .ui-action-prompt__input::placeholder{color:transparent}}@media (max-width:768px) and (hover:hover) and (pointer:fine){.add-to-playlist-overlay{padding:16px}.add-to-playlist-modal{width:min(380px,calc(100vw - 32px));max-width:min(380px,calc(100vw - 32px));height:auto;max-height:85vh;border-radius:8px}}.converting-section{border:1px solid var(--color-border);border-radius:8px;margin-top:16px;overflow:hidden;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.converting-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;border-bottom:1px solid var(--color-border);flex-shrink:0}.converting-header h3{margin:0;font-size:11px;color:var(--color-text-muted);font-weight:500;letter-spacing:1px}.converting-chevron{color:var(--color-text-dim);font-size:1rem;transition:transform .3s ease}.converting-chevron.collapsed{transform:rotate(-90deg)}.converting-content{max-height:150px;overflow-y:auto;overflow-y:overlay;transition:max-height .3s ease,opacity .3s ease}.converting-content.collapsed{max-height:0;opacity:0;overflow:hidden}.converting-content.expanded{max-height:150px;opacity:1}.converting-section.collapsed .converting-header{border-bottom:none}.converting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border);max-width:100%}.converting-row:last-child{border-bottom:none}.converting-left{display:flex;align-items:center;min-width:0;flex:1 1}.converting-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2}.converting-artist,.converting-title{color:var(--color-text-muted)}.converting-dot{color:var(--color-text-faint);margin:0 6px}.converting-status{color:var(--color-text-dim);font-size:11px;letter-spacing:1px;flex-shrink:0;line-height:1.2}.converting-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .15s ease;margin-left:8px}@media (hover:hover){.converting-row:hover .converting-actions{opacity:1}.converting-btn:hover{color:var(--color-text-muted)}.delete-btn:hover,.retry-btn:hover{color:var(--color-text)}}.converting-btn{background:none;border:none;color:var(--color-text-dim);cursor:pointer;padding:2px 6px;font-size:13px;transition:color .15s ease;line-height:1}.retry-btn{position:relative;top:-1px}@media (max-width:768px){.converting-section{margin-top:12px;border-radius:6px}.converting-header{height:40px;padding:0 12px}.converting-content,.converting-content.expanded{max-height:120px}.converting-row{padding:10px 12px}}@media (pointer:coarse){.converting-actions{display:none}}