.studio-editor{--studio-cyan: #18b6b2;--studio-blue: #2f6df6;--studio-blue-dark: #1852d5;--studio-gold: #d99b2b;--studio-green: #12a37f;position:relative;--split: 50%;overflow:hidden;border:1px solid rgb(255 255 255 / 12%);border-radius:12px;background:linear-gradient(180deg,rgb(255 255 255 / 8%),transparent 26%),#070a12;box-shadow:0 34px 90px #0000007a,0 0 0 1px #2f6df61f;animation:editor-float 7s ease-in-out infinite;font-family:Inter,Aptos,Segoe UI,Arial,sans-serif}.studio-editor:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 72% 18%,rgb(47 109 246 / 25%),transparent 30%),radial-gradient(circle at 18% 82%,rgb(24 182 178 / 18%),transparent 34%)}.studio-editor>*{position:relative;z-index:1}.studio-editor .editor-topbar{display:grid;grid-template-columns:auto 1fr auto;min-height:54px;align-items:center;gap:16px;border-bottom:1px solid rgb(255 255 255 / 10%);background:#ffffff0a;padding:0 18px}.studio-editor .window-dots{display:flex;gap:8px}.studio-editor .window-dots span{width:9px;height:9px;border-radius:50%;background:#ef4444;display:block}.studio-editor .window-dots span:nth-child(2){background:var(--studio-gold)}.studio-editor .window-dots span:nth-child(3){background:var(--studio-green)}.studio-editor .editor-tabs{display:flex;min-width:0;align-items:center;justify-content:center;gap:6px}.studio-editor .editor-tabs span{border:1px solid transparent;border-radius:999px;padding:6px 10px;color:#ffffff94;font-size:.78rem;font-weight:750}.studio-editor .editor-tabs .active{border-color:#72e0dd4d;background:#18b6b21f;color:#72e0dd}.studio-editor .editor-topbar strong{color:#ffffffc2;font-size:.82rem}.studio-editor .editor-body{display:grid;grid-template-columns:clamp(148px,15vw,176px) minmax(0,1fr);gap:0;padding:16px}.studio-editor .editor-rail{display:grid;align-content:start;gap:10px;border:1px solid rgb(255 255 255 / 10%);border-right:0;border-radius:8px 0 0 8px;background:#ffffff0d;padding:14px}.studio-editor .rail-label{color:#ffffff6b;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.studio-editor .rail-chip{display:block;width:100%;min-height:38px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#070a1275;color:#ffffffb8;padding:8px 10px;text-align:left;cursor:pointer;font:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease}.studio-editor .rail-chip:hover:not(.rail-chip-muted){transform:translate(2px);border-color:#72e0dd52}.studio-editor .rail-chip.active{border-color:#2f6df68c;background:#2f6df62e;color:#fff}.studio-editor .rail-chip-muted{cursor:default;opacity:.52}.studio-editor .ai-card{margin-top:8px;border:1px solid rgb(114 224 221 / 22%);border-radius:8px;background:#18b6b21a;padding:12px}.studio-editor .ai-card span{color:#72e0dd;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.studio-editor .ai-card strong{display:block;margin-top:6px;color:#fff;font-size:.9rem;line-height:1.25}.studio-editor .progress{height:6px;overflow:hidden;margin-top:12px;border-radius:999px;background:#ffffff1f}.studio-editor .progress i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--studio-cyan),var(--studio-blue));animation:progress-pulse 4.5s ease-in-out infinite}.studio-editor .editor-canvas{position:relative;min-width:0;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:0 8px 8px 0;background:#02040a;cursor:ew-resize;touch-action:pan-y}.studio-editor .canvas-layer{position:absolute;inset:0;display:block;overflow:hidden;transform:scale(1.015);transition:transform .45s ease,filter .45s ease}.studio-editor .canvas-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.studio-editor .canvas-layer-before{filter:saturate(.82) contrast(.92) brightness(.9)}.studio-editor .canvas-layer-after{clip-path:inset(0 0 0 var(--split));filter:saturate(1.08) contrast(1.05) brightness(1.04)}@supports (mask-image: linear-gradient(90deg,transparent,#000)) or (-webkit-mask-image: linear-gradient(90deg,transparent,#000)){.studio-editor .canvas-layer-after{clip-path:none;mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--split) - 5.5%),rgb(0 0 0 / 42%) var(--split),#000 calc(var(--split) + 5.5%),#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent calc(var(--split) - 5.5%),rgb(0 0 0 / 42%) var(--split),#000 calc(var(--split) + 5.5%),#000 100%)}}.studio-editor:hover .canvas-layer{transform:scale(1.04)}.studio-editor .editor-canvas:before{position:absolute;inset:0;z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,rgb(7 10 18 / 24%),transparent 32%),linear-gradient(90deg,transparent var(--split),rgb(47 109 246 / 10%) var(--split));mix-blend-mode:screen}.studio-editor .editor-canvas:after{position:absolute;inset:0;z-index:3;pointer-events:none;content:"";background:linear-gradient(90deg,transparent 0,rgb(114 224 221 / 28%) 50%,transparent 100%);opacity:0;transform:translate(-115%);animation:canvas-scan 5.8s ease-in-out infinite;mix-blend-mode:screen}.studio-editor .mask-focus{position:absolute;top:24%;left:18%;z-index:4;width:61%;height:51%;pointer-events:none;border:1px solid rgb(114 224 221 / 56%);opacity:.72;animation:focus-pulse 3.6s ease-in-out infinite}.studio-editor .mask-focus:before,.studio-editor .mask-focus:after,.studio-editor .mask-focus span:before,.studio-editor .mask-focus span:after{position:absolute;width:18px;height:18px;content:"";border-color:#72e0dd}.studio-editor .mask-focus:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.studio-editor .mask-focus:after{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid}.studio-editor .mask-focus span:before{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid}.studio-editor .mask-focus span:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.studio-editor .mask-focus i{position:absolute;top:-12px;right:18px;width:9px;height:9px;border-radius:999px;background:#72e0dd;box-shadow:0 0 22px #72e0ddcc}.studio-editor .split-handle{position:absolute;inset:0 auto 0 var(--split);z-index:5;width:2px;border:0;padding:0;transform:translate(-50%);background:#ffffffdb;box-shadow:0 0 28px #ffffff5c;cursor:ew-resize}.studio-editor .split-handle span{position:absolute;top:50%;left:50%;display:flex;width:48px;height:48px;transform:translate(-50%,-50%);align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 35%);border-radius:999px;background:#070a12d1;box-shadow:0 12px 30px #00000057}.studio-editor .split-handle span:before,.studio-editor .split-handle span:after{width:9px;height:9px;content:"";border-color:#fff;border-style:solid;transform:rotate(45deg)}.studio-editor .split-handle span:before{margin-right:-4px;border-width:0 0 2px 2px}.studio-editor .split-handle span:after{margin-left:-4px;border-width:2px 2px 0 0}.studio-editor .scan-line{position:absolute;top:0;bottom:0;left:-12%;z-index:4;width:clamp(78px,10vw,132px);pointer-events:none;background:linear-gradient(90deg,transparent,rgb(24 182 178 / 28%),transparent);filter:blur(.2px);animation:scan-sweep 4.2s ease-in-out infinite}.studio-editor .canvas-label{position:absolute;top:16px;border-radius:999px;padding:7px 11px;color:#fff;font-size:.78rem;font-weight:850}.studio-editor .canvas-label-before{left:16px;background:#070a12c7}.studio-editor .canvas-label-after{right:16px;background:var(--studio-blue)}.studio-editor .processing-toast{position:absolute;right:16px;bottom:16px;z-index:6;display:flex;max-width:calc(100% - 32px);align-items:center;gap:8px;border:1px solid rgb(114 224 221 / 28%);border-radius:8px;background:#070a12c2;color:#ffffffb3;padding:9px 11px;font-size:.78rem;opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}.studio-editor .processing-toast span{width:8px;height:8px;border-radius:50%;background:var(--studio-cyan);box-shadow:0 0 16px #18b6b2b3}.studio-editor .processing-toast strong{color:#fff}.studio-editor.is-processing .processing-toast{opacity:1;transform:translateY(0)}.studio-editor .editor-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgb(255 255 255 / 10%);background:#ffffff0a}.studio-editor .editor-footer span{min-width:0;border-right:1px solid rgb(255 255 255 / 10%);padding:15px 16px;color:#ffffff9e;font-size:.86rem;text-align:center}.studio-editor .editor-footer span:last-child{border-right:0}.studio-editor .editor-footer strong{color:#fff}@keyframes editor-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scan-sweep{0%,18%{left:-12%;opacity:0}32%{opacity:1}70%{left:112%;opacity:.85}to{left:112%;opacity:0}}@keyframes focus-pulse{0%,to{opacity:.46;transform:scale(.985)}50%{opacity:.82;transform:scale(1.015)}}@keyframes canvas-scan{0%,25%{opacity:0;transform:translate(-115%)}45%{opacity:1}78%{opacity:0;transform:translate(115%)}to{opacity:0;transform:translate(115%)}}@keyframes progress-pulse{0%,to{width:38%}50%{width:92%}}@media(max-width:768px){.studio-editor .editor-topbar{grid-template-columns:auto 1fr;gap:10px;padding:10px 12px}.studio-editor .editor-topbar strong{display:none}.studio-editor .editor-tabs span{padding:4px 8px;font-size:.7rem}.studio-editor .editor-body{grid-template-columns:1fr;gap:12px;padding:12px}.studio-editor .editor-rail{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;border-right:1px solid rgb(255 255 255 / 10%);border-radius:8px;padding:10px 12px;-webkit-overflow-scrolling:touch}.studio-editor .rail-label{flex-shrink:0}.studio-editor .rail-chip{width:auto;min-width:max-content;min-height:32px;padding:6px 10px;font-size:.78rem}.studio-editor .ai-card{flex-shrink:0;min-width:160px;margin-top:0;padding:8px 10px}.studio-editor .ai-card .progress{margin-top:6px}.studio-editor .editor-canvas{border-radius:8px}}@media(prefers-reduced-motion:reduce){.studio-editor,.studio-editor .progress i,.studio-editor .scan-line,.studio-editor .mask-focus,.studio-editor .editor-canvas:after{animation:none!important}}