.cf-camera-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:0 0 auto}
.cf-camera [hidden]{display:none!important}
.cf-camera .cf-camera-controls button{width:auto;flex:0 0 auto;margin:0;min-height:44px;padding:6px 12px;font-size:13px}
.cf-camera-zoom{display:flex;gap:6px;align-items:center;flex:1 1 160px;min-width:0;color:inherit;font-size:13px}
.cf-camera .cf-camera-zoom input[type=range]{width:100%;min-width:50px;min-height:44px;padding:0;margin:0;flex:1}
#workspace .cf-camera .cf-camera-zoom{color:inherit}
.cf-camera-zoom output{min-width:3em;white-space:nowrap}
.cf-camera-viewfinder{overflow:hidden;border-radius:8px;background:#06182b;flex:0 0 auto;width:min(100%,calc(60vh * var(--camera-ratio,1.333333)));aspect-ratio:4/3;position:relative;align-self:center;margin-inline:auto}
.cf-camera .cf-camera-viewfinder video{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;transform-origin:center;object-fit:contain}
@media(max-width:720px){
 .cf-camera:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(120px,1fr) auto auto auto auto auto;gap:6px;padding: max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow-y:auto}
 .cf-camera .cf-camera-viewfinder{grid-column:1/-1;width:100%;height:100%;aspect-ratio:auto;min-height:120px;margin:0}
 .cf-camera .cf-camera-controls{grid-column:1/-1;gap:6px}
 .cf-camera .cf-camera-controls button{flex:0 0 auto}
 .cf-camera .cf-camera-zoom{flex:1 1 140px}
 .cf-camera>input:not([type=file]){grid-column:1/-1;width:100%;min-height:40px;height:40px;padding:6px 10px;margin:0;font-size:16px}
 .cf-camera>button{width:100%;min-width:0;min-height:44px;margin:0;padding:6px;font-size:12px;line-height:1.15}
 .cf-camera>#cameraCapture{grid-column:1}
 .cf-camera>#cameraNative{grid-column:2}
 .cf-camera>#cameraClose{grid-column:3}
 .cf-camera>#cameraDiscard:not([hidden]){grid-column:1/-1;grid-row:5}
 .cf-camera>p{grid-column:1/-1;font-size:12px;line-height:1.2;margin:0}
 .cf-camera>p:empty{display:none}
 .cf-camera>.muted{font-size:10px;line-height:1.2;max-height:2.4em;overflow-y:auto;color:#dce8f6}
}