.workspace.has-album{grid-template-columns:80px minmax(0,1fr)}
.album-shell{height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;background:#f5f7fb;padding:26px;color:#203650;container-type:inline-size;scroll-padding:18px 0 110px;}
.album-shell *{box-sizing:border-box}.album-shell [hidden]{display:none!important}.album-shell button,.album-shell input,.album-shell select,.album-shell textarea{font:inherit}
.al-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.al-heading h1{font-size:25px;line-height:1.3;margin:9px 0}.al-heading p{margin:0;color:#65788c;line-height:1.7;font-size:13px}.al-tag{display:inline-block;background:#e4eee9;color:#366956;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:600}
.al-retention{border:1px solid #dae4ee;background:#edf2f8;padding:12px 15px;border-radius:12px;line-height:1.7;font-size:12px;margin:0 0 20px;color:#536a81}
.al-button{min-height:44px;border:1px solid #c4d3e2;background:white;color:#274960;border-radius:9px;padding:10px 15px;cursor:pointer;line-height:1.4;font-size:13px;font-weight:600;white-space:normal}.al-button:hover{background:#edf3fa}.al-button.primary{background:#356edf;border-color:#356edf;color:white}.al-button.primary:hover{background:#295ac4}.al-button:disabled{opacity:.5;cursor:wait}.al-button.danger{color:#a5363d;border-color:#e9c9cc;margin-top:14px}.al-button:focus-visible,.al-card:focus-visible{outline:3px solid #76a0f1;outline-offset:3px}
.al-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.al-field{display:flex;flex-direction:column;min-width:0;gap:7px;font-size:13px;color:#41596c}.al-field>span{font-weight:600}.al-field input,.al-field select,.al-field textarea{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #bfcfdf;border-radius:9px;padding:11px;background:#fff;color:#203650;min-height:44px;line-height:1.5}.al-field textarea{resize:vertical;min-height:100px}.al-field small,.al-hint{color:#6b7e91;font-size:12px;line-height:1.7}.al-field input:focus,.al-field textarea:focus,.al-field select:focus{outline:2px solid #a7c4fb;outline-offset:1px}
.al-filters{display:grid;grid-template-columns:minmax(140px,1.5fr) minmax(120px,1fr) minmax(130px,1fr) auto;align-items:end;gap:12px;margin:20px 0}.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px}.al-card{padding:0;text-align:left;border:1px solid #dce5ef;background:white;border-radius:14px;overflow:hidden;cursor:pointer;min-width:0;color:inherit;font:inherit}.al-card:hover{border-color:#8aadee;box-shadow:0 3px 12px #20365010}.al-card>img{width:100%;height:180px;display:block;object-fit:contain;background:#e9eef5;padding:10px}.al-cover-expired{height:180px;display:grid;place-content:center;text-align:center;background:#e9eef5;font-size:13px;padding:20px;color:#758495;line-height:1.8}.al-card-body{padding:14px}.al-card-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7b8ba0}.al-number{color:#3464ae;font-weight:700}.al-card h2{font-size:17px;margin:7px 0;overflow-wrap:anywhere}.al-card p{font-size:12px;line-height:1.6;margin:4px 0}.al-muted{color:#708094}.al-card-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;color:#566c7d}.al-empty{text-align:center;padding:45px 16px;color:#6d8092;line-height:1.8}.al-empty h2{font-size:19px}.al-empty p{font-size:13px}.al-more{display:block;margin:22px auto}
.al-paper{background:#fff;border:1px solid #d7e1ec;border-radius:14px;padding:22px;margin:18px 0}.al-paper h2{font-size:20px;margin:0 0 20px;overflow-wrap:anywhere}.al-paper h3{font-size:14px;margin:20px 0 10px}.al-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.al-number-input{display:flex;gap:7px;align-items:center;min-width:0}.al-number-input input{flex:1;width:0}.al-number-input .al-button{font-size:11px;padding:9px;flex-shrink:0}.al-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin:15px 0}.al-preview{display:flex;flex-direction:column;gap:7px;min-width:0}.al-preview img{height:155px;width:100%;object-fit:contain;background:#eef2f6;border:1px solid #d9e2ec;border-radius:10px}.al-preview button{font-size:11px;padding:8px}.al-form-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e2e9f1;padding-top:18px;margin-top:22px}.al-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0}.al-meta dt{font-size:11px;color:#7890a3;margin-bottom:4px}.al-meta dd{font-size:14px;margin:0;overflow-wrap:anywhere}.al-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.al-photo{margin:20px 0;border:1px solid #dbe5ef;border-radius:12px;overflow:hidden;background:#fff}.al-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;font-size:12px;color:#667d8f}.al-photo-scroll{overflow:auto;max-height:75vh;background:#e8edf3;padding:10px}.al-photo-scroll img{display:block;width:100%;height:auto;margin:auto}.al-photo-scroll.zoomed img{width:max(1200px,100%);max-width:none}.al-error{background:#fff0f0;border:1px solid #e9bcc3;border-radius:9px;color:#9f2436;padding:12px 15px;line-height:1.7;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
@container(max-width:600px){.al-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.al-form-grid{grid-template-columns:1fr}.al-paper{padding:18px}.al-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}
@container(max-width:370px){.al-filters{grid-template-columns:1fr}.al-grid{grid-template-columns:1fr}.al-meta{grid-template-columns:1fr}.al-heading h1{font-size:22px}.al-paper{padding:14px}.al-form-actions{flex-direction:column}.al-form-actions .al-button{width:100%}.al-actions .al-button{flex:1}.al-heading>.al-button{width:100%}}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){.workspace.has-album{grid-template-columns:56px minmax(0,1fr)}.album-shell{padding:18px 12px 110px}.album-shell input,.album-shell select,.album-shell textarea{font-size:16px}.workspace.has-album .rail{width:56px;min-width:0;overflow-y:auto;min-height:0;padding-left:3px;padding-right:3px}.workspace.has-album .rail-action{min-width:0;width:48px;flex-shrink:0}.al-heading{gap:12px}}