#customer-context { position:fixed; top:max(16px,env(safe-area-inset-top)); right:max(16px,env(safe-area-inset-right)); z-index:1000; color:#e3c789; font-size:14px; }
    #customer-context[hidden] { display:none; }
    .customer-menu { position:relative; }
    .customer-menu-toggle { position:relative; display:flex; align-items:center; justify-content:center; width:46px; height:46px; border:1px solid #b99a60; border-radius:50%; background:rgba(22,19,15,.95); color:#e3c789; cursor:pointer; list-style:none; box-shadow:0 4px 18px #0005; }
    .customer-menu-toggle::-webkit-details-marker { display:none; }
    .customer-menu-toggle:focus-visible { outline:2px solid #e3c789; outline-offset:4px; }
    .customer-signed-in { position:absolute; right:1px; bottom:2px; width:9px; height:9px; border:2px solid #16130f; border-radius:50%; background:#e3c789; }
    .customer-menu-panel { position:absolute; top:calc(100% + 10px); right:0; display:flex; flex-direction:column; gap:10px; min-width:190px; max-width:calc(100vw - 64px); padding:20px; border:1px solid #806c46; border-radius:16px; background:#1b1712; box-shadow:0 12px 36px #0008; text-align:left; }
    .customer-menu-panel strong { font-size:17px; font-weight:400; overflow-wrap:anywhere; }
    .customer-menu-panel span { color:#cfc5b4; }
    #customer-context a { color:inherit; padding-top:12px; border-top:1px solid #806c4666; text-underline-offset:4px; }

.customer-menu-panel button { font:inherit; color:#e3c789; background:transparent; border:0; border-top:1px solid #806c4666; border-radius:0; padding:12px 0 0; text-align:left; cursor:pointer; }

#customer-context .customer-sign-in{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #b99a60;border-radius:24px;background:rgba(22,19,15,.95);color:#e3c789;font-size:13px;text-decoration:none}

.file-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;pointer-events:none}#upload-credit-status{color:#e3c789;font-size:14px;line-height:1.5;margin:12px 0}

#studio-navigation{display:none}footer{flex-wrap:wrap;align-items:center}footer .footer-pricing{white-space:nowrap}
@media(min-width:900px){#studio-navigation{position:fixed;top:27px;right:90px;z-index:999;display:flex;align-items:center;gap:28px;font:300 14px/24px Outfit,system-ui,sans-serif}#studio-navigation a{color:#e3c789;text-decoration:none;text-underline-offset:5px}#studio-navigation a:hover{text-decoration:underline}#studio-navigation a:focus-visible{outline:2px solid #e3c789;outline-offset:5px}footer .footer-pricing{display:none}}
/* Floating controls stay readable above scrolling photographs and copy. */
#customer-context{isolation:isolate}
#customer-context::before{content:'';position:absolute;inset:-10px;z-index:-1;pointer-events:none;background:rgba(244,241,235,.94);border:1px solid rgba(24,34,43,.12);border-radius:14px;box-shadow:0 4px 20px #18222b14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#customer-context:has(.generation-time:not([hidden]))::before{left:-44px;bottom:-36px}
@media(min-width:900px){#studio-navigation{padding:10px 18px;transform:translateY(-10px);border:1px solid rgba(24,34,43,.12);border-radius:10px;background:rgba(244,241,235,.94);box-shadow:0 4px 20px #18222b14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#studio-navigation a{color:#18222b}}

/* Keep the profile menu compact and readable at every screen size. */
@media(min-width:0px){
 #customer-context::before{inset:-6px;border-radius:12px;box-shadow:0 3px 12px #18222b10}
 #customer-context:has(.generation-time:not([hidden]))::before{left:-40px;bottom:-30px}
 #customer-context .customer-menu-panel{width:240px;min-width:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 116px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;gap:0;padding:14px;border:1px solid #c8bbaa;border-radius:12px;background:rgba(244,241,235,.98);color:#18222b;box-shadow:0 10px 30px #18222b26;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 #customer-context .customer-menu-panel strong{font-size:16px;font-weight:500;margin-bottom:8px}
 #customer-context .customer-menu-panel span{font-size:13px;color:#58636a}
 #customer-context .customer-menu-panel .customer-plan{font-size:12px;color:#655139;margin-bottom:8px;padding:3px 8px}
 #customer-context .customer-menu-panel>span:not(.customer-plan){margin-bottom:10px}
 #customer-context .customer-menu-panel :is(a,button){display:flex;align-items:center;width:100%;min-height:44px;margin:0;padding:10px 2px;border:0;border-top:1px solid #c8bbaa66;border-radius:0;background:transparent;color:#18222b;box-shadow:none;font:400 14px/1.4 'DM Sans',system-ui,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
 #customer-context .customer-menu-panel :is(a,button):hover{background:#e9e4dc}
 #customer-context .customer-menu-panel :is(a,button):focus-visible{outline:2px solid #8b6838;outline-offset:-2px}
}