.editor-tabs{display:flex;gap:8px;padding:12px max(20px,4vw);background:#17201d;border-bottom:1px solid #ffffff16}.editor-tabs button[aria-selected=true]{background:#d5b688;color:#17201d}.pe{padding:20px max(15px,3vw);color:#efece5}.pe[hidden]{display:none!important}.pe-top{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px}.pe h2{font:32px Georgia,serif;margin:0 0 6px}.pe small,.pe-hint{color:#b4beb8;line-height:1.6}.pe-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pe-grid{display:grid;grid-template-columns:190px minmax(200px,1fr) 285px;gap:14px}.pe-panel{background:#18241f;border:1px solid #ffffff15;border-radius:14px;padding:15px;min-width:0}.pe-panel h3{font-size:14px;margin:10px 0 14px;color:#d5b688;letter-spacing:1px}.pe-tool{display:block;width:100%;text-align:left;margin:6px 0;font-size:13px}.pe-tool.active{background:#d5b688;color:#17201d}.pe label{display:block;font-size:12px;color:#c3cdc6;margin:13px 0}.pe input:not([type=checkbox]),.pe select,.pe textarea{width:100%;margin-top:6px;background:#0f1914;color:#eee;border:1px solid #ffffff25;border-radius:6px;padding:8px}.pe input[type=range]{padding:0;accent-color:#d5b688}.pe input[type=color]{height:36px;padding:3px}.pe input[type=checkbox]{accent-color:#d5b688}.pe textarea{min-height:65px;resize:vertical}.pe-row{display:flex;gap:8px}.pe-row>*{flex:1;min-width:0}.pe-stage{height:65vh;min-height:420px;overflow:auto;background:#0e1512;border:1px solid #ffffff15;border-radius:14px;position:relative;touch-action:none}.pe-center{min-width:0}.pe-canvas-wrap{position:relative;margin:24px;display:block;width:max-content;background:repeating-conic-gradient(#afb5af 0% 25%,#d0d5ce 0% 50%) 50%/20px 20px;box-shadow:0 10px 50px #0008}.pe canvas{display:block;touch-action:none}.pe-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.pe-bottom input{width:150px!important}.pe-layer{display:flex;gap:6px;align-items:center;background:#101b16;border:1px solid #ffffff15;border-radius:8px;padding:7px;margin:6px 0;cursor:grab}.pe-layer.selected{border-color:#d5b688;background:#29382d}.pe-layer button{padding:5px;min-width:27px;font-size:12px}.pe-layer span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pe-layer img{width:30px;height:30px;object-fit:contain;background:#777}.pe-empty{padding:18px;text-align:center;position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}.pe-empty h3{font:30px Georgia,serif}.pe-status{min-height:24px;font-size:13px;margin:12px 0;color:#d5b688}.pe progress{width:100%;accent-color:#d5b688}.pe button:disabled{opacity:.45;cursor:wait}.pe summary{font-size:13px;cursor:pointer;color:#d5b688;padding:12px 0}.pe-help{font-size:13px;line-height:1.7}.pe-drag{outline:2px dashed #d5b688}.pe-crop-actions{display:flex;gap:6px}.pe-property[hidden]{display:none!important}@media(max-width:1100px){.pe-grid{grid-template-columns:150px minmax(180px,1fr) 250px}.pe-panel{padding:10px}.pe-stage{min-height:350px}}@media(max-width:800px){.pe-grid{grid-template-columns:1fr}.pe-tools{display:flex;flex-wrap:wrap;gap:6px}.pe-tools h3{width:100%}.pe-tool{width:auto;flex:1 0 110px;margin:0}.pe-stage{height:55vh;min-height:300px}.pe-properties{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pe-top h2{font-size:26px}.pe-panel{padding:14px}}@media(max-width:460px){.pe-properties{display:block}.pe-actions button{font-size:12px;padding:8px}.pe{padding:12px}}
/* Explicit contrast within the existing light studio theme. */
.pe{background:#101b17}.pe h2{color:#f3eee5}.pe .eyebrow{color:#d5b688}.pe button,.editor-tabs button{background:#263a30;color:#edece3;border-color:#ffffff24}.pe button:hover,.editor-tabs button:hover{background:#3c5042;color:#fff}.pe button.primary{background:#d5b688;color:#17201d;border-color:#d5b688}.pe-tool.active,.pe-tool.active:hover{background:#d5b688;color:#17201d}.pe-grid{align-items:start}.pe-panel{max-height:75vh;overflow:auto;scrollbar-color:#687966 #18241f;scrollbar-width:thin}.pe .pe-hint,.pe small{color:#b9c6bc}.pe .pe-status{color:#e4c89d}.pe .pe-bottom{color:#c7d1ca}.pe label{color:#c7d1ca}.pe .pe-empty{color:#c7d1ca}.pe .pe-empty h3{color:#f3eee5}.pe button:disabled{opacity:.45}.pe input[type=checkbox]{width:auto}
@media(max-width:800px){.pe-panel{max-height:none;overflow:visible}}
/* v5.1: persistent Photoshop-style layer dock. */
.pe-properties{padding:0;max-height:75vh;overflow:hidden;display:flex;flex-direction:column;position:sticky;top:12px}.pe-layerdock{padding:14px 14px 10px;border-bottom:1px solid #ffffff20;flex-shrink:0;background:#18241f}.pe-layerdock h3{margin:3px 0 10px}.pe-active-layer{font-size:12px;color:#ecd3a7;border-left:3px solid #d5b688;padding:5px 8px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-layerdock .pe-hint{display:none}.pe-inspector{padding:14px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#687966 #18241f}.pe-properties #peLayers{max-height:220px;min-height:48px;overflow:auto;scrollbar-width:thin;position:relative}.pe-layer{padding:6px;min-height:58px;gap:6px}.pe-layer img{width:52px;height:40px;object-fit:contain;flex-shrink:0;background:repeating-conic-gradient(#909890 0% 25%,#bac2b9 0% 50%) 50%/10px 10px;border:1px solid #ffffff20;border-radius:3px}.pe-layer span{white-space:normal}.pe-layer b{display:block;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.pe-layer small{display:block;font-size:9px;color:#aebcaf;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-layer.selected{background:#3b4633;border-color:#e2c294;box-shadow:inset 3px 0 #d5b688}.pe-layer.selected small{color:#f0d6aa}.pe-layer.pe-invisible img{opacity:.3}.pe-layerdock .pe-row button{font-size:11px;padding:7px}.pe-autoselect{font-size:10px!important;margin:8px 0 0!important;display:flex!important;gap:6px;align-items:center}.pe-canvas-settings summary{border-top:1px solid #ffffff20;margin-top:12px}.pe-ai-skin{border-top:1px solid #ffffff20;margin-top:16px;padding-top:8px}.pe-ai-skin h3{font-size:12px}.pe-ai-skin button{margin:3px 0}.pe-skin-mask-info{font-size:12px}.pe-tool{font-size:12px}
@media(max-width:800px){.pe-properties{position:static;max-height:none;display:flex}.pe-layerdock{position:sticky;top:0;z-index:2}.pe-inspector{overflow:visible}.pe-properties #peLayers{max-height:200px}.pe-layerdock .pe-row{max-width:400px}}
/* Brush outline is UI only; it never enters image exports or saved pixels. */
.pe-brush-cursor{position:absolute;pointer-events:none;z-index:5;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #111;transform:translate(-50%,-50%);box-sizing:border-box}.pe-brush-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #fff9;border-radius:50%;box-shadow:0 0 0 1px #0006;box-sizing:border-box;pointer-events:none}