@layer desktop-layout{html body .antidot-public .utopic-photo-library.utopic-photo-library{display:flex!important;flex-direction:column!important;width:min(840px,calc(100vw - 48px))!important;max-width:none!important;max-height:calc(100dvh - 48px)!important;padding:0!important;margin:0!important;border:0!important;border-radius:var(--u-cardRadius,18px)!important;background:var(--u-background)!important;color:var(--u-text)!important;box-shadow:0 18px 70px rgb(0 0 0/16%)!important;backdrop-filter:none!important;overflow:hidden!important;min-height:0!important}html body .antidot-public .utopic-photo-library.photo-import-source{width:min(520px,calc(100vw - 48px))!important}html body .antidot-public .utopic-photo-library .photo-library-heading{display:flex!important;align-items:center!important;gap:10px!important;padding:22px 24px 14px!important;flex:none!important}html body .antidot-public .utopic-photo-library .photo-library-heading h2{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important;margin:0!important;padding:0!important}html body .antidot-public .utopic-photo-library :is(.photo-library-close,.photo-library-nav){display:grid!important;place-items:center!important;flex:none!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--u-text)!important;box-shadow:none!important}html body .antidot-public .utopic-photo-library :is(.photo-library-close,.photo-library-nav)>svg{width:20px!important;height:20px!important}html body .antidot-public .utopic-photo-library .photo-library-count{display:grid!important;place-items:center!important;min-width:24px!important;height:24px!important;padding:2px 6px!important;border-radius:999px!important;background:var(--u-surface)!important;color:var(--u-muted)!important;white-space:nowrap!important}html body .antidot-public .utopic-photo-library .photo-import-content{overflow-y:auto!important;min-height:0!important;padding:0 24px 24px!important}html body .antidot-public .utopic-photo-library .photo-import-intro{margin:0 0 22px!important;padding:0!important;color:var(--u-muted)!important;text-align:left!important}html body .antidot-public .utopic-photo-library .photo-import-choices{display:flex!important;flex-direction:column!important;gap:14px!important}html body .antidot-public .utopic-photo-library .photo-import-choices .photo-import-intro{margin:0 0 8px!important}html body .antidot-public .utopic-photo-library .photo-import-source{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:100%!important;min-height:104px!important;height:auto!important;padding:20px 18px!important;text-align:left!important;border:1px solid var(--u-controlBorder)!important;border-radius:var(--u-cardRadius,10px)!important;white-space:normal!important;box-shadow:none!important}html body .antidot-public .utopic-photo-library .photo-import-reuse{background:var(--u-background)!important;color:var(--u-text)!important}html body .antidot-public .utopic-photo-library .photo-import-source>svg{width:25px!important;height:25px!important;flex:none!important}html body .antidot-public .utopic-photo-library .photo-import-source>svg:last-child{width:18px!important;height:18px!important}html body .antidot-public .utopic-photo-library .photo-import-source-copy{display:block!important;flex:1!important;min-width:0!important}html body .antidot-public .utopic-photo-library .photo-import-source-copy strong{display:block!important}html body .antidot-public .utopic-photo-library .photo-import-source-description{display:block!important;margin:5px 0 0!important}html body .antidot-public .utopic-photo-library .photo-library-retention{display:flex!important;align-items:flex-start!important;flex:none!important;gap:7px!important;margin:4px 24px 0!important;padding:0!important;color:var(--u-muted)!important}html body .antidot-public .utopic-photo-library .photo-library-retention:has(>span:empty){display:none!important}html body .antidot-public .utopic-photo-library .photo-library-retention>svg{width:15px!important;height:15px!important;margin-top:2px!important;flex:none!important}html body .antidot-public .utopic-photo-library .photo-import-content .photo-library-retention{margin:4px 0 0!important}html body .antidot-public .utopic-photo-library .photo-library-intro{margin:0 24px 8px!important;flex:none!important}html body .antidot-public .utopic-photo-library .photo-library-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:20px 24px!important;scrollbar-width:thin!important}html body .antidot-public .utopic-photo-library .photo-library-toolbar{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin:0 0 14px!important;padding:0!important}html body .antidot-public .utopic-photo-library .photo-library-toolbar>button{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:4px 0!important;min-height:32px!important;border:0!important;background:transparent!important;box-shadow:none!important}html body .antidot-public .utopic-photo-library .photo-library-select-all-box{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;border:1px solid var(--u-controlBorder)!important;border-radius:var(--u-fieldRadius,4px)!important}html body .antidot-public .utopic-photo-library .photo-library-select-all-box>svg{width:14px!important;height:14px!important}html body .antidot-public .utopic-photo-library .photo-library-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}html body .antidot-public .utopic-photo-library .photo-library-grid article{display:block!important;min-width:0!important;margin:0!important;padding:0!important}html body .antidot-public .utopic-photo-library .photo-library-picture{position:relative!important;aspect-ratio:1!important}html body .antidot-public .utopic-photo-library .photo-library-thumbnail{display:block!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1!important;padding:0!important;border:0 solid var(--u-controlBorder)!important;border-radius:var(--u-buttonRadius,4px)!important;overflow:hidden!important;background:var(--u-surface)!important;opacity:1!important;box-shadow:none!important}html body .antidot-public .utopic-photo-library .photo-library-thumbnail img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;opacity:1!important}html body .antidot-public .utopic-photo-library .photo-library-check{position:absolute!important;display:grid!important;place-items:center!important;top:7px!important;right:7px!important;width:24px!important;height:24px!important;min-width:0!important;min-height:0!important;padding:0!important;border:1px solid var(--u-controlBorder)!important;border-radius:50%!important;background:var(--u-background)!important;color:var(--u-button)!important;backdrop-filter:none!important}html body .antidot-public .utopic-photo-library .photo-library-check.is-checked{background:var(--u-accent)!important;border-color:var(--u-accent)!important;color:var(--u-buttonText)!important}html body .antidot-public .utopic-photo-library .photo-library-check.is-added{border-color:transparent!important}html body .antidot-public .utopic-photo-library .photo-library-check svg{width:15px!important;height:15px!important;color:inherit!important}html body .antidot-public .utopic-photo-library .photo-library-enlarge{position:absolute!important;display:grid!important;place-items:center!important;right:5px!important;bottom:5px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--u-background)!important;color:var(--u-text)!important;box-shadow:none!important}html body .antidot-public .utopic-photo-library .photo-library-enlarge>svg{width:17px!important;height:17px!important}html body .antidot-public .utopic-photo-library :is(.photo-library-added-note,.photo-library-expiring-note){display:flex!important;align-items:flex-start!important;gap:7px!important;margin:15px 0 0!important;padding:0!important;color:var(--u-muted)!important}html body .antidot-public .utopic-photo-library :is(.photo-library-added-note,.photo-library-expiring-note)>svg{width:15px!important;height:15px!important;flex:none!important}html body .antidot-public .utopic-photo-library .photo-library-more{margin-top:16px!important;background:transparent!important}html body .antidot-public .utopic-photo-library .photo-library-footer{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;align-items:center!important;flex:none!important;gap:16px!important;padding:16px 24px max(18px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--u-border)!important;background:var(--u-background)!important;box-shadow:none!important;backdrop-filter:none!important;position:static!important}html body .antidot-public .utopic-photo-library .photo-library-footer>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;color:var(--u-muted)!important}html body .antidot-public .utopic-photo-library .photo-library-use{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:52px!important;padding:13px 16px!important;border:0!important;border-radius:var(--u-buttonRadius,9px)!important;white-space:normal!important;box-shadow:none!important}html body .antidot-public .utopic-photo-library .photo-library-use>svg{width:18px!important;height:18px!important}html body .antidot-public .utopic-photo-library .photo-library-preview{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}html body .antidot-public .utopic-photo-library .photo-library-preview img{width:100%!important;max-height:45dvh!important;object-fit:contain!important;margin:0!important}html body .antidot-public .utopic-photo-library .photo-library-preview p{margin:0!important;overflow-wrap:anywhere!important}html body .antidot-public .utopic-photo-library .photo-library-preview .photo-library-expiry{display:flex!important;gap:7px!important;align-items:center!important}html body .antidot-public .utopic-photo-library .photo-library-empty{display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;padding:28px 0!important;min-height:0!important;text-align:center!important}html body .antidot-public .utopic-photo-library .photo-library-empty>svg{width:36px!important;height:36px!important;color:var(--u-muted)!important}html body .antidot-public .utopic-photo-library .photo-library-empty p{margin:0!important}@media(max-width:760px){html body .antidot-public .utopic-photo-library.utopic-photo-library{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important}html body .antidot-public .utopic-photo-library .photo-library-heading{padding:18px 18px 12px!important}html body .antidot-public .utopic-photo-library .photo-import-content{padding:0 18px 20px!important}html body .antidot-public .utopic-photo-library .photo-import-source{padding:20px 16px!important;gap:12px!important}html body .antidot-public .utopic-photo-library .photo-import-source>svg:last-child{width:16px!important;height:16px!important}html body .antidot-public .utopic-photo-library .photo-library-intro,html body .antidot-public .utopic-photo-library .photo-library-retention{margin-inline:18px!important}html body .antidot-public .utopic-photo-library .photo-library-body{padding:18px!important}html body .antidot-public .utopic-photo-library .photo-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}html body .antidot-public .utopic-photo-library .photo-library-check{width:22px!important;height:22px!important;top:6px!important;right:6px!important}html body .antidot-public .utopic-photo-library .photo-library-footer{grid-template-columns:88px minmax(0,1fr)!important;padding:14px 18px max(18px,env(safe-area-inset-bottom))!important;gap:12px!important}html body .antidot-public .utopic-photo-library .photo-library-use{padding:12px!important}}@media(max-width:350px){html body .antidot-public .utopic-photo-library .photo-import-source{gap:10px!important;padding:18px 12px!important}html body .antidot-public .utopic-photo-library .photo-import-source>svg:first-child{width:22px!important;height:22px!important}html body .antidot-public .utopic-photo-library .photo-import-source>svg:last-child{display:none!important}html body .antidot-public .utopic-photo-library .photo-library-footer{grid-template-columns:68px minmax(0,1fr)!important;gap:8px!important}}}@layer selection-admin{html body .antidot-public .utopic-photo-library .photo-library-use:disabled,html body .antidot-public .utopic-photo-library .photo-library-use:disabled *{background:var(--u-disabled)!important;color:var(--u-disabledText)!important;opacity:1!important}html body .antidot-public .utopic-photo-library .photo-import-reuse :is(strong,small,span,svg){color:var(--u-text)!important}html body .antidot-public .utopic-photo-library .photo-import-reuse .photo-import-source-description{color:var(--u-muted)!important}html body .antidot-public .utopic-photo-library.utopic-photo-library .photo-library-check.photo-library-check.is-checked,html body .antidot-public .utopic-photo-library.utopic-photo-library .photo-library-check.photo-library-check.is-checked :is(svg,path){color:var(--u-buttonText)!important}}