:root{--wk-safe-top:env(safe-area-inset-top,0px);--wk-safe-bottom:env(safe-area-inset-bottom,0px)}

/* iOS Home Screen / standalone safe-area ownership. */
@supports (padding-top:env(safe-area-inset-top)){
  body>.app{padding-top:var(--wk-safe-top)!important}
  body>.app::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--wk-safe-top);background:#050403;z-index:2147483647;pointer-events:none}
}

/* Image composition editor: clear persistent navigation and use current WristKeep chrome. */
.wk-watch-composition{bottom:calc(var(--wk-bottom-nav-height,78px) + var(--wk-safe-bottom))!important;overflow:hidden!important;background:var(--wk-canvas,#0A0A0A)!important;color:var(--wk-ivory,#F5F2E8)!important}
.wk-watch-composition-header{background:var(--wk-canvas,#0A0A0A)!important;border-bottom-color:rgba(192,196,200,.18)!important}
.wk-watch-composition-header button{color:var(--wk-chrome-silver,#C0C4C8)!important}
#wkCompositionSave{color:var(--wk-chrome-gold,#D4AF37)!important;font-weight:600!important}
.wk-watch-composition-title{color:var(--wk-ivory,#F5F2E8)!important}
.wk-watch-composition-controls{background:var(--wk-chrome-black,#111316)!important;border-top-color:rgba(192,196,200,.18)!important}
.wk-watch-composition-controls button{border-color:rgba(192,196,200,.28)!important;background:var(--wk-dark-black,#0F1012)!important;color:var(--wk-chrome-silver,#C0C4C8)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
.wk-watch-composition-controls button:active{border-color:rgba(212,175,55,.52)!important;color:var(--wk-chrome-gold,#D4AF37)!important;background:var(--wk-graphite,#1A1C1F)!important}