.cp-camera{position:fixed;inset:0;z-index:2147483000;background:#07101dec;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));color:#fff}.cp-camera-card{width:min(600px,100%);text-align:center;background:#142136;border-radius:24px;padding:24px}.cp-camera video{width:100%;max-height:55vh;object-fit:contain;border-radius:16px;transform:scaleX(-1);background:#000}.cp-camera p{font-size:20px;min-height:28px}.cp-camera button{font:inherit;padding:12px 16px;border-radius:12px;border:1px solid #8395aa;background:#18283b;color:#edf4ff}.cp-camera [hidden]{display:none!important}.cp-root{padding:24px;color:var(--sh-text)}
.cp-root button,.cp-root input{font:inherit;padding:12px 16px;border-radius:12px;border:1px solid var(--sh-line);background:var(--sh-surface);color:var(--sh-text)}
.cp-root h2,.cp-root h3,.cp-root label{color:var(--sh-text)}
.cp-root p{color:var(--sh-muted)}.cp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:20px}.cp-photo{border:1px solid var(--sh-line);padding:12px;border-radius:16px;background:var(--sh-surface)}.cp-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.cp-photo h3{margin:8px 0 6px}.cp-photo p{margin:6px 0}.cp-root [hidden]{display:none!important}

/* Keep gallery controls consistent with their surface despite dashboard-wide theme overrides. */
html .sh-root.cp-root :is(button,input){background:var(--sh-surface)!important;color:var(--sh-text)!important;-webkit-text-fill-color:var(--sh-text)!important;border-color:var(--sh-line)!important}