.tool-page-photo-editor .tool-header{margin-bottom:var(--space-4)}.pe-editor{position:relative;display:grid;height:clamp(34rem,calc(100dvh - 9rem),60rem);overflow:hidden;grid-template-columns:12.5rem minmax(0,1fr) 4.75rem 17.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);animation:tool-in var(--duration-base) var(--ease-standard);transition:border-color var(--duration-fast) var(--ease-standard)}.pe-editor.is-dragging{border-color:var(--accent)}.pe-editor .tool-drop-overlay{z-index:10}.pe-icon-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1)}.pe-images{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid var(--border)}.pe-images[data-dropping]:after{position:absolute;inset:var(--space-2);z-index:3;display:grid;place-items:center;padding:var(--space-3);border:2px dashed var(--accent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--background) 82%,transparent);color:var(--accent);content:"Drop to add to your images";font-size:var(--font-size-sm);font-weight:600;pointer-events:none;text-align:center;animation:tool-fade var(--duration-fast) var(--ease-standard)}.pe-list-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.pe-group+.pe-group{border-top:1px solid var(--border)}.pe-group-head{position:sticky;top:0;z-index:1;justify-content:space-between;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pe-group-head,.pe-group-head .tool-section-title{display:flex;align-items:center;gap:var(--space-2)}.pe-group-head .tool-section-title{margin:0}.pe-group-actions{display:flex;align-items:center;gap:var(--space-1)}.pe-list-hint{margin:0 var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-faint);font-size:.72rem;line-height:1.45;animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-count{padding:0 6px;border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--text-faint);font-family:var(--font-mono);font-size:.65rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0}.pe-image-list{position:relative;margin:0;padding:0 var(--space-2) var(--space-2);list-style:none}.pe-image{position:relative;animation:tool-in var(--duration-base) var(--ease-standard) both}.pe-image+.pe-image{margin-top:2px}.pe-image-open{display:flex;width:100%;min-width:0;align-items:center;gap:var(--space-2);padding:5px 1.9rem 5px 5px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.pe-image-open:hover{background:var(--surface-raised)}.pe-image.is-active .pe-image-open{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-subtle)}.pe-canvas-row.is-target .pe-image-open{border-color:var(--accent);border-style:dashed;background:color-mix(in srgb,var(--accent) 12%,transparent)}.pe-image.is-dragged{opacity:.45}.pe-image-open:active{cursor:grabbing}.pe-canvas-row .pe-image-open:active{cursor:pointer}.pe-thumb{position:relative;display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background-position:0 0,4px 4px;background-size:8px 8px;color:var(--text-faint)}.pe-thumb img{width:100%;height:100%;object-fit:contain;animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-thumb-canvas{color:var(--accent);transition:transform var(--duration-fast) var(--ease-standard)}.pe-canvas-row.is-target .pe-thumb-canvas{transform:scale(1.08)}.pe-thumb-busy{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 65%,transparent);animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-image-text{display:flex;min-width:0;flex-direction:column;gap:1px}.pe-image-name{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.pe-image-meta{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-family:var(--font-mono);font-size:.68rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.pe-image-meta.is-error{color:var(--danger)}.pe-image-meta-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.pe-edited{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent);animation:tool-pop var(--duration-base) var(--ease-standard)}.pe-placed{display:inline-flex;flex:0 0 auto;color:var(--text-faint)}.pe-image-add,.pe-image-close{position:absolute;top:50%;right:5px;display:grid;width:1.5rem;height:1.5rem;place-items:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.pe-image-add{right:calc(5px + 1.5rem + 2px);background:var(--surface-raised);color:var(--text-muted)}.pe-image.is-active .pe-image-add{background:var(--accent-subtle)}.pe-image-add:focus-visible,.pe-image-close:focus-visible,.pe-image.is-active .pe-image-close,.pe-image:hover .pe-image-add,.pe-image:hover .pe-image-close{opacity:1}.pe-image-close:hover{background:var(--surface);color:var(--danger)}.pe-image-add:hover{background:var(--surface);color:var(--accent)}.pe-drag-ghost{position:fixed;top:0;left:0;z-index:1000;display:flex;max-width:14rem;align-items:center;gap:var(--space-2);margin:10px 0 0 12px;padding:4px var(--space-3) 4px 4px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-md);color:var(--text);font-size:.8rem;pointer-events:none;will-change:transform;animation:tool-fade var(--duration-fast) var(--ease-standard)}.pe-drag-ghost .pe-thumb{width:2rem;height:2rem}.pe-drag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-images-foot{min-height:2.75rem;padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.pe-confirm,.pe-images-foot{display:flex;align-items:center}.pe-confirm{width:100%;min-width:0;gap:var(--space-1);font-size:var(--font-size-xs);animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-confirm>span{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.pe-danger{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));color:var(--danger)}.pe-danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.pe-work{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.pe-toolbar{display:flex;min-height:3.1rem;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--border);container:pe-toolbar/inline-size}.pe-file{display:flex;min-width:0;flex:1 1 6rem;flex-direction:column;gap:1px}.pe-back{display:inline-flex;max-width:9rem;height:1.9rem;flex:0 1 auto;align-items:center;gap:3px;padding:0 var(--space-2) 0 5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);cursor:pointer;font:inherit;font-size:var(--font-size-xs);transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-back span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-back svg{flex:0 0 auto;transition:transform var(--duration-fast) var(--ease-standard)}.pe-back:hover{border-color:var(--border-strong);color:var(--text)}.pe-back:hover svg{transform:translateX(-2px)}.pe-file-name{font-size:var(--font-size-sm);font-weight:600;text-overflow:ellipsis}.pe-file-meta,.pe-file-name{overflow:hidden;white-space:nowrap}.pe-file-meta{display:flex;align-items:center;gap:var(--space-1);color:var(--text-faint);font-family:var(--font-mono);font-size:.7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pe-file-meta .tool-badge{margin-left:var(--space-1)}.pe-toolbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:2px;margin-left:auto}.pe-toolbar-actions .button{margin-left:var(--space-1)}.pe-divider{width:1px;height:1.25rem;margin:0 var(--space-1);background:var(--border)}.pe-error{height:100%;min-height:0}.pe-stage-wrap{position:relative;min-width:0;min-height:0}.pe-stage{position:absolute;inset:0;overflow:hidden;background:color-mix(in srgb,var(--text) 4%,var(--surface));cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.pe-stage[data-panning]{cursor:grabbing}.pe-stage[data-tool=mask],.pe-stage[data-tool=paint]{cursor:none}.pe-stage[data-tool=pick],.pe-stage[data-tool=shape],.pe-stage[data-tool=wand]{cursor:crosshair}.pe-stage[data-tool=text]{cursor:text}.pe-stage[data-tool=layers]{cursor:default}.pe-stage[data-gesture=move],.pe-stage[data-tool=layers][data-over]{cursor:move}.pe-stage[data-gesture=rotate]{cursor:grabbing}.pe-stage[data-gesture=nw],.pe-stage[data-gesture=se]{cursor:var(--pe-cursor-a,nwse-resize)}.pe-stage[data-gesture=ne],.pe-stage[data-gesture=sw]{cursor:var(--pe-cursor-b,nesw-resize)}.pe-canvas{inset:0;width:100%;height:100%}.pe-backdrop,.pe-canvas{position:absolute;pointer-events:none}.pe-backdrop{top:0;left:0;display:none;box-shadow:0 1px 3px rgba(15,18,22,.12),0 10px 32px rgba(15,18,22,.1)}.pe-placeholder{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain;opacity:.85;pointer-events:none}.pe-crop,.pe-placeholder{position:absolute;animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-crop{top:0;left:0;box-shadow:0 0 0 100vmax rgba(12,14,18,.55);outline:1px solid rgba(255,255,255,.92);cursor:move}.pe-crop-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.38) 1px,transparent 0);background-size:33.3333% 100%,100% 33.3333%;opacity:.7;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.pe-crop.is-fine .pe-crop-grid{background-size:11.1111% 100%,100% 11.1111%;opacity:.55}.pe-crop-handle{width:22px;height:22px}.pe-crop-handle,.pe-crop-handle:after{position:absolute;transform:translate(-50%,-50%)}.pe-crop-handle:after{top:50%;left:50%;width:11px;height:11px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.35);content:"";transition:transform var(--duration-fast) var(--ease-standard)}.pe-crop-handle:hover:after{transform:translate(-50%,-50%) scale(1.2)}.pe-crop-handle[data-handle=n]:after,.pe-crop-handle[data-handle=s]:after{width:20px;height:5px}.pe-crop-handle[data-handle=e]:after,.pe-crop-handle[data-handle=w]:after{width:5px;height:20px}.pe-crop-handle[data-handle=nw]{top:0;left:0;cursor:nwse-resize}.pe-crop-handle[data-handle=n]{top:0;left:50%;cursor:ns-resize}.pe-crop-handle[data-handle=ne]{top:0;left:100%;cursor:nesw-resize}.pe-crop-handle[data-handle=e]{top:50%;left:100%;cursor:ew-resize}.pe-crop-handle[data-handle=se]{top:100%;left:100%;cursor:nwse-resize}.pe-crop-handle[data-handle=s]{top:100%;left:50%;cursor:ns-resize}.pe-crop-handle[data-handle=sw]{top:100%;left:0;cursor:nesw-resize}.pe-crop-handle[data-handle=w]{top:50%;left:0;cursor:ew-resize}.pe-crop-size{position:absolute;top:calc(100% + 10px);left:50%;padding:1px 7px;border-radius:var(--radius-sm);background:rgba(12,14,18,.72);color:#fff;font-family:var(--font-mono);font-size:.7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none;transform:translateX(-50%);white-space:nowrap}.pe-text-box{position:absolute;top:0;left:0;border:1px dashed var(--accent);border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.55);cursor:move}.pe-frame,.pe-guide,.pe-layer-box,.pe-layer-hover,.pe-layer-readout{position:absolute;top:0;left:0;display:none;pointer-events:none}.pe-frame{outline:1px solid color-mix(in srgb,var(--text) 12%,transparent);transition:outline-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.pe-frame[data-dropping]{outline:2px dashed var(--accent);outline-offset:3px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.pe-layer-box,.pe-layer-hover{transform-origin:0 0}.pe-layer-hover{outline:1px solid color-mix(in srgb,var(--accent) 70%,transparent)}.pe-layer-box{outline:1.5px solid var(--accent);box-shadow:0 0 0 2.5px rgba(255,255,255,.5)}.pe-layer-handle,.pe-layer-rotate{position:absolute;width:20px;height:20px;pointer-events:auto;transform:translate(-50%,-50%)}.pe-layer-handle:after,.pe-layer-rotate:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border:1.5px solid var(--accent);border-radius:2px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);content:"";transform:translate(-50%,-50%);transition:transform var(--duration-fast) var(--ease-standard)}.pe-layer-handle:hover:after,.pe-layer-rotate:hover:after{transform:translate(-50%,-50%) scale(1.25)}.pe-layer-handle[data-handle=nw]{top:0;left:0;cursor:var(--pe-cursor-a,nwse-resize)}.pe-layer-handle[data-handle=ne]{top:0;left:100%;cursor:var(--pe-cursor-b,nesw-resize)}.pe-layer-handle[data-handle=se]{top:100%;left:100%;cursor:var(--pe-cursor-a,nwse-resize)}.pe-layer-handle[data-handle=sw]{top:100%;left:0;cursor:var(--pe-cursor-b,nesw-resize)}.pe-layer-rotate{top:-28px;left:50%;cursor:grab}.pe-layer-rotate:after{border-radius:50%}.pe-layer-rotate:before{position:absolute;top:50%;left:50%;width:1.5px;height:28px;background:var(--accent);content:"";transform:translateX(-50%)}.pe-guide{background:var(--accent);box-shadow:0 0 0 .5px rgba(255,255,255,.6)}.pe-guide-x{width:1px}.pe-guide-y{height:1px}.pe-layer-readout{padding:1px 7px;border-radius:var(--radius-sm);background:rgba(12,14,18,.72);color:#fff;font-family:var(--font-mono);font-size:.7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.pe-canvas-hint{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:var(--space-4);pointer-events:none}.pe-canvas-card{display:flex;max-width:25rem;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-raised) 94%,transparent);box-shadow:var(--shadow-md);cursor:default;pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:tool-pop var(--duration-base) var(--ease-standard)}.pe-canvas-card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.pe-drop-label{top:var(--space-3);left:50%;z-index:2;padding:3px var(--space-3);border-radius:999px;background:var(--accent);box-shadow:var(--shadow-md);color:var(--background);font-size:var(--font-size-xs);font-weight:600;transform:translateX(-50%);white-space:nowrap;animation:tool-fade var(--duration-fast) var(--ease-standard)}.pe-cursor,.pe-drop-label{position:absolute;pointer-events:none}.pe-cursor{top:0;left:0;display:none;border:1px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.pe-cursor.is-keep{border-color:#30a46c}.pe-cursor.is-remove{border-color:#e5484d}.pe-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:2px 9px;border-radius:999px;background:rgba(12,14,18,.7);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.06em;pointer-events:none;text-transform:uppercase;animation:tool-pop var(--duration-fast) var(--ease-standard)}.pe-pending{top:var(--space-3);right:var(--space-3);width:1.9rem;height:1.9rem;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface-raised);box-shadow:var(--shadow-md);animation:tool-fade var(--duration-base) var(--ease-standard) .25s both}.pe-opening,.pe-pending{position:absolute;display:grid;pointer-events:none}.pe-opening{inset:0;place-items:center;animation:tool-fade var(--duration-base) var(--ease-standard) .15s both}.pe-busy{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:progress;animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-busy-card{display:flex;width:min(20rem,calc(100% - 2rem));flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-md);text-align:center;animation:tool-pop var(--duration-base) var(--ease-standard)}.pe-busy-card p{margin:0;font-size:var(--font-size-sm)}.pe-zoom{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:1;display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-raised) 90%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pe-zoom[hidden]{display:none}.pe-zoom .tool-icon-button{width:1.75rem;height:1.75rem}.pe-zoom-value{min-width:3.4rem;height:1.75rem;padding:0 var(--space-1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background var(--duration-fast) var(--ease-standard)}.pe-zoom-value:hover{background:var(--surface)}.pe-rail{--pe-tab-h:3.6rem;--pe-tab-gap:2px;position:relative;display:flex;flex-direction:column;gap:var(--pe-tab-gap);padding:var(--space-2) 6px;border-right:1px solid var(--border);border-left:1px solid var(--border)}.pe-rail-indicator{position:absolute;top:var(--space-2);right:6px;left:6px;height:var(--pe-tab-h);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:var(--radius-md);background:var(--accent-subtle);transform:translateY(calc(var(--pe-tab, 0) * (var(--pe-tab-h) + var(--pe-tab-gap))));transition:transform .24s cubic-bezier(.3,.8,.25,1)}.pe-rail-tab{position:relative;display:flex;height:var(--pe-tab-h);flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0 2px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.66rem;transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.pe-rail-tab:hover{background:color-mix(in srgb,var(--surface-raised) 70%,transparent);color:var(--text)}.pe-rail-tab[aria-selected=true],.pe-rail-tab[aria-selected=true]:hover{background:transparent;color:var(--accent)}.pe-rail-tab svg{width:1.2rem;height:1.2rem;transition:transform var(--duration-fast) var(--ease-standard)}.pe-rail-tab:active svg{transform:scale(.9)}.pe-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.pe-panel:focus-visible{outline-offset:-2px}.pe-panel-head{position:sticky;top:0;z-index:1;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pe-panel-head h2{margin:0;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-tight)}.pe-panel-head p{margin:2px 0 0;color:var(--text-faint);font-size:var(--font-size-xs)}.pe-panel-body{gap:var(--space-4);padding:var(--space-4);animation:tool-in var(--duration-base) var(--ease-standard)}.pe-panel-body,.pe-section{display:flex;flex-direction:column}.pe-section{gap:var(--space-3)}.pe-section+.pe-section{padding-top:var(--space-4);border-top:1px solid var(--border)}.pe-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.pe-section-head .tool-section-title{margin:0}.pe-panel-body .tool-segmented{display:flex;width:100%}.pe-panel-body .tool-segmented button{min-width:0;flex:1 1;padding:0 var(--space-1)}.pe-grid-3 .tool-segmented,.pe-grid-5 .tool-segmented{display:grid}.pe-grid-3 .tool-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.pe-grid-5 .tool-segmented{grid-template-columns:repeat(5,minmax(0,1fr))}.pe-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.pe-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.pe-row .tool-segmented{width:auto;flex:1 1 auto}.pe-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pe-actions .button-primary{flex:1 1 auto}.pe-wide-button{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:var(--space-2)}.pe-apply-all{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised)}.pe-field,.pe-text-field{display:flex;flex-direction:column;gap:var(--space-2)}.pe-readout{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--text);font-family:var(--font-mono);font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.pe-readout>span{color:var(--text-faint)}.pe-readout-block{display:flex;justify-content:space-between;margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised)}.pe-sliders{display:flex;flex-direction:column;gap:var(--space-3)}.pe-empty-hint{margin:0;padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);text-align:center;animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.pe-preset{display:flex;min-width:0;flex-direction:column;gap:4px;padding:3px 3px 5px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);cursor:pointer;font:inherit;font-size:.68rem;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.pe-preset canvas{display:block;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);object-fit:cover;background-position:0 0,4px 4px;background-size:8px 8px}.pe-preset:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.pe-preset[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text)}.pe-preset:disabled{cursor:not-allowed;opacity:.5}.pe-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.pe-tools-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pe-tool{display:flex;min-width:0;min-height:3.1rem;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-1) 2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);cursor:pointer;font:inherit;font-size:.66rem;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.pe-tool span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-tool svg{transition:transform var(--duration-fast) var(--ease-standard)}.pe-tool:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.pe-tool:active:not(:disabled) svg{transform:scale(.88)}.pe-tool[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--accent-subtle);color:var(--accent)}.pe-tool:disabled{cursor:not-allowed;opacity:.45}.pe-colors{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pe-color-custom{position:relative;display:inline-block;width:1.6rem;height:1.6rem;overflow:hidden;border:2px solid var(--border);border-radius:var(--radius-sm);background:conic-gradient(from 90deg,#e5484d,#f5d90a,#30a46c,#0091ff,#8e4ec6,#e5484d);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard)}.pe-color-custom:hover{transform:scale(1.08)}.pe-color-custom:focus-within{outline:2px solid var(--accent);outline-offset:2px}.pe-color-custom.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.pe-color-custom input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;opacity:0}.pe-colors .tool-icon-button{margin-left:auto}.pe-size-fields{display:grid;align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.pe-times{padding-bottom:.45rem;color:var(--text-faint)}.pe-suffix-input{position:relative;display:block}.pe-suffix-input input{padding-right:1.75rem}.pe-suffix-input>span{position:absolute;top:50%;right:var(--space-2);color:var(--text-faint);font-family:var(--font-mono);font-size:.8rem;pointer-events:none;transform:translateY(-50%)}.pe-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pe-chip{min-height:1.7rem;padding:0 var(--space-2);border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.pe-chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.pe-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--accent-subtle);color:var(--accent)}.pe-chip:disabled{cursor:not-allowed;opacity:.5}.pe-summary{display:grid;gap:var(--space-1);margin:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);font-size:var(--font-size-xs)}.pe-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.pe-summary dt{color:var(--text-muted)}.pe-summary dd{display:flex;align-items:baseline;gap:var(--space-2);margin:0;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pe-summary dd span{font-size:.68rem}.pe-summary [data-tone=up]{color:var(--warning)}.pe-summary [data-tone=down]{color:var(--text-faint)}.pe-textarea{min-height:4.5rem;font-family:var(--font-sans);font-size:var(--font-size-sm)}.pe-done{align-items:center;margin:0;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--success) 40%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--success) 7%,transparent);color:var(--success);font-size:var(--font-size-sm);animation:tool-pop var(--duration-base) var(--ease-standard)}.pe-done,.pe-job{display:flex;gap:var(--space-2)}.pe-job{flex-direction:column;color:var(--text-muted);font-size:var(--font-size-xs);animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-job .tool-progress{width:100%}.pe-saved{display:flex;align-items:center;gap:var(--space-1);margin:0;color:var(--success);font-family:var(--font-mono);font-size:.72rem;overflow-wrap:anywhere;animation:tool-fade var(--duration-base) var(--ease-standard)}.pe-saved svg{flex:0 0 auto}.pe-layers{display:flex;max-height:16rem;flex-direction:column;gap:2px;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin}.pe-layer{position:relative;animation:tool-in var(--duration-base) var(--ease-standard) both}.pe-layer-pick{display:flex;width:100%;min-width:0;align-items:center;gap:var(--space-2);padding:4px 2.25rem 4px 4px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:left;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.pe-layer-pick:hover{background:var(--surface-raised)}.pe-layer.is-selected .pe-layer-pick{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-subtle)}.pe-layer-thumb{display:block;width:2rem;height:2rem;flex:0 0 auto;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background-position:0 0,4px 4px;background-size:8px 8px;transition:opacity var(--duration-fast) var(--ease-standard)}.pe-layer-thumb img{display:block;width:100%;height:100%;object-fit:contain}.pe-layer-name{min-width:0;flex:1 1 auto;overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard)}.pe-layer-meta{flex:0 0 auto;color:var(--text-faint);font-family:var(--font-mono);font-size:.65rem;white-space:nowrap}.pe-layer-eye{position:absolute;top:50%;right:5px;display:grid;width:1.6rem;height:1.6rem;place-items:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-faint);cursor:pointer;transform:translateY(-50%);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.pe-layer-eye:hover:not(:disabled){background:var(--surface);color:var(--text)}.pe-layer.is-hidden .pe-layer-name,.pe-layer.is-hidden .pe-layer-thumb{opacity:.45}.pe-layer.is-hidden .pe-layer-eye{color:var(--text-muted)}.pe-layer.is-missing .pe-layer-name{color:var(--text-faint);font-style:italic}.pe-shortcuts{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--font-size-xs)}.pe-shortcuts summary{width:fit-content;color:var(--text-faint);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.pe-shortcuts summary:hover{color:var(--text)}.pe-shortcuts dl{display:grid;gap:0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);animation:tool-in var(--duration-base) var(--ease-standard)}.pe-shortcuts dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:5px 0;border-bottom:1px dashed var(--border)}.pe-shortcuts dt{color:var(--text);font-family:var(--font-mono);font-size:.7rem;white-space:nowrap}.pe-shortcuts dd{margin:0;text-align:right}@container pe-toolbar (max-width: 39rem){.pe-back{padding-inline:6px}.pe-back span{display:none}.pe-action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (max-width:1180px){.pe-editor{grid-template-columns:10.5rem minmax(0,1fr) 4.5rem 16rem}.pe-toolbar-actions .button{padding-inline:var(--space-2)}}@media (max-width:920px){.pe-editor{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 30rem auto auto}.pe-images{border-right:0;border-bottom:1px solid var(--border)}.pe-list-scroll{overflow:visible}.pe-group-head{position:static}.pe-image-list{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden}.pe-image{width:12rem;flex:0 0 auto}.pe-image+.pe-image{margin-top:0}.pe-images-foot{display:none}.pe-rail{flex-direction:row;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pe-rail-tab{flex:1 1}.pe-rail-indicator{display:none}.pe-rail-tab[aria-selected=true],.pe-rail-tab[aria-selected=true]:hover{background:var(--accent-subtle)}.pe-panel{overflow:visible}}