.album{max-width:1080px;padding-bottom:55px}.album #auth{max-width:450px;margin:0 auto}.auth-art{position:relative;height:130px;display:flex;justify-content:center;align-items:center;margin:12px 0 24px}.auth-art span{width:100px;height:100px;border-radius:20px;background:var(--tint);border:5px solid var(--paper);box-shadow:0 8px 18px #1231;display:grid;place-items:center;font-size:40px;color:var(--accent);transform:rotate(-12deg);margin-right:-18px}.auth-art span:nth-child(2){background:#eeddd3;transform:rotate(4deg);z-index:1;color:#9c6143}.auth-art span:nth-child(3){transform:rotate(14deg);background:#e1e9cd;color:#647943}.auth-form{margin-top:20px}.auth-form .field{font-size:13px}.center{text-align:center}#auth>.hint{margin-top:20px}.account-row{margin-bottom:18px}.account-row h2{font-size:24px;margin:2px 0 0}.eyebrow{font-size:12px;color:var(--muted);margin:0}.compact{min-height:44px;padding:8px 13px;font-size:12px}.add-button{margin:18px 0 14px}.gallery-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:8px;flex-wrap:nowrap}.gallery-toolbar .btn{font-size:13px;padding:10px 7px}.gallery-toolbar select{padding:9px 6px;font-size:16px;height:48px}.filter-panel{margin-top:12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.two-fields>*{min-width:0}.counter-row{margin:10px 0}.counter-row .btn{font-size:12px;padding:8px 0;min-height:44px}.album-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:12px}.icon-card{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:16px;overflow:hidden;min-width:0}.icon-photo{border:0;padding:0;display:block;width:100%;aspect-ratio:1;background:var(--tint);cursor:pointer}.icon-photo img{display:block;width:100%;height:100%;object-fit:cover}.icon-info{padding:10px}.icon-info strong{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;overflow-wrap:anywhere}.icon-info small{display:block;font-size:10px;color:var(--muted);margin-top:4px;min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-button{position:absolute;right:5px;top:5px;height:44px;width:44px;border:1px solid #ffffff80;border-radius:50%;background:#fffdf1e8;color:#276049;font-size:24px;display:grid;place-items:center}.favorite-button[aria-pressed=true]{color:#b97730;background:#fff0d7}.album-grid[data-cols="4"]{gap:6px}.album-grid[data-cols="4"] .icon-info{padding:5px}.album-grid[data-cols="4"] .icon-info strong{font-size:10px;min-height:30px}.album-grid[data-cols="4"] .favorite-button{right:2px;top:2px;background:#fffc}.album-grid[data-cols="3"] .icon-info strong{font-size:11px;min-height:33px}.album-grid[data-cols="3"] .icon-info{padding:7px}.chosen-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.chosen-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}#chosenCount{margin:6px 0 12px}.detail-image{width:100%;max-height:45dvh;object-fit:contain;border-radius:13px;display:block}#detailMeta{margin-top:14px;white-space:pre-line;overflow-wrap:anywhere}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.tag-row span{font-size:11px;padding:3px 9px;border-radius:20px;background:var(--tint);overflow-wrap:anywhere;max-width:100%}.detail-actions{margin-top:8px;gap:7px}.detail-actions .btn{font-size:12px;flex:1;padding:8px}.danger-text{color:var(--error)!important}#recoveryDisplay{display:block;overflow-wrap:anywhere;padding:16px;background:var(--tint);border:1px solid var(--line);border-radius:12px;font-size:16px;margin:12px 0 20px;user-select:all}#downloadRecovery{margin-bottom:10px}.tool-help{margin-top:26px}.album .sticky-bottom{margin-top:20px}.album #empty{margin:10px 0 20px}dialog[open]{animation:dialog-in .18s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:850px){.album-grid{gap:18px}.album-grid .icon-info strong{font-size:15px!important;min-height:45px!important}.album-grid .icon-info small{font-size:12px}.album-grid .icon-info{padding:14px!important}.album #library{max-width:880px;margin:auto}.add-button{width:auto;min-width:210px}.gallery-toolbar{max-width:500px}.filter-panel{max-width:600px}.album .sticky-bottom{position:static;max-width:400px;margin:25px auto}.icon-photo{max-height:380px}.account-row h2{font-size:28px}.auth-art{margin-top:25px}}
