.CanvasToolbar-module__BMnaHq__toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffffff2;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:relative}.CanvasToolbar-module__BMnaHq__toolbar:after{content:"";background:linear-gradient(90deg,#0000,#2c6dff1a,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.CanvasToolbar-module__BMnaHq__toolbarSection{align-items:center;gap:6px;display:flex}.CanvasToolbar-module__BMnaHq__zoomControls{background:linear-gradient(145deg, var(--grey-100) 0%, var(--grey-150) 100%);border:1px solid #0000000a;border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex}.CanvasToolbar-module__BMnaHq__zoomValue{text-align:center;min-width:56px;color:var(--black-3);letter-spacing:-.3px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:600}.CanvasToolbar-module__BMnaHq__toolButton{height:38px;color:var(--grey-600);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.CanvasToolbar-module__BMnaHq__toolButton:hover{background:var(--grey-100);color:var(--black-1)}.CanvasToolbar-module__BMnaHq__toolButton svg,.CanvasToolbar-module__BMnaHq__toolButton span{z-index:1;position:relative}.CanvasToolbar-module__BMnaHq__buttonLabel{display:none}@media screen and (min-width:768px){.CanvasToolbar-module__BMnaHq__buttonLabel{display:inline}}.CanvasToolbar-module__BMnaHq__divider{background:linear-gradient(180deg, transparent, var(--grey-300), transparent);width:1px;height:24px;margin:0 10px}.CanvasToolbar-module__BMnaHq__generateButton{background-color:var(--black-1);color:#fff;cursor:pointer;background-size:200% 200%;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:46px;padding:0 28px;font-size:.9375rem;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.CanvasToolbar-module__BMnaHq__spinner{border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s cubic-bezier(.4,0,.2,1) infinite CanvasToolbar-module__BMnaHq__spin}@keyframes CanvasToolbar-module__BMnaHq__spin{to{transform:rotate(360deg)}}@media screen and (max-width:768px){.CanvasToolbar-module__BMnaHq__toolbar{display:none!important}}
.GenerateButton-module__RBT_La__generateButton{background-color:var(--black-1);color:#fff;cursor:pointer;background-size:200% 200%;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:46px;padding:0 28px;font-size:.9375rem;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.GenerateButton-module__RBT_La__spinner{border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s cubic-bezier(.4,0,.2,1) infinite GenerateButton-module__RBT_La__spin}.GenerateButton-module__RBT_La__black{border:2.5px solid #00000040;border-top-color:#000}@keyframes GenerateButton-module__RBT_La__spin{to{transform:rotate(360deg)}}
.OutpaintPreview-module__4rc56G__overlay{z-index:1000;-webkit-backdrop-filter:blur(8px)saturate(120%);background:#0f172ab3;justify-content:center;align-items:center;animation:.25s OutpaintPreview-module__4rc56G__overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes OutpaintPreview-module__4rc56G__overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.OutpaintPreview-module__4rc56G__modal{background:#fff;border-radius:24px;flex-direction:column;width:90%;max-width:920px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) OutpaintPreview-module__4rc56G__modalSlideUp;display:flex;overflow:hidden;box-shadow:0 32px 64px -16px #0000004d,0 16px 32px -8px #0003,0 0 0 1px #ffffff1a}@keyframes OutpaintPreview-module__4rc56G__modalSlideUp{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.OutpaintPreview-module__4rc56G__header{background:linear-gradient(#f8fafccc 0%,#fff 100%);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.OutpaintPreview-module__4rc56G__title{color:var(--black-2);letter-spacing:-.3px;margin:0;font-size:1.3125rem;font-weight:700}.OutpaintPreview-module__4rc56G__closeButton{width:42px;height:42px;color:var(--grey-500);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.OutpaintPreview-module__4rc56G__closeButton:hover{background:var(--grey-100);color:var(--black-2);transform:rotate(90deg)}.OutpaintPreview-module__4rc56G__closeButton:active{transform:rotate(90deg)scale(.95)}.OutpaintPreview-module__4rc56G__outpaintedImage{object-fit:contain;visibility:hidden;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.OutpaintPreview-module__4rc56G__outpaintedImage.OutpaintPreview-module__4rc56G__visible{visibility:visible}.OutpaintPreview-module__4rc56G__navButton{color:#fff;cursor:pointer;z-index:1;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;font-size:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.OutpaintPreview-module__4rc56G__prevButton{left:10px}.OutpaintPreview-module__4rc56G__nextButton{right:10px}.OutpaintPreview-module__4rc56G__dots{gap:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.OutpaintPreview-module__4rc56G__dot{cursor:pointer;background-color:#ffffff80;border-radius:50%;width:10px;height:10px;transition:background-color .3s}.OutpaintPreview-module__4rc56G__dot.OutpaintPreview-module__4rc56G__active{background-color:#fff}.OutpaintPreview-module__4rc56G__previewContainer{background:radial-gradient(at 50% 0,#2c6dff0a 0%,#0000 60%),linear-gradient(#f8fafc 0%,#f1f5f9 50%,#e8eef5 100%);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:auto}.OutpaintPreview-module__4rc56G__previewContainer:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 90%,#2c6dff08 0%,#0000 30%),radial-gradient(circle at 90% 10%,#1976d208 0%,#0000 30%);position:absolute;inset:0}.OutpaintPreview-module__4rc56G__previewCanvas{background:#fff;border-radius:16px;max-width:100%;max-height:60vh;animation:.5s cubic-bezier(.4,0,.2,1) .15s both OutpaintPreview-module__4rc56G__previewCanvasAppear;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 8px 24px #00000014,0 16px 48px #0000000f}@keyframes OutpaintPreview-module__4rc56G__previewCanvasAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.OutpaintPreview-module__4rc56G__generatedBackground{background:linear-gradient(135deg,#2c6dff0a 0%,#0000 50%),linear-gradient(225deg,#1976d20a 0%,#0000 50%),linear-gradient(45deg,#2c6dff05 0%,#0000 100%);animation:3s ease-in-out infinite OutpaintPreview-module__4rc56G__shimmer;position:absolute;inset:0}@keyframes OutpaintPreview-module__4rc56G__shimmer{0%,to{opacity:.8}50%{opacity:1}}.OutpaintPreview-module__4rc56G__gradientOverlay{opacity:.6;background:repeating-linear-gradient(45deg,#0000,#0000 4px,#2c6dff04 4px 8px);position:absolute;inset:0}.OutpaintPreview-module__4rc56G__originalImageWrapper{border-radius:8px;transition:all .3s;position:absolute;overflow:hidden;box-shadow:0 0 0 2px #ffffff80,0 8px 32px #0000002e}.OutpaintPreview-module__4rc56G__originalImage{object-fit:cover;width:100%;height:100%;display:block}.OutpaintPreview-module__4rc56G__blendIndicator{animation:.4s cubic-bezier(.4,0,.2,1) .3s both OutpaintPreview-module__4rc56G__badgeAppear;position:absolute;top:16px;right:16px}@keyframes OutpaintPreview-module__4rc56G__badgeAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.OutpaintPreview-module__4rc56G__blendLabel{background-color:var(--black-1);color:#fff;text-transform:uppercase;letter-spacing:.8px;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.6875rem;font-weight:700;display:inline-flex}.OutpaintPreview-module__4rc56G__infoBar{background:linear-gradient(180deg, var(--grey-50) 0%, #f8fafc99 100%);border-top:1px solid #0000000d;gap:40px;padding:18px 28px;display:flex}.OutpaintPreview-module__4rc56G__infoItem{flex-direction:column;gap:4px;display:flex}.OutpaintPreview-module__4rc56G__infoLabel{color:var(--grey-500);text-transform:uppercase;letter-spacing:.8px;font-size:.625rem;font-weight:700}.OutpaintPreview-module__4rc56G__infoValue{color:var(--black-2);letter-spacing:-.3px;font-size:1rem;font-weight:700}.OutpaintPreview-module__4rc56G__actions{background:#fff;border-top:1px solid #0000000d;justify-content:flex-end;gap:14px;padding:22px 28px;display:flex}.OutpaintPreview-module__4rc56G__secondaryButton{border:1.5px solid var(--grey-200);height:48px;color:var(--grey-600);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:0 22px;font-size:.9375rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.OutpaintPreview-module__4rc56G__secondaryButton:hover{background:var(--grey-100);border-color:var(--grey-300);color:var(--black-2);transform:translateY(-2px)}.OutpaintPreview-module__4rc56G__secondaryButton:active{transform:translateY(0)}.OutpaintPreview-module__4rc56G__primaryButton{background-color:var(--black-1);color:#fff;cursor:pointer;background-size:200% 200%;border:none;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 28px;font-size:.9375rem;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.OutpaintPreview-module__4rc56G__primaryButton:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.OutpaintPreview-module__4rc56G__primaryButton:hover{background-position:100% 100%;transform:translateY(-3px)}.OutpaintPreview-module__4rc56G__primaryButton:active{transform:translateY(-1px)}@media screen and (max-width:640px){.OutpaintPreview-module__4rc56G__modal{border-radius:20px;width:95%;max-height:95vh}.OutpaintPreview-module__4rc56G__previewContainer{padding:24px}.OutpaintPreview-module__4rc56G__infoBar{flex-direction:column;gap:16px;padding:18px 24px}.OutpaintPreview-module__4rc56G__actions{flex-direction:column}.OutpaintPreview-module__4rc56G__secondaryButton,.OutpaintPreview-module__4rc56G__primaryButton{justify-content:center;width:100%}}