.outpaint-dialog .outpaint-workspace{display:flex;flex:1;min-height:100px;overflow:hidden}.outpaint-viewport{flex:1;min-width:0;background:#100f12;overflow:auto;padding:32px;overscroll-behavior:contain}.outpaint-frame{position:relative;margin:auto;outline:2px solid #d4c8e1;background:repeating-conic-gradient(#29262e 0% 25%,#35313b 0% 50%) 0/20px 20px;touch-action:none}.outpaint-frame>img{position:absolute;max-width:none;max-height:none;object-fit:fill;cursor:move;touch-action:none;user-select:none}.outpaint-dialog button.outpaint-handle{position:absolute;padding:0;width:10px;height:10px;min-width:0;border:1px solid #eee;background:#cfc2dd;border-radius:2px;touch-action:none;z-index:2}.handle-nw{left:-5px;top:-5px;cursor:nwse-resize}.handle-ne{right:-5px;top:-5px;cursor:nesw-resize}.handle-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.handle-se{right:-5px;bottom:-5px;cursor:nwse-resize}.handle-n{left:calc(50% - 5px);top:-5px;cursor:ns-resize}.handle-s{left:calc(50% - 5px);bottom:-5px;cursor:ns-resize}.handle-w{left:-5px;top:calc(50% - 5px);cursor:ew-resize}.handle-e{right:-5px;top:calc(50% - 5px);cursor:ew-resize}.outpaint-controls{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 18px;background:#201b25;flex-shrink:0}.outpaint-scales,.outpaint-view-controls,.outpaint-ratios{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.outpaint-controls output{font-size:12px;min-width:38px;text-align:center}.outpaint-ratios{margin-bottom:10px}.outpaint-ratios span{margin-left:auto;font-size:11px;color:#9e91aa}.outpaint-dialog .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:650px){.outpaint-controls{padding:8px;flex-wrap:wrap}.outpaint-ratios{gap:4px}.outpaint-ratios span{width:100%;margin:4px 0}.outpaint-viewport{padding:20px}}