.studio-camera-panel{position:relative;min-width:0;color:var(--cb-text);font:calc(11px * var(--cb-type-scale))/calc(1.3 * var(--cb-leading-scale)) var(--cb-font)}
.studio-camera-row,.studio-camera-main,.studio-camera-actions{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);min-width:0}
.studio-camera-row{justify-content:space-between;min-height:31px;gap:calc(var(--cb-editor-space) * 0.5)}
.studio-camera-panel select,.studio-camera-panel button,.studio-camera-panel summary{min-height:26px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);padding:3px 7px;background:var(--cb-surface);color:inherit;font:inherit;white-space:nowrap}
.studio-camera-panel button,.studio-camera-panel summary{cursor:pointer}
.studio-camera-panel select{max-width:105px;padding-right:20px}
.studio-camera-panel select[data-camera=projection]{max-width:132px}
.studio-camera-main{flex-wrap:wrap}
.studio-camera-framing{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.6);flex-wrap:wrap;padding-top:calc(var(--cb-editor-space) * 0.2)}
.studio-camera-framing>label{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);white-space:nowrap;min-width:0}
.studio-camera-framing>label[hidden]{display:none}
.studio-camera-framing input[type=range]{width:85px;min-width:45px;accent-color:var(--cb-primary)}
.studio-camera-framing input[type=number]{width:53px;min-height:24px;padding:calc(var(--cb-editor-space) * 0.1) calc(var(--cb-editor-space) * 0.2);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-surface);color:inherit;font:inherit}
.studio-camera-framing input[data-camera-frame]{width:43px}
.studio-camera-framing>small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-left:auto;white-space:nowrap}
.studio-camera-colors{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.6);padding-top:calc(var(--cb-editor-space) * 0.45);margin-top:8px;border-top:var(--cb-border-width) solid var(--cb-border)}
.studio-camera-colors>label{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);white-space:nowrap}
.studio-camera-colors input[type=color]{width:26px;height:26px;padding:2px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface);cursor:pointer}
.studio-camera-colors input[type=text]{width:65px;min-width:0;height:26px;box-sizing:border-box;padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.2);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface);color:inherit;font:calc(11px * var(--cb-type-scale))/calc(1.3 * var(--cb-leading-scale)) var(--cb-mono)}
.studio-camera-colors>small{color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale))}
.sd-canvas.has-camera-frame{background:var(--cb-preview-surface)}
.sd-canvas.has-camera-frame>.sd-model-canvas{box-shadow:0 0 0 1px var(--cb-shadow-ink);position:absolute}
.sd-camera-frame-caption{position:absolute;bottom:5px;right:7px;z-index:2;pointer-events:none;background:color-mix(in srgb, var(--cb-inverse) 78.82353%, transparent);color:var(--cb-on-inverse);border-radius:calc(var(--cb-radius) * 0.33333);padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.3);font:calc(10px * var(--cb-type-scale))/calc(1.3 * var(--cb-leading-scale)) var(--cb-font)}
.sd-camera-frame-caption[hidden]{display:none}
.studio-camera-panel button:disabled,.studio-camera-panel select:disabled{opacity:.5;cursor:not-allowed}
.studio-camera-grid{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.15);white-space:nowrap}
.studio-camera-grid input{width:13px;height:13px;margin:0;accent-color:var(--cb-primary)}
.studio-camera-state{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);white-space:nowrap}
.studio-camera-details{position:relative}
.studio-camera-details summary{list-style:none;display:flex;align-items:center;justify-content:center}
.studio-camera-details summary::-webkit-details-marker{display:none}
.studio-camera-details summary:after{content:'⌄';padding-left:calc(var(--cb-editor-space) * 0.2)}
.studio-camera-details[open] summary{background:var(--cb-inset)}
.studio-camera-popover{position:absolute;right:0;top:calc(100% + 5px);z-index:25;width:290px;max-width:calc(100vw - 36px);box-sizing:border-box;padding:calc(var(--cb-editor-space) * 0.5);background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);box-shadow:var(--cb-shadow)}
.studio-camera-popover>label{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);margin-bottom:9px;font-size:calc(11px * var(--cb-type-scale))}
.studio-camera-popover>label[hidden]{display:none}
.studio-camera-popover input[type=number]{width:77px;padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.25);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-surface);color:inherit;font:inherit}
.studio-camera-popover input[type=range]{min-width:0;width:115px;accent-color:var(--cb-primary)}
.studio-camera-popover output{width:38px;text-align:right;font-variant-numeric:tabular-nums}
.studio-camera-extra{display:flex;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.25)}
.studio-camera-popover p{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));color:var(--cb-muted);margin:9px 0 0}
.studio-camera-message{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-camera-message.is-visible{position:static;width:auto;height:auto;margin:3px 0;overflow:visible;clip-path:none;white-space:normal;font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.4 * var(--cb-leading-scale));color:var(--cb-text)}
.studio-camera-message.is-error{color:var(--cb-danger-ink)}
.studio-camera-panel :focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
.studio-camera-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:4px 10px;border-bottom:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised)}
.studio-camera-strip>.sd-view-tools{position:static;display:flex;flex-direction:row;gap:3px;padding:0;border:0;background:transparent;flex:0 0 auto}
.studio-camera-strip>.studio-camera-panel{flex:1;min-width:300px}
.studio-camera-strip .sd-view-button{min-height:26px;padding:3px 6px}
.studio-camera-strip .sd-view-tools .sd-icon-button{min-height:26px;height:26px;width:26px}
@media(max-width:600px){.studio-camera-row{gap:calc(var(--cb-editor-space) * 0.25)}.studio-camera-main,.studio-camera-actions{gap:calc(var(--cb-editor-space) * 0.15)}.studio-camera-panel{font-size:calc(10px * var(--cb-type-scale))}.studio-camera-panel select,.studio-camera-panel button,.studio-camera-panel summary{padding-left:calc(var(--cb-editor-space) * 0.25);padding-right:5px}.studio-camera-panel select{max-width:90px;padding-right:16px}.studio-camera-state{display:none}}

.studio-camera-library-row{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);margin-bottom:4px;flex-wrap:wrap}.studio-camera-library-row select{max-width:165px;min-width:105px}.studio-camera-library-row input{font:inherit;color:inherit;min-width:75px;width:115px;min-height:26px;padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.3);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-surface)}.studio-camera-library-row small{margin-left:auto;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}.studio-camera-library-row button{min-height:26px}