.photos-ui{color:#dce8ef;gap:18px;min-width:0;display:grid}.photos-ui h1,.photos-ui h2,.photos-ui h3,.photos-ui p{margin:0}.photos-ui h1{font-size:26px}.photos-ui h2{font-size:20px}.photos-ui h3{font-size:15px}.photos-ui a{color:#8bd6c2;text-decoration:none}.photos-ui button,.photos-ui .ph-button{color:#dcebf3;min-height:40px;font:inherit;cursor:pointer;background:#192c38;border:1px solid #395262;border-radius:8px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:9px 13px;font-size:13px;display:inline-flex}.photos-ui button:disabled{opacity:.45;cursor:default}.photos-ui .ph-primary{background:#22634f;border-color:#438c72}.photos-ui .ph-danger{color:#f5b6af;background:#312022;border-color:#875653}.photos-ui label{color:#b1c5d2;gap:7px;font-size:13px;display:grid}.photos-ui input,.photos-ui textarea,.photos-ui select{box-sizing:border-box;color:#e5f2f8;width:100%;min-width:0;min-height:41px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1720;border:1px solid #375164;border-radius:7px;padding:10px}.photos-ui textarea{resize:vertical}.photos-ui .ph-panel{background:#101c26;border:1px solid #293e4c;border-radius:13px;gap:18px;min-width:0;padding:22px;display:grid}.photos-ui .ph-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.photos-ui .ph-between{justify-content:space-between}.photos-ui .ph-muted{color:#96abba;font-size:13px;line-height:1.6}.photos-ui .ph-error{color:#ffcab7;overflow-wrap:anywhere;background:#33231e;border:1px solid #78503d;border-radius:8px;padding:12px;line-height:1.6}.photos-ui .ph-ok{color:#9bd8b8}.photos-ui .ph-empty{text-align:center;color:#adc3d0;border:1px dashed #355063;border-radius:12px;justify-items:center;gap:12px;padding:38px 18px;line-height:1.6;display:grid}.photos-ui .ph-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.photos-ui .ph-wide{grid-column:1/-1}.photos-ui .ph-albums{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.photos-ui .ph-album{background:linear-gradient(135deg,#183034,#132332);border:1px solid #2d4758;border-radius:12px;align-content:start;gap:13px;min-width:0;padding:22px;display:grid}.photos-ui .ph-album h3{overflow-wrap:anywhere;color:#eff7fa}.photos-ui .ph-album small{color:#9cb4c4}.photos-ui .ph-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.photos-ui .ph-photo{gap:8px;min-width:0;display:grid}.photos-ui .ph-photo button{aspect-ratio:1;background:#142631;border:1px solid #293e4c;border-radius:10px;padding:0;display:block;overflow:hidden}.photos-ui .ph-photo img{object-fit:cover;width:100%;height:100%;display:block}.photos-ui .ph-photo p{color:#afc5d3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.photos-dialog{color:#dce8ef;box-sizing:border-box;background:#111f2a;border:1px solid #3b5263;border-radius:16px;width:min(960px,94vw);max-height:92dvh;margin:auto;padding:22px;overflow:auto}.photos-dialog:not([open]){display:none}.photos-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080dd9}.photos-ui .ph-full{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:58dvh;margin:0 auto;display:block}.photos-ui .ph-viewer{gap:16px;display:grid}.photos-ui .ph-caption{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.photos-ui .ph-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.photos-ui .ph-preview img{aspect-ratio:1;object-fit:cover;border-radius:7px;width:100%}.photos-ui .ph-preview-link{background:#182e3a;border:1px solid #345063;border-radius:8px;gap:8px;min-width:0;padding:15px;display:grid}.photos-ui .ph-preview-link span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=620px){.photos-ui .ph-panel{padding:16px}.photos-ui .ph-fields{grid-template-columns:1fr}.photos-ui .ph-grid,.photos-ui .ph-albums{grid-template-columns:repeat(2,minmax(0,1fr))}.photos-ui .ph-album,.photos-dialog{padding:14px}.photos-ui .ph-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
