.hairline-border{box-shadow:inset 0 0 0 1px #0000000f}.ambient-glow{background:radial-gradient(circle at 50% 0,#a855f726 0%,#0000 60%)}.magic-bg{background:radial-gradient(800px circle at var(--x)var(--y),#a855f70d,transparent 80%)}.stagger-1{animation:.8s cubic-bezier(.16,1,.3,1) .1s both springUp}.stagger-2{animation:.8s cubic-bezier(.16,1,.3,1) .2s both springUp}.stagger-3{animation:.8s cubic-bezier(.16,1,.3,1) .3s both springUp}@keyframes springUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes subtle-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-breathe{animation:4s ease-in-out infinite subtle-breathe}@keyframes border-rotate{0%{background-position:0%}to{background-position:200%}}.animate-border-flow{background:linear-gradient(90deg,#0000,#a855f74d,#a855f7,#3b82f64d,#0000) 0 0/200% 100%;animation:2.5s linear infinite border-rotate}textarea::-webkit-scrollbar{display:none}.studio-panel{--panel-bg:#0a0a0cd9;--panel-border:#ffffff14;--panel-shadow:0 8px 32px #0006;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--accent-cyan:#4fd1c5e6;--accent-purple:#9f7aeae6}.canvas-container{cursor:default;touch-action:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.canvas-container:active{cursor:grab}.canvas-layer{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.canvas-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;border-radius:6px;transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .15s ease-out;position:absolute;top:0;left:0;box-shadow:0 16px 40px #000c,0 0 1px #ffffff1a}.canvas-item:before{content:"";pointer-events:none;z-index:2;border:1px solid #ffffff0f;border-radius:6px;position:absolute;inset:0}.canvas-item img{object-fit:cover;pointer-events:none;border-radius:6px;width:100%;height:100%;display:block}.canvas-item .selection-brackets{pointer-events:none;opacity:0;z-index:5;transition:opacity .2s;position:absolute;inset:-12px}.canvas-item.selected .selection-brackets{opacity:1}.canvas-item.selected{box-shadow:0 32px 64px #000,0 0 1px #fff3}.selection-brackets:before,.selection-brackets:after{content:"";opacity:.9;filter:drop-shadow(0 0 4px #fff6);background-color:#0000;background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(90deg,#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(90deg,#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(90deg,#fff,#fff),linear-gradient(#fff,#fff);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:2px 16px,16px 2px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;border-radius:12px;width:100%;height:100%;position:absolute}.canvas-item.processing:after{content:"";background:radial-gradient(circle at center,var(--accent-cyan)0%,var(--accent-purple)50%,transparent 70%);opacity:.15;filter:blur(20px);z-index:-1;pointer-events:none;border-radius:50%;animation:3s ease-in-out infinite alternate pulse-glow;position:absolute;inset:-60px}.canvas-item.processing .processing-overlay{border:1px solid var(--accent-cyan);z-index:10;-webkit-backdrop-filter:saturate(0%);backdrop-filter:saturate(0%);background:#00000080;border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 20px #4fd1c533}@keyframes pulse-glow{0%{opacity:.1;transform:scale(.9)}to{opacity:.25;transform:scale(1.1)}}.resize-handle{cursor:nwse-resize;opacity:0;z-index:20;background:#fff;border:1px solid #00000080;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;bottom:-4px;right:-4px}.canvas-item:hover .resize-handle,.canvas-item.selected .resize-handle{opacity:1}.text-content{color:var(--text-primary);-webkit-user-select:text;user-select:text;padding:24px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.6}.marquee{pointer-events:none;z-index:100;background:#ffffff08;border:1px solid #ffffff26;border-radius:2px;position:absolute}