/* Omvia Cloud v1.9.14 — scoped modern reference extensions. */
/* OMVIA CLOUD GOD RULE v1.9.0 — final visual authority. Functionality-neutral. */
:root{--gr-bg:#f7f9fc;--gr-panel:#fff;--gr-panel-soft:#fbfcfe;--gr-text:#071225;--gr-muted:#65738a;--gr-line:#dfe5ee;--gr-blue:#1769ff;--gr-violet:#6f42ff;--gr-pink:#d81bc7;--gr-grad:linear-gradient(115deg,#1769ff 0%,#6554ff 58%,#d81bc7 100%);--gr-r:16px;--gr-shadow:0 10px 32px rgba(18,43,78,.065);--gr-sidebar:290px;--gr-content:44px}
html[data-theme="dark"]{--gr-bg:#09111e;--gr-panel:#0e1929;--gr-panel-soft:#111f32;--gr-text:#f7f9fc;--gr-muted:#a5b2c5;--gr-line:#263951;--gr-blue:#65a0ff;--gr-violet:#9a78ff;--gr-pink:#ee70d7;--gr-grad:linear-gradient(115deg,#27c2ef 0%,#5189ff 46%,#8a68ff 73%,#e35ec8 100%);--gr-shadow:0 14px 40px rgba(0,0,0,.26)}
html,body{background:var(--gr-bg)!important;color:var(--gr-text)!important}
body{overflow-x:hidden!important}button,input,select,textarea{font:inherit}img,svg{max-width:100%}
/* shared geometry */
.ref-card,.premium-card,.admin-card,.settings-card,.account-card,.gallery-album-card,.ref-auth-card,.ref-detail-card,.ref-feature-grid article,.ref-land-bottom>article{border:1px solid var(--gr-line)!important;background:var(--gr-panel)!important;border-radius:var(--gr-r)!important;box-shadow:var(--gr-shadow)!important}
.ref-card,.premium-card,.admin-card,.settings-card,.account-card{padding:24px!important}
.ref-eyebrow,.eyebrow,.admin-nav-label{letter-spacing:.12em!important;font-weight:800!important}
.ref-search,.gallery-search{height:46px!important;border:1px solid var(--gr-line)!important;border-radius:10px!important;background:var(--gr-panel)!important;box-shadow:none!important;padding:0 14px!important;gap:10px!important}
.ref-search input,.gallery-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;width:100%!important;color:var(--gr-text)!important;padding:0!important;-webkit-appearance:none!important;appearance:none!important}
.ref-search input::-webkit-search-decoration,.ref-search input::-webkit-search-cancel-button,.gallery-search input::-webkit-search-decoration,.gallery-search input::-webkit-search-cancel-button{-webkit-appearance:none!important}
.ref-icon-button,.gallery-icon-btn,.gallery-square-btn,.icon-btn,.ref-theme-toggle{width:42px!important;height:42px!important;border-radius:10px!important;border:1px solid var(--gr-line)!important;background:var(--gr-panel)!important;color:var(--gr-text)!important;display:grid!important;place-items:center!important;padding:0!important}
.ref-icon-button svg,.gallery-icon-btn svg,.gallery-square-btn svg,.icon-btn svg{width:19px!important;height:19px!important;margin:auto!important}
/* dashboard desktop authority */
.ref-shell{min-height:100dvh!important;background:var(--gr-bg)!important;grid-template-columns:var(--gr-sidebar) minmax(0,1fr)!important}
.ref-sidebar{width:var(--gr-sidebar)!important;background:var(--gr-panel)!important;border-right:1px solid var(--gr-line)!important;padding:26px 20px!important;gap:20px!important}
.ref-brand img{width:196px!important;height:auto!important;object-fit:contain!important}.ref-nav{gap:7px!important}.ref-nav-link{min-height:46px!important;padding:0 14px!important;border-radius:10px!important;gap:13px!important}.ref-nav-link.active{background:rgba(23,105,255,.08)!important;color:var(--gr-blue)!important}.ref-main{min-width:0!important;background:var(--gr-bg)!important}.ref-topbar{min-height:82px!important;padding:18px var(--gr-content)!important;border-bottom:1px solid var(--gr-line)!important;background:color-mix(in srgb,var(--gr-panel) 92%,transparent)!important;gap:20px!important}.ref-topbar .ref-search{width:min(620px,54vw)!important}.ref-heading{padding:30px var(--gr-content) 16px!important;margin:0!important}.ref-heading h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:4px 0 8px!important}.ref-content-grid{padding:0 var(--gr-content) 44px!important;gap:24px!important;grid-template-columns:minmax(0,1fr) 320px!important}.ref-content-primary{gap:22px!important}.ref-storage-card{min-height:248px!important}.ref-quick-actions{gap:14px!important}.ref-quick-action{min-height:96px!important;border:1px solid var(--gr-line)!important;border-radius:12px!important;background:var(--gr-panel)!important;padding:14px!important}.ref-sidebar-storage{margin-top:auto!important;border:1px solid var(--gr-line)!important;border-radius:14px!important;background:var(--gr-panel-soft)!important;padding:18px!important}
/* auth authority */
.ref-auth-page{min-height:100dvh!important;padding:38px!important;background:var(--gr-bg)!important;display:grid!important;place-items:center!important}.ref-auth-card{width:min(1320px,100%)!important;min-height:760px!important;display:grid!important;grid-template-columns:1fr 1fr!important;overflow:hidden!important;padding:0!important}.ref-auth-form-side{padding:72px 82px!important;background:var(--gr-panel)!important}.ref-auth-visual{padding:68px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--gr-blue) 3%,var(--gr-panel)),var(--gr-panel))!important;border-left:1px solid var(--gr-line)!important}.ref-auth-brand img{width:220px!important}.ref-auth-copy h1{font-size:42px!important;letter-spacing:-.04em!important}.ref-input{min-height:54px!important;border:1px solid var(--gr-line)!important;border-radius:10px!important;background:var(--gr-panel)!important;padding:0 16px!important}.ref-auth-primary{min-height:54px!important;border:0!important;border-radius:10px!important;background:var(--gr-grad)!important;color:#fff!important}.ref-auth-alt{min-height:48px!important;border-radius:10px!important}
/* Gallery is canonical */
.gallery-experience-shell{min-height:100dvh!important;display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;background:var(--gr-bg)!important}.gallery-sidebar{width:290px!important;background:var(--gr-panel)!important;border-right:1px solid var(--gr-line)!important;padding:28px 20px!important}.gallery-brand img{width:194px!important}.gallery-upload{height:46px!important;border-radius:8px!important;background:var(--gr-blue)!important;color:#fff!important;border:0!important}.gallery-workspace{min-width:0!important}.gallery-topbar{height:82px!important;padding:18px 38px!important;border-bottom:1px solid var(--gr-line)!important;background:var(--gr-panel)!important}.gallery-search{width:min(560px,48vw)!important}.gallery-main{padding:30px 38px 54px!important}.gallery-heading-row{gap:24px!important}.gallery-heading-row h1{font-size:32px!important;letter-spacing:-.035em!important}.gallery-albums{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:140px!important;gap:14px!important;overflow-x:auto!important;padding:18px 0 24px!important;scrollbar-width:none}.gallery-albums::-webkit-scrollbar{display:none}.gallery-album-card{min-height:186px!important;padding:0 0 14px!important;overflow:hidden!important;text-decoration:none!important}.gallery-album-cover{height:126px!important;border-radius:14px 14px 0 0!important;background-size:cover!important;background-position:center!important}.gallery-album-card strong,.gallery-album-card small{display:block!important;padding:0 12px!important}.gallery-album-card strong{margin-top:11px!important}.gallery-photo-library{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.photo-native-wrap,.photo-native-item{border-radius:10px!important;overflow:hidden!important}.photo-native-item img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important}
/* admin authority */
.admin-shell{background:var(--gr-bg)!important}.admin-sidebar{width:280px!important;background:var(--gr-panel)!important;border-right:1px solid var(--gr-line)!important;padding:24px 18px!important}.admin-sidebar-brand img{width:190px!important}.admin-workspace{min-width:0!important}.admin-top{min-height:82px!important;padding:18px 34px!important;background:var(--gr-panel)!important;border-bottom:1px solid var(--gr-line)!important}.admin-main{padding:32px 34px 54px!important;max-width:1500px!important;width:100%!important;margin:0 auto!important}.admin-main table{width:100%!important}.admin-main input,.admin-main select,.admin-main textarea{border:1px solid var(--gr-line)!important;border-radius:10px!important;background:var(--gr-panel)!important;color:var(--gr-text)!important}
/* landing canonical */
.ref-landing-body,.ref-landing{background:var(--gr-panel)!important;color:var(--gr-text)!important}.ref-land-nav{width:min(1360px,calc(100% - 72px))!important;height:78px!important;border:0!important;background:transparent!important}.ref-land-hero{width:min(1360px,calc(100% - 72px))!important;grid-template-columns:minmax(0,.86fr) minmax(580px,1.14fr)!important;min-height:470px!important;margin-top:18px!important}.ref-land-hero-copy h1{font-size:clamp(52px,5vw,72px)!important;line-height:1.02!important}.ref-land-hero-copy>p{font-size:17px!important;line-height:1.55!important}.ref-device-showcase{height:430px!important}.ref-feature-grid,.ref-land-detail-grid,.ref-land-bottom,.ref-land-footer{width:min(1360px,calc(100% - 72px))!important}.ref-feature-grid{grid-template-columns:repeat(6,1fr)!important}.ref-feature-grid article{min-height:168px!important;padding:20px!important;border-radius:12px!important;box-shadow:none!important}.ref-detail-card,.ref-land-bottom>article{border-radius:12px!important;box-shadow:none!important}.ref-land-footer img{width:170px!important;height:auto!important;object-fit:contain!important}
/* mobile/PWA canonical and immutable */
@media(max-width:900px){:root{--gr-content:18px}.ref-shell{display:block!important}.ref-sidebar{display:none!important}.ref-topbar{min-height:auto!important;padding:18px var(--gr-content) 10px!important;border:0!important;flex-wrap:wrap!important}.ref-topbar .ref-search{order:3;width:100%!important;height:54px!important}.ref-heading{padding:24px var(--gr-content) 16px!important}.ref-content-grid{display:block!important;padding:0 var(--gr-content) 112px!important}.ref-content-primary{display:grid!important;gap:16px!important}.ref-card{padding:20px!important}.ref-quick-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.ref-quick-action{min-height:92px!important;padding:10px 6px!important}.mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;min-height:78px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:var(--gr-panel)!important;border-top:1px solid var(--gr-line)!important}.upload-fab,.ref-mobile-create{width:60px!important;height:60px!important;border-radius:50%!important;background:var(--gr-grad)!important;color:#fff!important;box-shadow:0 12px 28px rgba(75,77,245,.28)!important;margin:-26px auto 0!important}.gallery-experience-shell{display:block!important}.gallery-sidebar{display:none!important}.gallery-topbar{height:auto!important;padding:16px 16px 10px!important;flex-wrap:wrap!important}.gallery-search{order:3;width:100%!important;height:54px!important;margin-top:10px!important}.gallery-main{padding:18px 16px 112px!important}.gallery-photo-library{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.gallery-albums{grid-auto-columns:126px!important}.ref-auth-page{padding:16px!important}.ref-auth-card{grid-template-columns:1fr!important;min-height:auto!important}.ref-auth-form-side{padding:34px 24px!important}.ref-auth-visual{display:none!important}.ref-land-nav,.ref-land-hero,.ref-feature-grid,.ref-land-detail-grid,.ref-land-bottom,.ref-land-footer{width:calc(100% - 28px)!important}.ref-land-hero{grid-template-columns:1fr!important}.ref-feature-grid{grid-template-columns:1fr 1fr!important}.ref-land-hero-copy h1{font-size:42px!important}}
@media(max-width:560px){.ref-quick-actions{grid-template-columns:repeat(5,1fr)!important;overflow-x:auto!important}.ref-feature-grid{grid-template-columns:1fr!important}.gallery-photo-library{grid-template-columns:repeat(2,1fr)!important}.gallery-heading-row{align-items:flex-start!important}.gallery-view-controls{gap:6px!important}.ref-auth-copy h1{font-size:36px!important}}

/* v1.9.1 landing media fidelity patch — preserves God Rule geometry. */
.ref-phone-shot{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ref-phone-shot img{background:transparent!important;filter:none!important;object-fit:contain!important}
.ref-gallery-preview{align-items:stretch!important;min-height:130px!important}
.ref-gallery-preview .land-product-shot{margin:0!important;min-width:0!important;overflow:hidden!important;border:1px solid var(--omvia-line,var(--line))!important;border-radius:12px!important;background:var(--omvia-panel,var(--panel))!important;box-shadow:none!important;aspect-ratio:1.6/1!important}
.ref-gallery-preview .land-product-shot img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center top!important;transform:none!important;filter:none!important}
html[data-theme="dark"] .ref-gallery-preview .land-product-shot{background:#0f1b2d!important;border-color:#253955!important}
@media(max-width:650px){.ref-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.ref-gallery-preview .land-product-shot{border-radius:9px!important}}

.ref-storage-legend-mobile,.ref-storage-progress-mobile{display:none}

/* Omvia Cloud v1.9.2 — Mobile/PWA Pixel Fidelity God Rule.
   Authority: approved mobile reference. This layer is deliberately scoped to <=900px
   and loads last so desktop/Gallery engines and application logic remain untouched. */
@media (max-width:900px){
  :root{--oc192-gutter:16px;--oc192-nav-h:78px;--oc192-card-r:17px;--oc192-line:#e1e6ee;--oc192-panel:#fff;--oc192-bg:#f8fafc;--oc192-text:#071225;--oc192-muted:#66748a;--oc192-shadow:0 8px 24px rgba(28,48,82,.055)}
  html[data-theme="dark"]{--oc192-line:#263951;--oc192-panel:#0e1929;--oc192-bg:#09111e;--oc192-text:#f7f9fc;--oc192-muted:#a8b4c6;--oc192-shadow:0 12px 28px rgba(0,0,0,.22)}
  html,body{background:var(--oc192-bg)!important;color:var(--oc192-text)!important;overflow-x:hidden!important}
  body{padding-bottom:calc(var(--oc192-nav-h) + env(safe-area-inset-bottom))!important}
  .ref-shell{display:block!important;min-height:100dvh!important;background:var(--oc192-bg)!important}
  .ref-sidebar{display:none!important}
  .ref-main{width:100%!important;max-width:none!important;margin:0!important;padding:0 var(--oc192-gutter) calc(28px + var(--oc192-nav-h) + env(safe-area-inset-bottom))!important;overflow:visible!important;background:var(--oc192-bg)!important}

  /* Header = official brand + notifications + avatar only. */
  .ref-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 46px 46px!important;grid-template-rows:64px 56px!important;align-items:center!important;gap:10px 12px!important;min-height:130px!important;padding:calc(10px + env(safe-area-inset-top)) 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .ref-mobile-brand{display:flex!important;align-items:center!important;grid-column:1!important;grid-row:1!important;height:52px!important;min-width:0!important}
  .ref-mobile-brand img{display:block!important;width:min(188px,58vw)!important;max-width:100%!important;height:42px!important;object-fit:contain!important;object-position:left center!important}
  .ref-top-actions{display:contents!important}
  .ref-top-actions .ref-help,.ref-top-actions .home-mode-button,.ref-top-actions [data-theme-toggle]{display:none!important}
  .ref-top-actions>a.ref-icon-button.notification-trigger{grid-column:2!important;grid-row:1!important;display:grid!important;width:46px!important;height:46px!important;border:1px solid var(--oc192-line)!important;border-radius:13px!important;background:var(--oc192-panel)!important;color:var(--oc192-text)!important;box-shadow:none!important;place-items:center!important;position:relative!important}
  .ref-top-actions>a.ref-icon-button.notification-trigger .svg{width:21px!important;height:21px!important}
  .ref-avatar-button{grid-column:3!important;grid-row:1!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;text-decoration:none!important}
  .ref-avatar{width:46px!important;height:46px!important;border-radius:13px!important;object-fit:cover!important}
  .ref-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0 16px!important;border:1px solid var(--oc192-line)!important;border-radius:12px!important;background:var(--oc192-panel)!important;box-shadow:none!important;gap:11px!important;overflow:hidden!important}
  .ref-search::before,.ref-search::after{content:none!important;display:none!important}
  .ref-search .svg{width:20px!important;height:20px!important;flex:0 0 20px!important;color:var(--oc192-muted)!important}
  .ref-search input{height:54px!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0!important;font-size:15px!important;line-height:1!important;color:var(--oc192-text)!important;-webkit-appearance:none!important;appearance:none!important}
  .ref-search input:focus{border:0!important;box-shadow:none!important;outline:0!important}

  /* Approved mobile hero. */
  .ref-heading{width:100%!important;margin:36px 0 24px!important;padding:0 2px!important}
  .ref-heading .ref-eyebrow{font-size:11px!important;line-height:1.2!important;letter-spacing:.16em!important;color:var(--oc192-muted)!important}
  .ref-heading h1{margin:9px 0 7px!important;font-size:40px!important;line-height:.98!important;letter-spacing:-.045em!important;color:var(--oc192-text)!important}
  .ref-heading p{margin:0!important;font-size:15px!important;line-height:1.42!important;color:var(--oc192-muted)!important}
  .home-mode-card{display:none!important}

  .ref-content-grid{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .ref-content-primary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;width:100%!important}
  .ref-activity-card{display:none!important}
  .ref-card,.ref-storage-card,.ref-quick-card,.ref-recent-card{width:100%!important;min-width:0!important;border:1px solid var(--oc192-line)!important;border-radius:var(--oc192-card-r)!important;background:var(--oc192-panel)!important;box-shadow:var(--oc192-shadow)!important;overflow:hidden!important}
  .ref-card::before,.ref-card::after{pointer-events:none!important}

  /* Storage Overview — exact two-column information architecture, never a vertical text pile. */
  .ref-storage-card{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:17px!important;min-height:0!important;padding:26px 24px 22px!important}
  .ref-storage-copy{min-width:0!important;align-self:start!important}
  .ref-storage-copy .ref-eyebrow{font-size:10.5px!important;letter-spacing:.15em!important;color:var(--oc192-muted)!important}
  .ref-storage-copy h2{margin:10px 0 3px!important;font-size:27px!important;line-height:1.05!important;letter-spacing:-.035em!important;color:var(--oc192-text)!important;white-space:nowrap!important}
  .ref-storage-copy>p{margin:0!important;font-size:14px!important;line-height:1.35!important;color:var(--oc192-muted)!important;white-space:nowrap!important}
  .ref-storage-legend{display:none!important}
  .ref-storage-legend-mobile{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"files folders" "filesv foldersv" "shared sharedv"!important;column-gap:10px!important;row-gap:7px!important;margin:18px 0 0!important;font-size:13px!important;line-height:1.15!important;color:var(--oc192-muted)!important}
  .ref-storage-legend-mobile>span{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;white-space:nowrap!important}
  .ref-storage-legend-mobile>span:nth-child(1){grid-area:files}.ref-storage-legend-mobile>span:nth-child(2){grid-area:folders}.ref-storage-legend-mobile>span:nth-child(3){grid-area:filesv;padding-left:18px}.ref-storage-legend-mobile>span:nth-child(4){grid-area:foldersv;padding-left:18px}.ref-storage-legend-mobile>span:nth-child(5){grid-area:shared}.ref-storage-legend-mobile>span:nth-child(6){grid-area:sharedv;padding-left:18px}
  .ref-storage-legend-mobile i{width:8px!important;height:8px!important;border-radius:50%!important;flex:0 0 8px!important}.ref-storage-legend-mobile i.blue{background:#176eff!important}.ref-storage-legend-mobile i.violet{background:#6b42ff!important}.ref-storage-legend-mobile i.pink{background:#dd20bd!important}
  .ref-storage-ring{position:relative!important;justify-self:end!important;align-self:center!important;width:112px!important;height:112px!important;margin:0!important;border-radius:50%!important;background:conic-gradient(from -90deg,#176eff 0%,#6f42ff calc(var(--ref-pct)*.72%),#d81bc7 calc(var(--ref-pct)*1%),#e8edf4 0)!important;box-shadow:none!important}
  html[data-theme="dark"] .ref-storage-ring{background:conic-gradient(from -90deg,#53a2ff 0%,#9870ff calc(var(--ref-pct)*.72%),#ef6bd7 calc(var(--ref-pct)*1%),#21334a 0)!important}
  .ref-storage-ring::before{content:""!important;position:absolute!important;inset:10px!important;width:auto!important;height:auto!important;border-radius:50%!important;background:var(--oc192-panel)!important}
  .ref-storage-ring>div{position:relative!important;z-index:1!important;text-align:center!important}.ref-storage-ring strong{display:block!important;font-size:25px!important;line-height:1!important;letter-spacing:-.035em!important;color:var(--oc192-text)!important}.ref-storage-ring span{display:block!important;margin-top:6px!important;font-size:12px!important;color:var(--oc192-muted)!important}
  .ref-storage-copy>.ref-storage-bar,.ref-storage-copy>.ref-storage-meta{display:none!important}
  .ref-storage-progress-mobile{display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important}
  .ref-storage-progress-mobile .ref-storage-bar{display:block!important;width:100%!important;height:7px!important;border-radius:999px!important;background:#e8edf4!important;overflow:hidden!important}
  html[data-theme="dark"] .ref-storage-progress-mobile .ref-storage-bar{background:#21334a!important}
  .ref-storage-progress-mobile .ref-storage-bar>span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#176eff 0%,#6653ff 60%,#d81bc7 100%)!important}
  .ref-storage-progress-mobile .ref-storage-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:9px!important;font-size:12px!important;line-height:1.2!important;color:var(--oc192-muted)!important;white-space:nowrap!important}

  /* Quick Actions — five compact, evenly sized action tiles as approved. */
  .ref-quick-card{padding:22px 18px 18px!important}
  .ref-quick-card .mobile-copy{display:block!important;margin:0 2px 17px!important}.ref-quick-card .desktop-copy{display:none!important}
  .ref-quick-card .ref-section-title .ref-eyebrow{font-size:10.5px!important;letter-spacing:.15em!important}.ref-quick-card .ref-section-title h2{margin:6px 0 3px!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.025em!important}.ref-quick-card .ref-section-title p{font-size:13px!important;line-height:1.35!important;color:var(--oc192-muted)!important}
  .ref-quick-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%!important;overflow:visible!important}
  .ref-quick-grid>*{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;min-height:94px!important;padding:9px 3px 7px!important;border:1px solid var(--oc192-line)!important;border-radius:10px!important;background:var(--oc192-panel)!important;color:var(--oc192-text)!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important;overflow:hidden!important}
  .ref-action-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important}.ref-action-icon .svg{width:24px!important;height:24px!important}
  .ref-quick-grid strong{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:9.5px!important;line-height:1.15!important;letter-spacing:-.01em!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}

  /* Recent files mobile card. */
  .ref-recent-card{padding:0!important}.ref-recent-card>.ref-section-title{padding:20px 18px 7px!important;margin:0!important}.ref-recent-card .ref-eyebrow{font-size:10.5px!important;letter-spacing:.15em!important}.ref-desktop-table{display:none!important}.ref-mobile-files{display:block!important;padding:0 18px!important}
  .ref-mobile-file{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 26px!important;align-items:center!important;gap:9px!important;min-height:68px!important;padding:8px 0!important;border-bottom:1px solid var(--oc192-line)!important;color:var(--oc192-text)!important;text-decoration:none!important}.ref-mobile-file:last-child{border-bottom:0!important}
  .ref-mobile-file .ref-file-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important}.ref-mobile-file .ref-file-icon img{width:28px!important;height:28px!important}.ref-mobile-file>span:nth-child(2){display:block!important;min-width:0!important}.ref-mobile-file strong{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:1.22!important;color:var(--oc192-text)!important}.ref-mobile-file small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.2!important;color:var(--oc192-muted)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ref-mobile-file time{font-size:10.5px!important;color:var(--oc192-muted)!important;white-space:nowrap!important}.ref-mobile-file b{display:grid!important;place-items:center!important;color:var(--oc192-muted)!important}.ref-card-footer{min-height:46px!important;justify-content:flex-start!important;padding:0 18px!important;border-top:1px solid var(--oc192-line)!important;font-size:12px!important;color:#1769ff!important}

  /* Bottom navigation + center FAB = canonical reference. */
  .ref-mobile-nav,.gallery-mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:5000!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;width:100%!important;height:calc(var(--oc192-nav-h) + env(safe-area-inset-bottom))!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--oc192-line)!important;border-radius:0!important;background:color-mix(in srgb,var(--oc192-panel) 97%,transparent)!important;box-shadow:0 -8px 26px rgba(24,42,75,.06)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .ref-mobile-nav a,.gallery-mobile-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:58px!important;min-width:0!important;padding:3px 1px!important;color:var(--oc192-muted)!important;text-decoration:none!important;font-size:10.5px!important;font-weight:600!important;line-height:1!important}.ref-mobile-nav a .svg,.gallery-mobile-nav a .svg{width:22px!important;height:22px!important}.ref-mobile-nav a.active,.gallery-mobile-nav a.active{color:#1769ff!important}
  .ref-mobile-create,.gallery-mobile-nav .upload-fab{display:grid!important;place-items:center!important;align-self:start!important;justify-self:center!important;width:64px!important;height:64px!important;margin:0!important;transform:translateY(-17px)!important;border:0!important;border-radius:50%!important;background:linear-gradient(145deg,#1769ff 0%,#5d52ff 58%,#8b43ff 100%)!important;color:#fff!important;box-shadow:0 10px 24px rgba(55,75,245,.28)!important;overflow:visible!important}
  .ref-mobile-create .svg,.gallery-mobile-nav .upload-fab .svg{width:29px!important;height:29px!important;stroke-width:1.8!important}

  /* Mobile Gallery inherits the same canonical chrome and bottom nav without altering viewer physics. */
  .gallery-experience-shell{display:block!important;min-height:100dvh!important}.gallery-sidebar{display:none!important}.gallery-workspace{min-width:0!important}.gallery-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 46px 46px!important;grid-template-rows:auto 56px!important;gap:10px!important;height:auto!important;padding:calc(10px + env(safe-area-inset-top)) var(--oc192-gutter) 0!important;border:0!important;background:var(--oc192-bg)!important}.gallery-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:56px!important;margin:0!important;border-radius:12px!important}.gallery-main{padding:28px var(--oc192-gutter) calc(30px + var(--oc192-nav-h) + env(safe-area-inset-bottom))!important}.gallery-photo-library{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}
@media(max-width:390px){
  :root{--oc192-gutter:14px}.ref-mobile-brand img{width:min(180px,57vw)!important}.ref-heading h1{font-size:37px!important}.ref-storage-card{grid-template-columns:minmax(0,1fr) 106px!important;padding:23px 20px 20px!important}.ref-storage-ring{width:102px!important;height:102px!important}.ref-storage-copy h2{font-size:25px!important}.ref-storage-legend-mobile{font-size:12px!important}.ref-quick-card{padding-left:14px!important;padding-right:14px!important}.ref-quick-grid{gap:5px!important}.ref-quick-grid strong{font-size:9px!important}.ref-mobile-file{grid-template-columns:36px minmax(0,1fr) auto 24px!important;gap:8px!important}
}