.ui-ready .camera-row.camera-studio{display:block;margin-top:16px;padding-top:16px;border-top:1px solid #d4dfca;color:#3f593e}
.camera-active-control{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 54px);right:max(20px,env(safe-area-inset-right));z-index:7;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 13px;background:#fcfaf0ed;border:1px solid #d4dfc9;border-radius:99px;box-shadow:0 3px 12px #24381f10;color:#47613f;font-size:10px;font-weight:600}.camera-active-control::before{content:'';width:6px;height:6px;border-radius:50%;background:#669357}.camera-active-control:hover{background:#fffef7}.camera-active-control[hidden],.ui-ready.hud-hidden .camera-active-control{display:none!important}
.camera-studio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.camera-eyebrow{display:block;font-size:9px;letter-spacing:.04em;color:#76856b}.camera-studio h3{font-size:15px;line-height:1.35;font-weight:600;margin:4px 0 0}.camera-live-state{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid #d1dcc7;border-radius:30px;padding:6px 9px;font-size:9px;background:#f0f3e8}.camera-live-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#a5af9c}.camera-studio[data-camera-state=ready] .camera-live-state{color:#315b38;background:#e5f0dd}.camera-studio[data-camera-state=ready] .camera-live-state::before{background:#5a884e}.camera-studio[data-camera-state=loading] .camera-live-state::before{background:#b6934a}.camera-studio[data-camera-state=error] .camera-live-state{background:#fbf0e6;color:#855d3c}
.camera-studio-actions{display:flex;flex-wrap:wrap;gap:8px}.ui-ready .camera-studio-actions button{min-height:44px;font-size:11px;line-height:1.35;padding:10px 14px;border-radius:11px}.ui-ready .camera-studio #camera-gestures{background:#68835f;color:#fffef4;border-color:#68835f}.ui-ready .camera-studio #camera-gestures[aria-pressed=true]{background:#f7ece4;color:#805742;border-color:#e4cebd}.ui-ready .camera-studio #camera-preview-toggle{background:#eff3e7;border-color:#d3dfc8;color:#53684c}.ui-ready .camera-studio #camera-status{font-size:10px;line-height:1.55;margin:9px 0 0;max-width:none}.camera-preview-panel{margin-top:12px}.camera-preview-panel[hidden],.camera-preview-empty[hidden]{display:none!important}
.camera-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:center}.camera-view{position:relative;min-width:0;aspect-ratio:4/3;overflow:hidden;background:#dce5d2;border:1px solid #c4d1b9;border-radius:14px}.camera-video-slot,.camera-preview-empty{position:absolute;inset:0}.camera-local-video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#26352b}.camera-preview-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:16px 16px 32px;text-align:center;font-size:10px;line-height:1.5;color:#617359}.camera-preview-empty>span:first-child{font-size:26px}.camera-preview-empty strong{font-weight:600;color:#4b6244}.camera-mirror-label{position:absolute;bottom:8px;left:8px;right:8px;width:max-content;max-width:calc(100% - 16px);border-radius:7px;background:#fcfaf0e8;color:#4b6346;padding:5px 7px;font-size:8px;line-height:1.3;pointer-events:none}.ui-ready .camera-studio .camera-detection{font-size:10px;line-height:1.5;color:#738366;margin:0 0 6px}.ui-ready .camera-studio .camera-feedback{font-size:14px;font-weight:600;line-height:1.55;color:#415f3b;margin:0 0 8px}.ui-ready .camera-studio .camera-tip{font-size:10px;line-height:1.6;color:#76826c;margin:0}.camera-gesture-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}.camera-gesture-guide li{display:flex;gap:9px;align-items:flex-start;border:1px solid #dae3d1;border-radius:11px;background:#f5f7ed;padding:11px;transition:background-color .15s,border-color .15s}.camera-gesture-guide li[data-recognized]{background:#e2eed8;border-color:#8caf7b}.camera-guide-icon{font-size:20px;line-height:1.2;flex-shrink:0}.camera-gesture-guide strong{display:block;font-size:11px;font-weight:600;line-height:1.4}.camera-gesture-guide div>span{display:block;font-size:10px;line-height:1.45;color:#63735b;margin-top:4px}.camera-gesture-guide small{display:block;font-size:9px;line-height:1.4;color:#7b866e;margin-top:4px}.ui-ready .camera-studio .camera-privacy{font-size:9px;line-height:1.6;color:#78836f;margin:12px 0 0}
@media(max-width:540px){.camera-studio-heading{gap:7px}.camera-studio h3{font-size:13px}.camera-eyebrow{font-size:8px}.camera-live-state{font-size:8px;padding:6px 7px}.ui-ready .camera-studio-actions button{font-size:10px;flex:1;padding:9px 8px}.camera-preview-layout{grid-template-columns:minmax(0,1fr);gap:10px}.camera-view{max-height:210px;aspect-ratio:4/3;width:min(100%,280px);justify-self:center}.ui-ready .camera-studio .camera-feedback{font-size:12px;margin-bottom:5px}.camera-gesture-guide{gap:6px}.camera-gesture-guide li{padding:9px 7px;gap:6px}.camera-guide-icon{font-size:17px}.camera-gesture-guide strong{font-size:10px}.camera-gesture-guide div>span{font-size:9px}.camera-gesture-guide small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.camera-gesture-guide li{transition:none}}
@media(max-width:540px){.camera-active-control{top:calc(max(13px,env(safe-area-inset-top)) + 52px);right:max(12px,env(safe-area-inset-right));padding:9px 11px;font-size:9px}}
@media(max-height:540px){.camera-active-control{top:calc(max(8px,env(safe-area-inset-top)) + 46px);min-height:40px}}
@media(min-width:541px) and (max-height:540px){.camera-active-control{top:max(8px,env(safe-area-inset-top));right:calc(max(20px,env(safe-area-inset-right)) + 110px)}}