.outpaint-editor-overlay{position:fixed;inset:0;z-index:10000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:20px}.outpaint-editor-modal{--outpaint-accent: var(--accent-primary, #AF67DD);--outpaint-accent-grid: rgba(175, 103, 221, .4);--outpaint-accent-strong: rgba(175, 103, 221, .95);--outpaint-accent-solid: rgba(175, 103, 221, .9);--outpaint-accent-glow: rgba(175, 103, 221, .35);--outpaint-accent-glow-strong: rgba(175, 103, 221, .45);--outpaint-accent-focus: rgba(175, 103, 221, .28);--outpaint-surface-subtle: var(--inpaint-hover, rgba(255, 255, 255, .05));--outpaint-surface-muted: var(--bg-hover, rgba(255, 255, 255, .08));--outpaint-surface-soft: var(--bg-hover, rgba(255, 255, 255, .06));--outpaint-border-strong: var(--inpaint-border-hover, rgba(255, 255, 255, .24));--outpaint-accent-contrast: var(--inpaint-apply-text, #ffffff);--outpaint-warning-surface: var(--warning-surface, var(--warning-bg, rgba(255, 193, 7, .15)));--outpaint-warning-border: var(--warning-border, rgba(255, 193, 7, .4));--outpaint-warning-text: var(--warning-text, #fbbf24);--outpaint-error-text: var(--error-text, #ff6b6b);width:1200px;max-width:95vw;height:650px;max-height:90vh;border-radius:16px;border:1px solid var(--inpaint-border);background:var(--inpaint-modal-bg);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-primary, "Poppins", sans-serif)}.outpaint-editor-modal-embedded{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;border:none}.outpaint-editor-header{height:76px;padding:16px 20px;border-bottom:1px solid var(--inpaint-border);display:flex;align-items:center;justify-content:space-between}.outpaint-editor-header h2{margin:0;color:var(--inpaint-text-primary);font-size:16px;font-weight:500;line-height:1}.outpaint-editor-header-actions{display:flex;align-items:center;gap:10px}.outpaint-editor-header-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--inpaint-border);background:transparent;color:var(--inpaint-text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.outpaint-editor-header-btn:hover:not(:disabled){background:var(--outpaint-surface-muted);border-color:var(--outpaint-border-strong)}.outpaint-editor-header-btn.disabled,.outpaint-editor-header-btn:disabled{opacity:.45;cursor:not-allowed}.outpaint-editor-body{flex:1;display:grid;grid-template-columns:320px 1fr 340px;min-height:0}.outpaint-editor-panel{padding:15px;border-right:1px solid var(--inpaint-border);overflow-y:auto}.outpaint-editor-panel.right{border-right:none;border-left:1px solid var(--inpaint-border)}.outpaint-layers-sidebar{margin:-15px -15px 20px;border-bottom:1px solid var(--inpaint-border);background:var(--outpaint-surface-subtle)}.outpaint-layers-header{padding:15px 15px 10px}.outpaint-layers-title{margin:0;font-size:14px;font-weight:500;color:var(--inpaint-text-primary)}.outpaint-layers-list{max-height:180px;overflow-y:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.outpaint-hidden-file-input{display:none}.outpaint-layer-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--inpaint-border);border-radius:10px;background:transparent;color:var(--inpaint-text-primary);text-align:left;cursor:pointer}.outpaint-layer-item.selected{background:var(--outpaint-surface-muted);border-color:var(--outpaint-border-strong)}.outpaint-layer-thumb{width:38px;height:38px;border-radius:8px;border:1px solid var(--inpaint-border);background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.outpaint-layer-thumb-image{overflow:hidden}.outpaint-layer-thumb-image img{width:100%;height:100%;object-fit:cover}.outpaint-layer-thumb-text{font-size:20px;line-height:1}.outpaint-layer-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.outpaint-layer-name{font-size:12px;font-weight:500;color:var(--inpaint-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outpaint-layer-meta{font-size:11px;color:var(--inpaint-text-secondary)}.outpaint-layer-actions{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.outpaint-add-text-btn{width:100%;height:34px;border-radius:8px;border:1px solid var(--inpaint-border);background:transparent;color:var(--inpaint-text-primary);font-family:inherit;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.outpaint-field{margin-bottom:22px}.outpaint-extension-mode-field{padding-top:2px}.outpaint-field label{display:block;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.2;color:var(--inpaint-text-secondary)}.outpaint-field input,.outpaint-field select,.outpaint-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--inpaint-border);border-radius:8px;background:var(--inpaint-hover, rgba(255, 255, 255, .05));color:var(--inpaint-text-primary);padding:8px 10px;font-size:12px;line-height:1.3;font-family:inherit}.outpaint-text-color-input-wrap{position:relative;height:34px;border:1px solid var(--inpaint-border);border-radius:8px;background:var(--inpaint-hover, rgba(255, 255, 255, .05));overflow:hidden}.outpaint-text-color-preview{position:absolute;left:12px;right:12px;top:50%;height:2px;transform:translateY(-50%);border-radius:999px;background:var(--outpaint-text-color, #ffffff);pointer-events:none}.outpaint-text-color-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.outpaint-field textarea{resize:vertical;min-height:76px}.outpaint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.outpaint-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.outpaint-mode-segmented{position:relative;gap:0;padding:4px;border:1px solid var(--inpaint-border);border-radius:999px;background:var(--outpaint-surface-soft);overflow:hidden}.outpaint-mode-thumb{position:absolute;top:4px;left:4px;width:calc((100% - 8px) / var(--mode-count, 3));height:calc(100% - 8px);border-radius:999px;background:var(--outpaint-accent);box-shadow:0 2px 8px #0003;transform:translate(calc(var(--mode-index, 0) * 100%));transition:transform .22s ease;z-index:0}.outpaint-mode-option{position:relative;z-index:1;height:34px;border:0!important;border-radius:999px;background:transparent;color:var(--inpaint-text-secondary);font-size:12px;font-weight:500;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none}.outpaint-mode-option:hover{background:transparent}.outpaint-mode-option.active{color:var(--outpaint-accent-contrast);background:transparent}.outpaint-mode-segmented .outpaint-mode-option.active{background:transparent!important;border-color:transparent!important;border-radius:999px!important}.outpaint-mode-option:focus,.outpaint-mode-option:focus-visible{outline:none;box-shadow:none}.outpaint-quality-segmented{position:relative;gap:0;padding:4px;border:1px solid var(--inpaint-border);border-radius:999px;background:var(--outpaint-surface-soft);overflow:hidden}.outpaint-quality-thumb{position:absolute;top:4px;left:4px;width:calc((100% - 8px) / var(--quality-mode-count, 3));height:calc(100% - 8px);border-radius:999px;background:var(--outpaint-accent);box-shadow:0 2px 8px #0003;transform:translate(calc(var(--quality-mode-index, 0) * 100%));transition:transform .22s ease;z-index:0}.outpaint-quality-option{position:relative;z-index:1;height:34px;border:0!important;border-radius:999px;background:transparent;color:var(--inpaint-text-secondary);font-size:12px;font-weight:500;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none}.outpaint-quality-option:hover{background:transparent}.outpaint-quality-option.active{color:var(--outpaint-accent-contrast);background:transparent!important;border-color:transparent!important;border-radius:999px!important}.outpaint-quality-option:focus,.outpaint-quality-option:focus-visible{outline:none;box-shadow:none}.outpaint-side-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.outpaint-side-input-item label{display:block;margin-bottom:8px;font-size:12px;color:var(--inpaint-text-secondary)}.outpaint-segment{height:30px;border:1px solid var(--inpaint-border);border-radius:8px;background:transparent;color:var(--inpaint-text-secondary);font-size:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.outpaint-segment:hover{background:var(--outpaint-surface-muted);border-color:var(--outpaint-border-strong);color:var(--inpaint-text-primary)}.outpaint-segment.active{background:var(--outpaint-accent);border-color:var(--outpaint-accent);color:var(--outpaint-accent-contrast)}.outpaint-segment.custom-option{border-color:var(--outpaint-border-strong);background:var(--outpaint-surface-muted);color:var(--inpaint-text-primary)}.outpaint-segment.custom-option:hover{background:var(--outpaint-surface-muted);border-color:var(--outpaint-border-strong);color:var(--inpaint-text-primary)}.outpaint-segment.custom-option.active,.outpaint-segment.custom-option.active:hover{background:var(--outpaint-accent);border-color:var(--outpaint-accent);color:var(--outpaint-accent-contrast)}.outpaint-checkbox-row{margin-top:10px;display:inline-flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.outpaint-checkbox-row input{width:18px;height:18px;aspect-ratio:1 / 1;flex:0 0 18px;margin:0;border-radius:4px;border:1px solid var(--inpaint-border);background:#ffffff0a;padding:0;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.outpaint-checkbox-row span{color:var(--inpaint-text-secondary);font-size:12px;line-height:1.3;margin-left:6px;position:relative;top:-3px}.outpaint-checkbox-row input:hover{border-color:var(--outpaint-accent)}.outpaint-checkbox-row input:checked{background:var(--outpaint-accent);border-color:var(--outpaint-accent)}.outpaint-checkbox-row input:focus-visible{box-shadow:0 0 0 2px var(--outpaint-accent-focus)}.outpaint-editor-canvas-wrap{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px}.outpaint-editor-preview-canvas{position:relative;border:1px dashed var(--inpaint-border-hover);border-radius:12px;background:var(--outpaint-surface-subtle);overflow:hidden}.outpaint-editor-image{position:absolute;border-radius:8px;object-fit:cover}.outpaint-editor-image.draggable{cursor:grab;border:1px solid rgba(255,255,255,.2);z-index:2}.outpaint-editor-image.draggable.dragging{cursor:grabbing}.outpaint-editor-image.resizing{pointer-events:none}.outpaint-editor-preview-guides{position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:1}.outpaint-editor-extend-zone{position:absolute;background-color:transparent;background-image:linear-gradient(0deg,var(--outpaint-accent-grid) 0 2px,transparent 2px var(--outpaint-grid-size, 24px)),linear-gradient(90deg,var(--outpaint-accent-grid) 0 2px,transparent 2px var(--outpaint-grid-size, 24px));background-size:var(--outpaint-grid-size, 24px) var(--outpaint-grid-size, 24px);z-index:0}.outpaint-editor-handle{--outpaint-handle-thickness: 8px;--outpaint-handle-length: 30px;position:absolute;border:1px solid var(--outpaint-accent-strong);background:var(--outpaint-accent-solid);border-radius:4px;box-shadow:0 0 8px var(--outpaint-accent-glow);z-index:3;transition:transform .12s ease,filter .12s ease}.outpaint-editor-handle.left,.outpaint-editor-handle.right{top:50%;width:14px;height:var(--outpaint-handle-length);transform:translateY(-50%);cursor:ew-resize;border:0;background:transparent;box-shadow:none;border-radius:0}.outpaint-editor-handle.left:before,.outpaint-editor-handle.right:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:7px;height:100%;border-radius:3px;background:var(--outpaint-accent-strong);box-shadow:0 0 8px var(--outpaint-accent-glow)}.outpaint-editor-handle.left{left:-1px}.outpaint-editor-handle.right{right:-1px}.outpaint-editor-handle.top,.outpaint-editor-handle.bottom{left:50%;width:var(--outpaint-handle-length);height:var(--outpaint-handle-thickness);transform:translate(-50%);cursor:ns-resize}.outpaint-editor-handle.top{top:2px}.outpaint-editor-handle.bottom{bottom:2px}.outpaint-editor-handle.corner{width:16px;height:16px;border:none;background:transparent;box-shadow:0 0 10px var(--outpaint-accent-glow-strong);border-radius:0;padding:0}.outpaint-editor-handle.corner.top-left{top:2px;left:2px;cursor:nwse-resize;border-top:4px solid var(--outpaint-accent-strong);border-left:4px solid var(--outpaint-accent-strong);border-top-left-radius:3px}.outpaint-editor-handle.corner.top-right{top:2px;right:2px;cursor:nesw-resize;border-top:4px solid var(--outpaint-accent-strong);border-right:4px solid var(--outpaint-accent-strong);border-top-right-radius:3px}.outpaint-editor-handle.corner.bottom-left{bottom:2px;left:2px;cursor:nesw-resize;border-bottom:4px solid var(--outpaint-accent-strong);border-left:4px solid var(--outpaint-accent-strong);border-bottom-left-radius:3px}.outpaint-editor-handle.corner.bottom-right{bottom:2px;right:2px;cursor:nwse-resize;border-bottom:4px solid var(--outpaint-accent-strong);border-right:4px solid var(--outpaint-accent-strong);border-bottom-right-radius:3px}.outpaint-editor-handle:hover{filter:brightness(1.08)}.outpaint-editor-empty{color:var(--inpaint-text-secondary);font-size:14px;min-width:320px;min-height:220px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--inpaint-border-hover);border-radius:12px}.outpaint-editor-text-layer{position:absolute;z-index:3;white-space:pre-wrap;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.35);cursor:grab;-webkit-user-select:none;user-select:none;padding:2px 4px;border-radius:6px}.outpaint-editor-text-layer.selected{background:#0000002e;box-shadow:0 0 0 1px #ffffff73}.outpaint-editor-text-layer.dragging{cursor:grabbing}.outpaint-editor-image-layer{position:absolute;z-index:2;border-radius:10px;overflow:hidden;cursor:grab;border:1px solid rgba(255,255,255,.24);background:#ffffff0a;box-shadow:0 8px 24px #00000038}.outpaint-editor-image-layer img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.outpaint-editor-image-layer.selected{outline:1px solid rgba(255,255,255,.7)}.outpaint-editor-image-layer.dragging{cursor:grabbing}.outpaint-editor-image-layer-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--inpaint-text-secondary);background:#ffffff0d}.outpaint-editor-text-inline-input{min-width:24px;min-height:1em;display:inline-block;width:auto;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-shadow:inherit;text-align:inherit;outline:none;border:none;border-radius:6px;background:#0000002e;padding:2px 4px;white-space:pre-wrap;word-break:break-word;cursor:text;user-select:text;-webkit-user-select:text;-webkit-text-size-adjust:100%}.outpaint-editor-text-layer.selected .outpaint-editor-text-inline-input{background:transparent}.outpaint-meta{margin-top:20px;border:1px solid var(--inpaint-border);border-radius:10px;padding:10px;font-size:12px;color:var(--inpaint-text-secondary);display:flex;flex-direction:column;gap:4px}.outpaint-text-delete-btn{height:30px;border:1px solid var(--inpaint-border);border-radius:8px;background:transparent;color:var(--inpaint-text-primary);font-family:inherit;font-size:12px;cursor:pointer;width:100%}.outpaint-text-controls{display:flex;flex-direction:column;gap:10px}.outpaint-text-empty{font-size:12px;color:var(--inpaint-text-secondary);line-height:1.4}.outpaint-warning{margin-top:8px;color:var(--outpaint-warning-text);font-size:12px}.outpaint-error{margin-top:8px;color:var(--outpaint-error-text);font-size:12px;font-family:var(--font-primary);font-weight:400;line-height:1.4}.outpaint-actions{margin-top:16px;display:flex;gap:10px}.outpaint-next-step-hint{margin-top:12px;padding:10px 12px;border:1px solid var(--inpaint-border);border-radius:10px;background:var(--outpaint-surface-subtle);color:var(--inpaint-text-secondary);font-size:12px;font-weight:400;line-height:1.4}.outpaint-actions button{flex:1;height:38px;border-radius:10px;border:1px solid var(--inpaint-border);background:transparent;color:var(--inpaint-text-primary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.outpaint-actions button:hover:not(:disabled){background:var(--outpaint-surface-muted);border-color:var(--outpaint-border-strong)}.outpaint-actions button:last-child{background:var(--inpaint-apply-bg);color:var(--inpaint-apply-text);border-color:transparent}.outpaint-actions button:last-child:hover:not(:disabled){filter:brightness(1.08)}.outpaint-actions button:last-child.saved{background:var(--inpaint-saved-bg, var(--color-primary, #8b5cf6));color:var(--inpaint-saved-text, #ffffff)}.outpaint-actions button:disabled{opacity:.5;cursor:not-allowed}