.add-to-playlist-modal .atp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.add-to-playlist-modal .atp-grid{grid-template-columns:1fr 1fr;align-content:start;gap:12px;padding-top:2px;display:grid}.add-to-playlist-modal .atp-tile{border:2px solid var(--border);border-radius:var(--r-xl);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);background:0 0;flex-direction:column;align-items:stretch;padding:8px;display:flex;position:relative}.add-to-playlist-modal .atp-tile:hover:not(:disabled){background:var(--bg-hover)}.add-to-playlist-modal .atp-tile:active:not(:disabled){transform:scale(.98)}.add-to-playlist-modal .atp-tile:disabled{cursor:default}.add-to-playlist-modal .atp-tile:disabled:not(.loading):not(.is-on){opacity:.6}.add-to-playlist-modal .atp-tile.is-on{border-color:var(--cyan);background:color-mix(in srgb, var(--cyan) 12%, transparent)}.add-to-playlist-modal .atp-tile.is-skeleton{cursor:default;min-height:150px}.add-to-playlist-modal .atp-tile__cover{aspect-ratio:2;border-radius:var(--r-md);background:linear-gradient(135deg, var(--avatar), var(--surface-2));color:var(--text);place-items:center;display:grid;position:relative;overflow:hidden}.add-to-playlist-modal .atp-tile__cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.is-skeleton .add-to-playlist-modal .atp-tile__cover{background:repeating-linear-gradient(135deg, var(--thumb-a) 0 8px, var(--thumb-b) 8px 16px)}.add-to-playlist-modal .atp-tile__icon{display:none}.add-to-playlist-modal .atp-tile__name{letter-spacing:0;text-transform:none;white-space:nowrap;text-overflow:ellipsis;padding:8px 4px 2px;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden}.add-to-playlist-modal .atp-tile__meta{letter-spacing:0;text-transform:none;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;padding:0 4px 4px;font-size:12px;font-weight:400;line-height:1.4;display:flex;overflow:hidden}.add-to-playlist-modal .atp-tile__check{background:var(--cyan);width:28px;height:28px;color:var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.add-to-playlist-modal .atp-tile__spin{color:var(--cyan);position:absolute;top:18px;right:18px}.add-to-playlist-modal .atp-new{border:2px dashed var(--border);border-radius:var(--r-xl);min-height:120px;color:var(--muted);letter-spacing:0;text-transform:none;cursor:pointer;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;line-height:1.4;display:flex}.add-to-playlist-modal .atp-new:hover{color:var(--text);border-color:var(--muted)}.add-to-playlist-modal .atp-empty-note{letter-spacing:0;text-transform:none;color:var(--muted);grid-column:1/-1;margin:0;font-size:12px;font-weight:400;line-height:1.4}.add-to-playlist-modal .atp-loading{letter-spacing:0;text-transform:none;min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:400;line-height:1.4;display:flex}.add-to-playlist-modal .atp-loading .material-symbols-rounded{color:var(--cyan)}.add-to-playlist-modal .atp-back{margin-left:-6px}.add-to-playlist-modal .atp-create{flex-direction:column;gap:14px;display:flex}.add-to-playlist-modal .atp-create__name{font-size:16px;font-weight:700}.add-to-playlist-modal .atp-types{grid-template-columns:1fr 1fr;gap:10px;display:grid}.add-to-playlist-modal .atp-type{border:2px solid var(--border);border-radius:var(--r-xl);min-height:110px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:0 0;flex-direction:column;align-items:flex-start;padding:14px;display:flex}.add-to-playlist-modal .atp-type .material-symbols-rounded{color:var(--muted)}.add-to-playlist-modal .atp-type b{letter-spacing:0;text-transform:none;margin-top:auto;font-size:14px;font-weight:700;line-height:1.4}.add-to-playlist-modal .atp-type span:last-child{letter-spacing:0;text-transform:none;color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;line-height:1.4}.add-to-playlist-modal .atp-type:hover:not(:disabled){background:var(--bg-hover)}.add-to-playlist-modal .atp-type.is-on{border-color:var(--accent);background:var(--accent-tint-strong)}.add-to-playlist-modal .atp-type.is-on .material-symbols-rounded{color:var(--accent)}.add-to-playlist-modal .atp-type:disabled{opacity:.45;cursor:not-allowed}.add-to-playlist-modal .atp-privacy{border-radius:var(--r-lg);gap:6px;padding:4px}.add-to-playlist-modal .atp-privacy .v2-seg__opt{gap:4px}.add-to-playlist-modal .tags-input-wrap{border-radius:var(--r-md);background:var(--bg);border:2px solid #0000;flex-wrap:wrap;align-items:center;gap:4px;min-height:40px;padding:4px 8px;display:flex}.add-to-playlist-modal .tags-input-wrap:focus-within{border-color:var(--accent)}.add-to-playlist-modal .tags-input-wrap input{min-width:120px;height:28px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.add-to-playlist-modal .tags-input-wrap input::placeholder{color:var(--muted)}.add-to-playlist-modal .tag-chip{border-radius:var(--r-sm);background:var(--surface-2);height:24px;color:var(--text);letter-spacing:0;text-transform:none;align-items:center;gap:2px;padding:0 4px 0 8px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.add-to-playlist-modal .tag-chip button{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.add-to-playlist-modal .tag-chip button:hover{color:var(--text);background:var(--bg-hover)}@media (width<=767px){.add-to-playlist-modal .atp-grid{gap:10px}.add-to-playlist-modal .atp-tile{background:var(--surface-2);border:0;gap:8px;min-height:92px;padding:14px}.add-to-playlist-modal .atp-tile.is-on{background:color-mix(in srgb, var(--cyan) 12%, transparent);color:var(--cyan)}.add-to-playlist-modal .atp-tile.is-on .atp-tile__meta{color:var(--cyan)}.add-to-playlist-modal .atp-tile__cover{display:none}.add-to-playlist-modal .atp-tile__icon{display:block}.add-to-playlist-modal .atp-tile__name{margin-top:auto;padding:0}.add-to-playlist-modal .atp-tile__meta{display:none}.add-to-playlist-modal .atp-tile__check{width:24px;height:24px;top:10px;right:10px}.add-to-playlist-modal .atp-new{background:var(--surface-2);min-height:92px;color:var(--text);border:0;justify-content:space-between;align-items:flex-start;padding:14px}.add-to-playlist-modal .atp-loading{min-height:92px}}