.studio-photo-dialog{--sp-ink:var(--cb-text);--sp-muted:var(--cb-muted);--sp-line:var(--cb-border);--sp-jade:var(--cb-primary);box-sizing:border-box;width:min(1180px,calc(100vw - 48px));max-width:none;height:min(870px,calc(100dvh - 48px));max-height:none;margin:auto;padding:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 1.41667);color:var(--sp-ink);background:var(--cb-raised);box-shadow:var(--cb-shadow);overflow:hidden;font-family:var(--cb-font);font-size:calc(13px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale))}
.studio-photo-dialog::backdrop{background:color-mix(in srgb, var(--cb-overlay-ink) 65.88235%, transparent);backdrop-filter:blur(5px)}
.studio-photo-dialog *{box-sizing:border-box}
.studio-photo-dialog [hidden]{display:none!important}
.studio-photo-dialog button,.studio-photo-dialog input,.studio-photo-dialog select{font:inherit}
.studio-photo-dialog button{cursor:pointer;color:inherit}
.studio-photo-dialog button:disabled,.studio-photo-dialog input:disabled,.studio-photo-dialog select:disabled{opacity:.48;cursor:not-allowed}
.studio-photo-dialog button:focus-visible,.studio-photo-dialog input:focus-visible,.studio-photo-dialog select:focus-visible,.studio-photo-dialog summary:focus-visible{outline:max(3px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:3px}
.sp-heading{height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:var(--cb-border-width) solid var(--sp-line);background:var(--cb-surface)}
.sp-eyebrow{font-size:calc(9px * var(--cb-type-scale));letter-spacing:.18em;font-weight:700;color:var(--cb-muted)}
.sp-heading h2{font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.3 * var(--cb-leading-scale));margin:3px 0 4px;letter-spacing:-.03em;font-weight:var(--cb-heading-weight)}
.sp-heading p{font-size:calc(11px * var(--cb-type-scale));margin:0;color:var(--cb-text)}.sp-heading p span{color:var(--cb-muted)}
.sp-close{width:36px;height:36px;display:grid;place-items:center;border:var(--cb-border-width) solid var(--sp-line);border-radius:50%;background:var(--cb-raised);font-size:25px!important;line-height:1}
.sp-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:calc(100% - 100px)}
.sp-main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px;background:var(--cb-inset)}
.sp-stage,.sp-result{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;background:var(--cb-preview-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cb-border) 14.5098%, transparent)}
.studio-photo-canvas{display:block;flex:none;max-width:100%;max-height:100%;touch-action:none;outline:0;box-shadow:var(--cb-shadow)}
.sp-loading{padding:calc(var(--cb-editor-space) * 1.5);text-align:center;color:var(--cb-text);font-size:calc(13px * var(--cb-type-scale))}
.sp-stage.has-error{padding:40px;text-align:center;line-height:calc(1.8 * var(--cb-leading-scale));color:var(--cb-danger-ink)}
.sp-result img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.sp-result.is-actual-size{display:block;overflow:auto;overscroll-behavior:contain}
.sp-result.is-actual-size img{max-width:none;max-height:none;object-fit:none}
.sp-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;flex:none;padding-top:8px;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);flex-wrap:wrap}
.sp-stage-foot>div{display:flex;gap:12px;align-items:center}
.sp-text{border:0;background:transparent;padding:calc(var(--cb-editor-space) * 0.3) 0;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text)!important;text-decoration:underline;text-underline-offset:3px;min-height:32px}
.sp-sidebar{padding:calc(var(--cb-editor-space) * 1);min-height:0;overflow:auto;border-left:var(--cb-border-width) solid var(--sp-line);scrollbar-width:thin;overscroll-behavior:contain;background:var(--cb-inset)}
.sp-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);margin:0 0 17px}.sp-section-heading h3{font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight);margin:0}.sp-section-heading>span{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}
.sp-field{display:flex;flex-direction:column;gap:calc(var(--cb-editor-space) * 0.3);margin-bottom:13px;min-width:0}.sp-field>span{font-size:calc(11px * var(--cb-type-scale));font-weight:500;color:var(--cb-text)}
.sp-field input,.sp-field select{width:100%;min-width:0;min-height:37px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-surface);color:var(--cb-text);padding:7px 9px;font-size:calc(12px * var(--cb-type-scale));box-shadow:none}
.sp-field input{font-variant-numeric:tabular-nums}.sp-field select{padding-right:24px}
.sp-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-editor-space) * 0.45)}.sp-pair>.sp-field{margin-bottom:13px}
.sp-help{color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.7 * var(--cb-leading-scale));margin:-5px 0 14px}.sp-orbit-help{margin:12px 0;color:var(--cb-muted)}
.sp-divider{height:1px;background:var(--sp-line);margin:18px 0}
.sp-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--cb-editor-space) * 0.25);margin-top:-5px;margin-bottom:14px}.sp-presets button{padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.1);min-height:30px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:var(--cb-inset);font-size:calc(10px * var(--cb-type-scale));color:var(--cb-text)}.sp-presets button.is-active{background:var(--cb-selected);border-color:var(--cb-border-strong);color:var(--cb-on-selected)}
.sp-coordinate-details{margin:12px 0}.sp-coordinate-details summary{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text);padding:calc(var(--cb-editor-space) * 0.25) 0;cursor:pointer}.sp-vector{padding:0;border:0;margin:11px 0 6px}.sp-vector legend{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-bottom:6px}.sp-vector>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.3)}.sp-vector .sp-field{margin-bottom:5px;gap:calc(var(--cb-editor-space) * 0.15)}.sp-vector .sp-field>span{font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}.sp-vector input{font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.3) calc(var(--cb-editor-space) * 0.2)}
.sp-button,.sp-primary{display:flex;justify-content:center;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);width:100%;min-height:41px;padding:calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.55);border:var(--cb-border-width) solid var(--cb-primary);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-primary);color:var(--cb-on-primary);font-size:calc(12px * var(--cb-type-scale));margin:0 0 10px}
.sp-primary{background:var(--sp-jade);color:var(--cb-on-primary)!important;border-color:var(--sp-jade)}.sp-primary:hover{background:var(--cb-primary-hover)}.sp-button:hover{background:var(--cb-hover)}
.sp-shutter{min-height:46px;font-size:calc(14px * var(--cb-type-scale));font-weight:600;margin:13px 0 0}.sp-shutter>span{font-size:calc(24px * var(--cb-type-scale));line-height:1}
.sp-cover{margin-top:13px;border-color:var(--cb-border);background:var(--cb-inset);color:var(--cb-text)}
.sp-template-cover{padding:calc(var(--cb-editor-space) * 0.6);margin:0 0 14px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-raised)}.sp-template-cover p{margin:0 0 9px;font-size:calc(11px * var(--cb-type-scale));overflow-wrap:anywhere}.sp-template-cover small{display:block;font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.6 * var(--cb-leading-scale));color:var(--cb-muted)}.sp-template-cover .sp-button{font-size:calc(11px * var(--cb-type-scale));min-height:37px;margin-bottom:8px}.sp-storage-note{font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.7 * var(--cb-leading-scale));color:var(--cb-muted);padding-top:calc(var(--cb-editor-space) * 0.5);border-top:var(--cb-border-width) solid var(--cb-border);margin:0}
.sp-status{font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.7 * var(--cb-leading-scale));margin:17px 0 0;padding:calc(var(--cb-editor-space) * 0.55) calc(var(--cb-editor-space) * 0.6);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-inset);color:var(--cb-text);overflow-wrap:anywhere}.sp-status.is-error{background:var(--cb-danger-soft);color:var(--cb-danger-ink)}
.sp-review dl{margin:0 0 23px}.sp-review dl>div{display:flex;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);padding:calc(var(--cb-editor-space) * 0.5) 0;border-bottom:var(--cb-border-width) solid var(--cb-border);font-size:calc(12px * var(--cb-type-scale))}.sp-review dt{color:var(--cb-muted);flex:none}.sp-review dd{color:var(--cb-text);text-align:right;margin:0;overflow-wrap:anywhere}
.sp-history{display:flex;gap:calc(var(--cb-editor-space) * 0.4);flex:none;height:73px;overflow:auto;padding-top:calc(var(--cb-editor-space) * 0.4);scrollbar-width:thin}.sp-history button{width:69px;min-width:69px;height:61px;position:relative;padding:calc(var(--cb-editor-space) * 0.15);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);border-radius:calc(var(--cb-radius) * 0.5);overflow:hidden}.sp-history button[aria-pressed=true]{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:-2px}.sp-history img{width:100%;height:100%;object-fit:contain}.sp-history span{position:absolute;bottom:1px;left:1px;right:1px;background:color-mix(in srgb, var(--cb-raised) 87.45098%, transparent);color:var(--cb-text);font-size:calc(7px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));text-align:center}
@media(max-width:800px){.studio-photo-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);border-radius:calc(var(--cb-radius) * 1)}.sp-layout{grid-template-columns:minmax(0,1fr) 260px}.sp-main{padding:12px}.sp-sidebar{padding:calc(var(--cb-editor-space) * 0.75)}.sp-heading{padding:16px 18px}.sp-heading h2{font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}}
@media(max-width:600px){.studio-photo-dialog{width:100vw;height:100dvh;margin:0;border-radius:0;border:0;overflow:auto}.sp-heading{height:87px;position:sticky;top:0;z-index:2}.sp-heading p span{display:none}.sp-layout{height:auto;display:flex;flex-direction:column;min-height:calc(100% - 87px)}.sp-main{min-height:390px;height:53dvh;flex:none;padding:12px}.sp-sidebar{overflow:visible;border-left:0;border-top:var(--cb-border-width) solid var(--sp-line);padding:calc(var(--cb-editor-space) * 1)}.sp-stage-foot{font-size:calc(9px * var(--cb-type-scale))}.sp-stage-foot>span{max-width:60%}.sp-history{height:59px}.sp-history button{height:47px}.sp-section-heading{margin-bottom:15px}.sp-sidebar .sp-review{max-width:500px;margin:auto}}