#peck-photos.pp-editing .pp-app{height:100dvh;min-height:0;display:flex;flex-direction:column}
#peck-photos.pp-editing .pp-header{flex:none;padding:8px 16px;min-height:62px}
#peck-photos.pp-editing .pp-brand img{width:40px;height:40px}
#peck-photos.pp-editing .pp-layout{display:block;flex:1;min-height:0}
#peck-photos.pp-editing .pp-nav{display:none}
#peck-photos.pp-editing .pp-main{padding:0;height:100%;opacity:1}
.es-studio{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#f5f6f7}
.es-top{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pp-line);background:var(--pp-panel)}
.es-title{display:flex;gap:12px;align-items:center;min-width:0}.es-title>div{min-width:0}
#peck-photos .es-title h1{font-size:21px;letter-spacing:-.5px}
.es-title span{display:block;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--pp-muted)}
.es-main-actions,.es-tools,.es-bottom>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.es-main-actions{flex-shrink:0}.es-main-actions .pp-btn{padding:8px 12px}
.es-body{display:grid;grid-template-columns:minmax(0,1fr) 292px;min-height:0}
.es-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#20262c}
.es-tools{background:#2a323a;padding:7px 12px;border-bottom:1px solid #46515b;color:#ecf1f5}
.es-tools .pp-btn{background:transparent;border-color:#596773;color:#e2e9ef;font-size:13px;min-height:36px;padding:6px 11px}
.es-tools .pp-btn[aria-pressed=true]{background:#e6c995;border-color:#e6c995;color:#143c56;font-weight:650}
.es-tool-spacer{flex:1}
.es-viewport{position:relative;min-height:180px;overflow:hidden;touch-action:none;user-select:none;cursor:grab;isolation:isolate;outline-offset:-3px!important}
.es-viewport:active{cursor:grabbing}.es-viewport.es-drawing{cursor:crosshair}
.es-viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}
.es-image-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;padding:10px 14px;background:#151b22df;border-radius:8px;color:white;font-size:13px;text-align:center;pointer-events:none}
.es-image-status.es-bad{background:#722e29}
.es-crop{position:absolute;border:1px solid #fff;box-shadow:0 0 0 9999px #080e1566;cursor:move;touch-action:none}
.es-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - .5px),#fff6 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#fff6 66.666%,transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#fff6 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#fff6 66.666%,transparent calc(66.666% + .5px))}
.es-handle{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;touch-action:none}
.es-handle:before{content:'';display:block;width:10px;height:10px;position:absolute;left:11px;top:11px;background:white;border:1px solid #24465d;box-shadow:0 1px 5px #0005;border-radius:2px}
.es-nw{left:0;top:0;cursor:nwse-resize}.es-n{left:50%;top:0;cursor:ns-resize}.es-ne{left:100%;top:0;cursor:nesw-resize}.es-e{left:100%;top:50%;cursor:ew-resize}.es-se{left:100%;top:100%;cursor:nwse-resize}.es-s{left:50%;top:100%;cursor:ns-resize}.es-sw{left:0;top:100%;cursor:nesw-resize}.es-w{left:0;top:50%;cursor:ew-resize}
.es-bottom{padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#29323a;color:#d6e0e7;font-size:12px}
.es-bottom .pp-btn{padding:4px 9px;min-height:32px;background:transparent;color:#e6edf3;border-color:#5b6974}
.es-zoom{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}.es-dimensions{font-variant-numeric:tabular-nums}.es-draft-status{color:#e8cc98}
.es-inspector{padding:14px;overflow:auto;min-height:0;min-width:0;background:var(--pp-panel);border-left:1px solid var(--pp-line);overscroll-behavior:contain}
.es-panel{display:grid;gap:12px}.es-panel h2{font-size:17px!important}
.es-group{border-top:1px solid var(--pp-line)}.es-group summary{padding:11px 0;cursor:pointer;font-size:14px;font-weight:600;min-height:44px}
.es-group[open]{padding-bottom:6px}.es-group[open] summary{margin-bottom:3px}
.es-control{display:block;font-size:13px;margin-bottom:7px}.es-control>span:first-child{display:flex;justify-content:space-between;gap:8px}.es-control output{font-variant-numeric:tabular-nums;color:var(--pp-muted)}
.es-slider{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center}
.es-slider input[type=range]{width:100%;height:32px;margin:0;accent-color:#174765;cursor:ew-resize}
.es-slider .pp-btn{width:32px;min-height:32px;padding:3px;border-color:transparent;background:transparent}
.es-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.es-button-grid .pp-btn{font-size:12px;padding:8px 5px}
.es-save-fields{border-top:1px solid var(--pp-line);margin-top:16px;padding-top:12px;display:grid;gap:6px}
.es-inspector select,.es-inspector input:not([type=range]):not([type=checkbox]),.es-inspector textarea{max-width:100%;width:100%;border:1px solid var(--pp-line);border-radius:7px;padding:9px;color:var(--pp-ink);background:var(--pp-panel);min-height:40px}
.es-ai-panel{display:grid;gap:12px}.es-ai-panel textarea{min-height:130px;resize:vertical}.es-ai-estimate{display:grid;gap:8px}.es-error{font-size:13px;color:#9e3028;overflow-wrap:anywhere}.es-conflict{margin-bottom:12px}.es-conflict .pp-btn{margin-top:6px}
@media(max-width:1000px){.es-body{grid-template-columns:minmax(0,1fr) 262px}.es-top{padding:8px 12px;gap:8px}.es-main-actions .pp-btn{padding:8px;font-size:13px}.es-dimensions{display:none}}
@media(max-width:700px){#peck-photos.pp-editing .pp-header{min-height:52px;padding:6px 10px}#peck-photos.pp-editing .pp-brand small{display:none}#peck-photos.pp-editing .pp-brand img{width:32px;height:32px}.es-top{flex-wrap:wrap}.es-title{width:100%}.es-title span{max-width:65vw}.es-main-actions{width:100%;display:grid;grid-template-columns:auto auto auto minmax(0,1fr)}.es-main-actions .pp-btn{font-size:12px;padding:7px}.es-body{grid-template-columns:1fr;grid-template-rows:minmax(230px,1fr) minmax(120px,28dvh)}.es-inspector{border-left:0;border-top:1px solid var(--pp-line);padding:10px 14px}.es-tools{padding:6px 10px;gap:5px}.es-tools .pp-btn{padding:6px 9px}.es-bottom{padding:6px 10px}.es-bottom .pp-btn{padding:4px 7px}.es-draft-status{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-save-fields{margin-top:10px}.es-handle{width:44px;height:44px}.es-handle:before{left:17px;top:17px}}
@media(max-height:650px) and (min-width:701px){#peck-photos.pp-editing .pp-header{display:none}.es-top{padding:6px 12px}}
.es-split{position:absolute;inset:0;pointer-events:none;color:white;font-size:12px;z-index:3}
.es-split>span{position:absolute;top:12px;padding:4px 8px;border-radius:4px;background:#17222bd9}.es-split>span:first-child{left:12px}.es-split>span:nth-of-type(2){right:12px}
.es-split input{position:absolute;left:12%;bottom:12px;width:76%;height:32px;pointer-events:auto;accent-color:#e6c995;touch-action:none}
.es-split-line{position:absolute;left:50%;top:0;bottom:52px;width:1px;background:white;box-shadow:0 0 3px #000}
.es-image-status:not(.es-bad){font-size:12px;padding:6px 10px}
@media(max-width:700px) and (max-height:650px){#peck-photos.pp-editing .pp-header{display:none}.es-title span{display:none}.es-top{padding:5px 8px;gap:5px}.es-body{grid-template-rows:minmax(180px,1fr) 120px}.es-viewport{min-height:100px}}
.es-poster{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:contain}
@media(max-width:700px){.es-main-actions{align-items:stretch}.es-main-actions .pp-btn{height:100%}}