.photo-pro{--photo-blue:#55c7e0;--photo-pink:#ef62b7;--photo-panel:#171c21;position:relative}
.photo-pro-bar{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:42px;padding:0 9px;border-bottom:1px solid #080a0c;background:linear-gradient(90deg,#171b20,#20252a 50%,#171b20)}
.photo-pro-bar nav,.photo-pro-bar>div{display:flex;align-items:center;gap:4px}.photo-pro-bar nav button{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:#87939d;font-size:8px}.photo-pro-bar nav button:hover{background:#ffffff09;color:#dce3e8}.photo-pro-bar nav button.is-active{border-color:#4e98aa;background:#21343d;color:#7dd8e9}.photo-pro-bar nav svg{width:13px;height:13px}.photo-pro-bar>div{color:#78858f;font-size:7px}.photo-pro-bar>div>span{display:flex;align-items:center;gap:5px;margin-right:4px}.photo-pro-bar>div>span i{width:7px;height:7px;border-radius:50%;background:#5bd697;box-shadow:0 0 8px #5bd697}.photo-pro-bar>div>b{padding:4px 6px;border:1px solid #374049;border-radius:3px;background:#11171c;color:#98a6b0;font-size:6px}.photo-pro-bar>div>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #3d464e;border-radius:3px;background:#252b31;color:#a8b3bb}
.photo-pro-quick{display:flex;align-items:center;gap:4px;min-height:38px;padding:0 8px;border-bottom:1px solid #090b0d;background:#20252a}.photo-pro-quick strong{display:flex;align-items:center;gap:5px;margin-right:5px;color:#d0d7dc;font-size:8px}.photo-pro-quick strong svg{color:var(--photo-pink)}.photo-pro-quick button{display:flex;align-items:center;gap:4px;height:26px;padding:0 7px;border:1px solid #3c454d;border-radius:3px;background:#262c31;color:#9da9b2;font-size:7px}.photo-pro-quick button:hover{border-color:#4d9bac;color:#73d7e8}.photo-pro-quick button svg{width:12px;height:12px}
.photo-pro .mdx-editor-body{position:relative}.photo-pro .mdx-editor-panel{grid-template-rows:auto auto auto minmax(0,1fr);overflow-y:auto}.photo-pro-insight,.photo-pro-adjustments{border-bottom:1px solid #0a0c0e;background:#1c2227}.photo-pro-insight summary,.photo-pro-adjustments summary{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 8px;color:#b5c0c8;font-size:8px;font-weight:700;cursor:pointer}.photo-pro-insight summary span,.photo-pro-adjustments summary span{display:flex;align-items:center;gap:5px}.photo-pro-insight summary svg,.photo-pro-adjustments summary svg{width:12px;height:12px;color:var(--photo-blue)}.photo-pro-previews{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 7px 6px}.photo-pro-previews canvas{width:100%;height:72px;border:1px solid #374149;border-radius:2px;background:#0b1014}.photo-pro-stats{display:flex;gap:7px;padding:0 8px 7px;color:#6f7e88;font-size:6px}.photo-pro-stats b{color:#aab8c2}.photo-pro-adjustments>div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:0 7px 7px}.photo-pro-adjustments button{display:grid;place-items:center;gap:3px;min-height:42px;padding:3px;border:1px solid #38424a;border-radius:3px;background:#22282d;color:#84939e;font-size:6px}.photo-pro-adjustments button:hover{border-color:#a65387;color:#f18cc9}.photo-pro-adjustments button svg{width:13px;height:13px}.photo-pro-layer-tools{display:grid;grid-template-columns:1fr 25px 25px 25px;gap:3px;padding:6px;border-bottom:1px solid #0a0c0e;background:#1a2025}.photo-pro-layer-tools label{display:grid;grid-template-columns:15px 1fr;align-items:center;border:1px solid #3b464e;border-radius:3px;background:#10161b;color:#64747e}.photo-pro-layer-tools input{width:100%;height:25px;border:0;outline:0;background:transparent;color:#c9d3da;font-size:7px}.photo-pro-layer-tools button{display:grid;place-items:center;border:1px solid #3b464e;border-radius:3px;background:#242a30;color:#91a0aa}
.photo-raw-panel{position:absolute;z-index:25;top:0;right:0;bottom:0;width:290px;overflow:auto;border-left:1px solid #49535c;background:#1b2025;box-shadow:-18px 0 42px #0009}.photo-raw-panel[hidden]{display:none}.photo-raw-panel>header{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 10px;border-bottom:1px solid #3b444c;background:#252b31}.photo-raw-panel header>div{display:grid;gap:2px}.photo-raw-panel header strong{font-size:10px}.photo-raw-panel header span{color:#73818b;font-size:6px}.photo-raw-panel header button{display:grid;place-items:center;width:27px;height:27px;border:0;background:transparent;color:#9aa8b2}.photo-raw-panel>section{display:grid;gap:9px;padding:11px;border-bottom:1px solid #343d44}.photo-raw-panel>section>strong{color:#c1cbd2;font-size:8px}.photo-raw-panel label{display:grid;gap:4px;color:#8997a1;font-size:7px}.photo-raw-panel label>span{display:flex;justify-content:space-between}.photo-raw-panel label b{color:#c1cbd2}.photo-raw-panel input{width:100%;accent-color:var(--photo-blue)}.photo-raw-presets{display:grid;grid-template-columns:1fr 1fr;gap:4px}.photo-raw-presets button{height:30px;border:1px solid #3e4850;border-radius:3px;background:#242a2f;color:#9da9b1;font-size:7px}.photo-raw-panel>footer{display:flex;justify-content:flex-end;gap:5px;padding:9px}.photo-raw-panel>footer button{height:29px;padding:0 10px;border:1px solid #46515a;border-radius:3px;background:#292f35;color:#aeb9c1;font-size:7px}.photo-raw-panel>footer button.is-primary{border-color:#358ca0;background:#2b6574;color:#fff}
.photo-pro-toast{position:absolute;z-index:90;right:14px;bottom:40px;max-width:330px;padding:9px 12px;border:1px solid #4a555d;border-left:3px solid var(--photo-blue);border-radius:4px;background:#252b31;color:#d4dce1;font-size:8px;box-shadow:0 14px 36px #000b}.photo-pro-toast[hidden]{display:none}.photo-pro-toast[data-kind=success]{border-left-color:#56d398}.photo-pro.is-photo-compare [data-adv-editor-canvas]{filter:none!important;opacity:.68}.photo-pro[data-photo-workspace=design] .photo-pro-quick{background:linear-gradient(90deg,#2a1828,#20252a)}.photo-pro[data-photo-workspace=raw] .photo-pro-bar nav button[data-photo-tab=raw]{box-shadow:0 0 18px #55c7e022}
@media(max-width:1100px){.photo-pro-bar>div>b{display:none}.photo-pro-quick{overflow-x:auto}.photo-pro-quick>*{flex:none}.photo-pro-insight{display:none}}
@media(max-width:760px){.photo-pro{min-width:980px}.photo-pro-bar nav button span{display:none}.photo-pro-bar nav button{width:31px;padding:0;justify-content:center}.photo-raw-panel{position:fixed;top:58px;z-index:150}}
@media(prefers-reduced-motion:reduce){.photo-pro-toast{transition:none}}