:root{--bg-color:#06070a;--bg-elevated:#101217;--surface-color:#111319e0;--surface-solid:#111319;--accent-color:#a78bfa;--accent-hover:#c4b5fd;--cyan:#67e8f9;--green:#34d399;--amber:#fbbf24;--text-primary:#f8fafc;--text-secondary:#a8b3c7;--text-muted:#6f7b91;--border-color:#ffffff1f;--glass-bg:#ffffff0b;--glass-border:#ffffff1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-color);width:100%;min-height:100vh;color:var(--text-primary);overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}*{scrollbar-width:thin;scrollbar-color:var(--accent-color) #ffffff0f}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#ffffff0b}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-hover), var(--accent-color));border:3px solid #090a0ef2;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #ddd6fe, var(--accent-hover))}::-webkit-scrollbar-corner{background:#090a0ef2}.landing-page{z-index:1000;background:radial-gradient(circle at 18% 18%,#67e8f93d,#0000 26%),radial-gradient(circle at 78% 14%,#a78bfa42,#0000 28%),radial-gradient(circle at 72% 76%,#34d39924,#0000 30%),linear-gradient(145deg,#05060a 0%,#09111b 44%,#08070f 100%);position:fixed;inset:0;overflow-y:auto}.landing-page:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),radial-gradient(circle,#0000 0 52%,#ffffff0a 53% 54%,#0000 55%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.landing-page:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.7;background:linear-gradient(115deg,#ffffff14,#0000 28%),linear-gradient(290deg,#67e8f914,#0000 36%),linear-gradient(#0000 0%,#06070ab8 100%);position:fixed;inset:0}.landing-page.leaving{opacity:0;transition:opacity .45s,transform .45s;transform:scale(1.01)}.landing-nav{z-index:1002;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#06070ad6,#06070a57 72%,#0000);justify-content:space-between;align-items:center;width:100%;padding:22px max(20px,50% - 590px) 12px;display:flex;position:sticky;top:0}.logo{color:var(--text-primary);align-items:center;gap:12px;font-size:22px;font-weight:750;display:flex}.logo svg{color:var(--accent-color)}.nav-actions{align-items:center;gap:10px;display:flex}.nav-menu-toggle{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;display:none}.nav-menu-toggle .icon-close,.nav-menu-toggle[aria-expanded=true] .icon-open{display:none}.nav-menu-toggle[aria-expanded=true] .icon-close{display:block}.nav-cta{color:#0a0c10;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f8fafc,#b8f7ff 48%,#c4b5fd);border:1px solid #ffffff3d;border-radius:8px;min-height:44px;padding:0 16px;font-size:13px;font-weight:800;box-shadow:0 14px 48px #67e8f929}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 18px 54px #a78bfa3d}.lang-switch{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border-radius:8px;gap:6px;padding:4px;display:flex}.lang-btn{min-width:42px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.lang-btn.active,.lang-btn:hover{color:#0a0c10;background:var(--text-primary)}.landing-content{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;padding:36px 0;position:relative}.hero-section{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);align-items:start;gap:54px;margin-bottom:18px;display:grid}.hero-copy{max-width:760px;padding-top:0}.badge{color:#dffbff;background:#67e8f914;border:1px solid #67e8f947;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.badge-dot{background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #34d399cc}.landing-title{color:#fff;max-width:820px;font-size:clamp(46px,7.2vw,92px);font-weight:820;line-height:.98}.title-accent{color:#d6ccff}.landing-subtitle{max-width:690px;color:var(--text-secondary);margin-top:24px;font-size:clamp(17px,1.7vw,21px);line-height:1.55}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.cta-primary,.cta-secondary{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.cta-primary{color:#0a0c10;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#b8f7ff 48%,#c4b5fd);border:1px solid #ffffff3d;box-shadow:0 18px 60px #67e8f933}.cta-primary:hover{transform:translateY(-1px);box-shadow:0 24px 72px #a78bfa47}.cta-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0e}.cta-secondary:hover{background:#ffffff17;border-color:#ffffff47}.bmc-button{color:#fff7d6;background:linear-gradient(135deg,#ffdd002e,#bd5fffb8 52%,#67e8f933),#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 12px 0 18px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 58px #bd5fff38}.bmc-button:before{content:"";background:linear-gradient(110deg,#0000,#ffffff2e,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(-110%)}.bmc-button:hover{border-color:#ffdd006b;transform:translateY(-1px);box-shadow:0 24px 70px #bd5fff52}.bmc-button:hover:before{transform:translate(110%)}.bmc-icon{z-index:1;color:#17120a;background:#fd0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:relative;box-shadow:inset 0 -2px #00000029}.bmc-button span:not(.bmc-icon){z-index:1;position:relative}.bmc-supporters{color:#fff;background:#ffffff1a;border-left:1px solid #fff3;border-radius:7px;align-items:center;gap:5px;min-height:30px;margin-left:4px;padding:0 10px;font-size:13px;font-weight:850;display:inline-flex}.bmc-supporters svg{color:#fff}.trust-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.trust-row span:not(.trust-sep){align-items:baseline;gap:7px;display:inline-flex}.trust-row strong{color:var(--text-primary);font-size:20px}.trust-row small{color:var(--text-muted);font-weight:650}.trust-sep{background:var(--border-color);width:1px;height:20px}.hero-product{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c10c7;border:1px solid #ffffff29;border-radius:8px;width:100%;min-height:340px;overflow:hidden;box-shadow:0 32px 110px #00000094}.product-topbar{border-bottom:1px solid var(--border-color);background:#ffffff0b;align-items:center;gap:8px;height:42px;padding:0 15px;display:flex}.product-topbar span{background:var(--text-muted);border-radius:999px;width:10px;height:10px}.product-topbar span:first-child{background:#f87171}.product-topbar span:nth-child(2){background:var(--amber)}.product-topbar span:nth-child(3){background:var(--green)}.product-body{grid-template-columns:150px 1fr;height:298px;display:grid}.product-panel{border-right:1px solid var(--border-color);background:#ffffff09;flex-direction:column;gap:14px;padding:18px;display:flex}.panel-line,.panel-button,.panel-grid{background:#ffffff24;border-radius:6px;display:block}.panel-line{width:72%;height:9px}.panel-line.wide{width:100%}.panel-line.short{width:54%}.panel-button{background:linear-gradient(135deg, var(--accent-color), var(--cyan));height:36px}.panel-grid{background-color:#0000;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:104px}.product-canvas{background-color:#08090d;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;padding:28px;display:flex;position:relative}.product-canvas img{object-fit:contain;border-radius:6px;width:min(100%,360px);max-height:240px;box-shadow:0 18px 58px #0000008c}.region-box{border:2px solid var(--green);background:#34d3991c;position:absolute;box-shadow:0 0 28px #34d39942}.region-a{width:26%;height:33%;top:24%;left:36%}.region-b{border-color:var(--cyan);width:18%;height:22%;bottom:19%;right:16%}.region-c{border-color:var(--accent-color);width:15%;height:18%;bottom:22%;left:24%}.howto-section{margin:28px 0 36px;padding:20px 0 12px}.howto-head{max-width:720px;margin-bottom:38px}.howto-kicker{color:#c5f6ff;letter-spacing:.18em;text-transform:uppercase;background:#67e8f90f;border:1px solid #67e8f952;border-radius:999px;align-items:center;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.howto-title{color:var(--text-primary);letter-spacing:-.02em;margin-top:16px;font-size:clamp(28px,4.2vw,44px);font-weight:800;line-height:1.08}.howto-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);align-items:start;gap:60px;display:grid}.howto-steps{margin:0;padding:0;list-style:none;position:relative}.howto-steps:before{content:"";background:linear-gradient(to bottom, var(--border-color), #ffffff0a);pointer-events:none;border-radius:1px;width:2px;position:absolute;top:26px;bottom:26px;left:20px}.howto-step{cursor:pointer;border:1px solid #0000;border-radius:12px;grid-template-columns:44px 1fr;gap:18px;margin-bottom:8px;padding:22px 22px 22px 0;transition:background .35s,border-color .35s,transform .35s;display:grid;position:relative}.howto-step:hover{background:#ffffff06;border-color:#ffffff0f}.howto-step.active{background:#a78bfa12;border-color:#a78bfa47;box-shadow:0 18px 48px #00000052}.step-num{z-index:1;border:1px solid var(--border-color);background:var(--bg-elevated);width:42px;height:42px;color:var(--text-muted);letter-spacing:.06em;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:color .35s,border-color .35s,background .35s,box-shadow .35s;display:inline-flex;position:relative}.howto-step.active .step-num{color:#fff;background:linear-gradient(135deg,#a78bfa59,#67e8f938);border-color:#a78bfa99;box-shadow:0 0 0 4px #a78bfa24,0 10px 28px #a78bfa47}.step-body h3{color:var(--text-primary);letter-spacing:-.005em;margin:6px 0 8px;font-size:19px;font-weight:800}.step-body p{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.55}.howto-step:not(.active) .step-body h3{color:var(--text-secondary)}.howto-step:not(.active) .step-body p{color:var(--text-muted)}.howto-mobile-dots{display:none}.howto-preview{align-self:start;position:sticky;top:96px}.howto-stage{position:relative}.stage-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0ed9;border:1px solid #ffffff24;border-radius:14px;overflow:hidden;box-shadow:0 32px 90px #0000008c,inset 0 1px #ffffff0d}.stage-topbar{border-bottom:1px solid var(--border-color);background:#ffffff0a;align-items:center;gap:8px;height:36px;padding:0 14px;display:flex}.stage-topbar span{background:var(--text-muted);border-radius:50%;width:9px;height:9px}.stage-topbar span:first-child{background:#f87171}.stage-topbar span:nth-child(2){background:var(--amber)}.stage-topbar span:nth-child(3){background:var(--green)}.stage-body{background-color:#07090d;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:360px;position:relative}.stage-scene{opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:absolute;inset:0}.stage-scene.active{opacity:1;visibility:visible}.scene1-dropzone{width:76%;height:76%;color:var(--accent-color);background:radial-gradient(circle,#a78bfa14,#0000 70%);border:2px dashed #a78bfa8c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.scene-1.active .scene1-dropzone{animation:2.6s ease-in-out infinite scene1Pulse}.scene-1.active .scene1-icon{animation:2.6s ease-in-out infinite scene1Bounce}.scene1-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:700}@keyframes scene1Pulse{0%,to{box-shadow:0 0 #a78bfa00}50%{border-color:#a78bfad9;box-shadow:0 0 0 14px #a78bfa00}}@keyframes scene1Bounce{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-14px)scale(1.04)}60%{transform:translateY(-14px)scale(1.04)}}.scene2-chips{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:24px;left:24px;right:24px}.ratio-chip{border:1px solid var(--border-color);color:var(--text-secondary);letter-spacing:.06em;background:#ffffff0d;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .3s}.scene2-frame{border:2px solid var(--accent-color);background:#a78bfa1a;border-radius:6px;width:150px;height:150px;margin-top:30px;box-shadow:0 0 32px #a78bfa40}.scene-2.active .scene2-frame{animation:7.2s ease-in-out infinite scene2Morph}.scene-2.active .ratio-chip:first-child{animation:7.2s ease-in-out infinite scene2Chip1}.scene-2.active .ratio-chip:nth-child(2){animation:7.2s ease-in-out infinite scene2Chip2}.scene-2.active .ratio-chip:nth-child(3){animation:7.2s ease-in-out infinite scene2Chip3}.scene-2.active .ratio-chip:nth-child(4){animation:7.2s ease-in-out infinite scene2Chip4}@keyframes scene2Morph{0%,22%{width:150px;height:150px}28%,47%{width:180px;height:135px}53%,72%{width:200px;height:112px}78%,97%{width:112px;height:200px}to{width:150px;height:150px}}@keyframes scene2ChipActive{0%,to{border-color:var(--accent-color);color:#fff;background:linear-gradient(135deg,#a78bfa52,#67e8f92e);box-shadow:0 0 0 3px #a78bfa26}}@keyframes scene2Chip1{0%,22%{border-color:var(--accent-color);color:#fff;background:linear-gradient(135deg,#a78bfa52,#67e8f92e);box-shadow:0 0 0 3px #a78bfa26}28%,to{border-color:var(--border-color);color:var(--text-secondary);box-shadow:none;background:#ffffff0d}}@keyframes scene2Chip2{0%,22%{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff0d}28%,47%{border-color:var(--accent-color);color:#fff;background:linear-gradient(135deg,#a78bfa52,#67e8f92e);box-shadow:0 0 0 3px #a78bfa26}53%,to{border-color:var(--border-color);color:var(--text-secondary);box-shadow:none;background:#ffffff0d}}@keyframes scene2Chip3{0%,47%{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff0d}53%,72%{border-color:var(--accent-color);color:#fff;background:linear-gradient(135deg,#a78bfa52,#67e8f92e);box-shadow:0 0 0 3px #a78bfa26}78%,to{border-color:var(--border-color);color:var(--text-secondary);box-shadow:none;background:#ffffff0d}}@keyframes scene2Chip4{0%,72%{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff0d}78%,97%{border-color:var(--accent-color);color:#fff;background:linear-gradient(135deg,#a78bfa52,#67e8f92e);box-shadow:0 0 0 3px #a78bfa26}to{border-color:var(--border-color);color:var(--text-secondary);box-shadow:none;background:#ffffff0d}}.scene3-canvas{width:80%;height:80%;position:relative}.scene3-canvas img{object-fit:cover;border-radius:6px;width:100%;height:100%}.scene3-region{border:2px solid var(--green);clip-path:inset(0 100% 100% 0);background:#34d3991f;border-radius:2px;width:38%;height:46%;position:absolute;top:22%;left:28%;box-shadow:0 0 28px #34d39952}.scene-3.active .scene3-region{animation:3.2s ease-in-out infinite scene3Draw}.scene3-cursor{filter:drop-shadow(0 4px 8px #00000080);transform-origin:10% 10%;width:18px;height:20px;position:absolute;top:22%;left:28%}.scene-3.active .scene3-cursor{animation:3.2s ease-in-out infinite scene3CursorPath,3.2s linear infinite scene3CursorPress}@keyframes scene3Draw{0%,8%{clip-path:inset(0 100% 100% 0)}55%,92%{clip-path:inset(0)}to{clip-path:inset(0 100% 100% 0)}}@keyframes scene3CursorPath{0%,8%{top:22%;left:28%}55%{top:68%;left:66%}92%{top:68%;left:66%}to{top:22%;left:28%}}@keyframes scene3CursorPress{0%,6%{transform:scale(1)}10%,92%{transform:scale(.82)}96%,to{transform:scale(1)}}.scene4-region{border:2px solid var(--cyan);background:#67e8f91a;border-radius:3px;width:60%;height:50%;position:relative;box-shadow:0 0 36px #67e8f947}.scene4-popup{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f16f5;border-radius:8px;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0009}.popup-btn{width:28px;height:28px;color:var(--text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .3s,color .3s;display:inline-flex}.popup-btn.confirm{color:var(--green)}.popup-btn.remove{color:#f87171}.scene-4.active .popup-btn{animation-duration:5.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.scene-4.active .popup-btn.confirm{animation-name:scene4Hi1}.scene-4.active .popup-btn.edit{animation-name:scene4Hi2}.scene-4.active .popup-btn.download{animation-name:scene4Hi3}.scene-4.active .popup-btn.remove{animation-name:scene4Hi4}@keyframes scene4Hi1{0%,6%{background:0 0;transform:scale(1)}10%,22%{background:#34d3992e;transform:scale(1.12)}26%,to{background:0 0;transform:scale(1)}}@keyframes scene4Hi2{0%,26%{background:0 0;transform:scale(1)}30%,42%{color:var(--accent-color);background:#a78bfa2e;transform:scale(1.12)}46%,to{background:0 0;transform:scale(1)}}@keyframes scene4Hi3{0%,46%{background:0 0;transform:scale(1)}50%,62%{color:var(--cyan);background:#67e8f92e;transform:scale(1.12)}66%,to{background:0 0;transform:scale(1)}}@keyframes scene4Hi4{0%,66%{background:0 0;transform:scale(1)}70%,82%{background:#f871712e;transform:scale(1.12)}86%,to{background:0 0;transform:scale(1)}}.scene5-canvas{border-radius:6px;width:80%;height:80%;position:relative;overflow:hidden}.scene5-base{object-fit:cover;filter:brightness(.55)saturate(.85);width:100%;height:100%}.scene5-region{border:2px solid var(--accent-color);background:#a78bfa1f;border-radius:3px;width:38%;height:46%;position:absolute;top:22%;left:28%;box-shadow:0 0 24px #a78bfa52}.scene-5.active .scene5-region{animation:5.4s ease-in-out infinite scene5RegionSwap}.scene5-region-drop{opacity:0;border:2px solid #0000;border-radius:3px;position:absolute;inset:-2px}.scene-5.active .scene5-region-drop{animation:5.4s ease-out infinite scene5DropFlash}.scene5-file{opacity:0;transform-origin:50%;background:#0d0f16f2;border:1px solid #67e8f999;border-radius:7px;flex-direction:column;align-items:center;gap:5px;width:78px;padding:7px 8px 5px;display:flex;position:absolute;top:4%;left:68%;box-shadow:0 14px 28px #0000008c}.scene5-file-thumb{color:#ffffffd9;background:linear-gradient(135deg,#67e8f980,#a78bfa73),linear-gradient(45deg,#ffffff14 25%,#0000 25%) 0 0/10px 10px,linear-gradient(-45deg,#ffffff14 25%,#0000 25%) 0 0/10px 10px;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:62px;height:40px;display:inline-flex}.scene5-file-name{letter-spacing:.02em;color:var(--text-primary);white-space:nowrap;font-size:9.5px;font-weight:700}.scene-5.active .scene5-file{animation:5.4s ease-in-out infinite scene5FileDrag}@keyframes scene5FileDrag{0%,4%{opacity:0;top:4%;left:68%;transform:scale(.7)rotate(-10deg)}10%,14%{opacity:1;top:4%;left:68%;transform:scale(1)rotate(-6deg)}22%{opacity:1;top:4%;left:68%;transform:scale(1.02)rotate(-3deg)}55%{opacity:1;top:30%;left:32%;transform:scale(1)rotate(0)}62%{opacity:1;top:30%;left:32%;transform:scale(.94)rotate(0)}68%{opacity:0;top:32%;left:34%;transform:scale(.55)rotate(0)}96%,to{opacity:0;top:4%;left:68%;transform:scale(.7)rotate(-10deg)}}@keyframes scene5RegionSwap{0%,60%{border-color:var(--accent-color);background:#a78bfa1f;box-shadow:0 0 24px #a78bfa52}66%,92%{border-color:var(--green);background:#34d3992e;box-shadow:0 0 36px #34d39973}96%,to{border-color:var(--accent-color);background:#a78bfa1f;box-shadow:0 0 24px #a78bfa52}}@keyframes scene5DropFlash{0%,62%{opacity:0;border-color:#0000;transform:scale(1)}66%{opacity:.9;border-color:var(--green);transform:scale(1)}74%{opacity:0;border-color:var(--green);transform:scale(1.18)}to{opacity:0;border-color:#0000;transform:scale(1)}}.scene6-stack{justify-content:center;align-items:center;gap:14px;display:flex}.scene6-file{width:92px;color:var(--text-primary);opacity:0;background:#0d0f16b3;border:1.5px solid;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 14px 10px;display:flex;transform:translateY(20px)scale(.85);box-shadow:0 18px 38px #00000080}.scene6-file small{letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:700}.scene6-file-a{border-color:var(--green)}.scene6-file-a svg{color:var(--green)}.scene6-file-b{border-color:var(--cyan)}.scene6-file-b svg{color:var(--cyan)}.scene6-file-c{border-color:var(--accent-color)}.scene6-file-c svg{color:var(--accent-color)}.scene-6.active .scene6-file{animation:4.6s ease-out infinite scene6File}.scene-6.active .scene6-file-a{animation-delay:50ms}.scene-6.active .scene6-file-b{animation-delay:.5s}.scene-6.active .scene6-file-c{animation-delay:.95s}@keyframes scene6File{0%{opacity:0;transform:translateY(20px)scale(.85)}18%{opacity:1;transform:translateY(-4px)scale(1.04)}26%,78%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:0;transform:translateY(-12px)scale(.92)}}@media (width<=1040px){.howto-grid{grid-template-columns:1fr;gap:28px}.howto-preview{position:static;top:auto}.stage-body{height:320px}}@media (width<=760px){.howto-section{margin:16px 0 30px;padding-top:6px}.howto-head{margin-bottom:20px}.howto-title{font-size:clamp(26px,8vw,34px)}.howto-grid{flex-direction:column;gap:14px;display:flex}.howto-preview{order:1;align-self:stretch;width:100%}.howto-stage,.stage-frame{width:100%}.howto-steps{box-sizing:border-box;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;order:2;gap:12px;width:100%;max-width:100%;margin:0;padding:0 0 2px;scroll-padding-inline:0;display:flex;overflow:auto hidden}.howto-steps::-webkit-scrollbar{display:none}.howto-steps:before{display:none}.howto-step{box-sizing:border-box;scroll-snap-align:center;cursor:grab;background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;flex:0 0 100%;grid-template-columns:46px 1fr;gap:14px;min-height:152px;margin:0;padding:18px}.howto-step.active{background:#a78bfa1c;border-color:#a78bfa61}.howto-step:not(.active) .step-body h3{color:var(--text-primary)}.howto-step:not(.active) .step-body p{color:var(--text-secondary)}.step-body h3{margin-top:5px;font-size:18px}.step-body p{font-size:14px}.howto-mobile-dots{order:3;justify-content:center;align-self:stretch;gap:8px;width:100%;margin-top:-2px;padding:0;display:flex}.howto-dot{cursor:pointer;background:#ffffff38;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s,box-shadow .2s}.howto-dot.active{background:var(--accent-color);width:24px;box-shadow:0 0 18px #a78bfa75}.stage-frame{border-radius:12px}.stage-body{height:250px}.scene6-file{width:78px;padding:12px 8px 8px}}@media (prefers-reduced-motion:reduce){.scene-1.active .scene1-dropzone,.scene-1.active .scene1-icon,.scene-2.active .scene2-frame,.scene-2.active .ratio-chip,.scene-3.active .scene3-region,.scene-3.active .scene3-cursor,.scene-4.active .popup-btn,.scene-5.active .scene5-region,.scene-5.active .scene5-region-drop,.scene-5.active .scene5-file,.scene-6.active .scene6-file{animation:none!important}.scene-3.active .scene3-region{clip-path:none}.scene-5.active .scene5-region{border-color:var(--green);background:#34d3992e;box-shadow:0 0 36px #34d39973}.scene-5.active .scene5-file{opacity:1;top:4%;left:68%;transform:none}.scene-6.active .scene6-file{opacity:1;transform:none}}.section-kicker{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:16px;margin:64px 0 18px;font-size:12px;font-weight:800;display:flex}.section-kicker span:last-child{background:var(--border-color);flex:1;height:1px}.features-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:26px;display:grid}.feature-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border-radius:8px;min-height:190px;padding:22px}.feature-card:hover{background:#ffffff16;border-color:#67e8f957}.feature-icon{width:42px;height:42px;color:var(--cyan);background:#67e8f91a;border-radius:8px;place-items:center;margin-bottom:16px;display:grid}.feature-card:nth-child(2) .feature-icon{color:var(--green);background:#34d3991a}.feature-card:nth-child(3) .feature-icon{color:var(--accent-color);background:#a78bfa1c}.feature-card:nth-child(4) .feature-icon{color:var(--amber);background:#fbbf241a}.feature-card h3{color:var(--text-primary);margin-bottom:9px;font-size:18px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.landing-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:4px 0 28px;display:flex}.mobile-warning{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06070ac7;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.mobile-warning.open{display:flex}.mobile-warning-card{border:1px solid var(--border-color);text-align:center;background:#111319fa;border-radius:8px;width:100%;max-width:340px;padding:22px 20px;box-shadow:0 22px 60px #0009}.mobile-warning-card h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.mobile-warning-card p{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.mobile-warning-card button{border:1px solid var(--border-color);min-height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:0 16px;font-size:12px;font-weight:600}.footer-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-links a{border:1px solid var(--border-color);min-height:36px;color:var(--text-secondary);background:#ffffff0b;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--text-primary);background:#67e8f914;border-color:#67e8f95c}#app{opacity:1;width:100%;height:100vh;display:flex}#app.entering{animation:.35s both appEnter}@keyframes appEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:var(--surface-color);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;flex-direction:column;gap:22px;width:330px;padding:22px;display:flex;overflow-y:auto}.section-title{text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:800}.control-group{flex-direction:column;gap:12px;display:flex}.btn{background:var(--glass-bg);border:1px solid var(--glass-border);min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.btn:hover{background:#ffffff14;border-color:#fff3}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent-color);color:#06070a;border:0}.btn.primary:hover{background:var(--accent-hover)}.upload-drop-btn{min-height:72px;color:var(--text-primary);background:#a78bfa2e;border:1.5px dashed #f8fafc8c;grid-template-rows:auto auto;grid-template-columns:20px 1fr;place-content:center;gap:2px 10px;padding:10px 14px;display:grid}.upload-drop-btn svg{grid-row:1/3;place-self:center end}.upload-main{align-self:end;font-size:13px}.upload-hint{color:#f8fafcb8;align-self:start;font-size:11px;font-weight:700}.upload-drop-btn.drag-active{background:linear-gradient(135deg,#67e8f9,#c4b5fd);border-color:#f8fafc;transform:translateY(-1px);box-shadow:0 0 0 3px #67e8f92e,0 18px 42px #67e8f92e}.btn.danger{color:#fca5a5}.tutorial-fab{z-index:2400;color:#0a0c10;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#b8f7ff 48%,#c4b5fd);border:1px solid #ffffff42;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:900;line-height:1;transition:transform .18s,box-shadow .18s;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 16px 42px #67e8f938}.tutorial-fab:hover{transform:translateY(-1px);box-shadow:0 20px 52px #a78bfa4d}.tutorial-fab.hidden{display:none}.editor-bmc{z-index:2300;position:fixed;bottom:18px;right:18px}.editor-bmc-widget{color:#fff7d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:linear-gradient(135deg,#ffdd002e,#bd5fffdb 58%,#67e8f938),#14161ee0;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 18px 52px #00000061,0 16px 50px #bd5fff42}.editor-bmc-widget:hover{border-color:#ffdd007a;transform:translateY(-1px);box-shadow:0 22px 62px #00000070,0 20px 60px #bd5fff57}.editor-bmc-icon{color:#17120a;background:#fd0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 -2px #00000029}.editor-bmc-icon svg{width:19px;height:19px}.editor-bmc-popover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform-origin:100% 100%;background:radial-gradient(circle at 84% 10%,#bd5fff47,#0000 42%),#12141cf5;border:1px solid #ffffff29;border-radius:10px;width:230px;padding:16px;transition:opacity .18s,transform .18s;position:absolute;bottom:62px;right:0;transform:translateY(8px)scale(.98);box-shadow:0 24px 70px #0000007a}.editor-bmc.open .editor-bmc-popover{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.editor-bmc-popover h3{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:850}.editor-bmc-popover p{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.45}.editor-bmc-popover a{color:#17120a;background:linear-gradient(135deg,#fd0,#fef3c7);border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:38px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.tutorial-overlay{z-index:2500;pointer-events:none;display:none;position:fixed;inset:0}.tutorial-overlay.active{display:block}.tutorial-spotlight{pointer-events:none;border-radius:10px;transition:top .22s,left .22s,width .22s,height .22s;position:fixed;box-shadow:0 0 0 2px #c4b5fde6,0 0 0 6px #c4b5fd38,0 0 0 9999px #06070ab8,0 0 36px #c4b5fd66}.tutorial-drop-hint{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tutorial-drop-hint:before{content:"";background:radial-gradient(circle,#c4b5fd59,#c4b5fd00 70%);border-radius:50%;width:96px;height:96px;animation:1.6s ease-out infinite tutorialPulse;position:absolute}.tutorial-drop-hint-icon{color:#c4b5fd;background:#111319eb;border:1.5px solid #c4b5fdb3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;animation:1.8s ease-in-out infinite tutorialBob;display:flex;position:relative;box-shadow:0 12px 36px #00000080}@keyframes tutorialPulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes tutorialBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tutorial-card{z-index:2700;width:min(320px,100vw - 32px);color:var(--text-primary);pointer-events:auto;background:#111319fa;border:1px solid #c4b5fd59;border-radius:14px;padding:18px 18px 16px;position:fixed;box-shadow:0 22px 60px #0000008c}.tutorial-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tutorial-step-counter{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.tutorial-skip{color:var(--text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.tutorial-skip:hover{color:var(--text-secondary)}.tutorial-title{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:700}.tutorial-body{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.5}.tutorial-card-actions{justify-content:flex-end;gap:8px;display:flex}.tutorial-btn{border:1px solid var(--border-color);min-height:32px;color:var(--text-primary);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:0 14px;font-size:12px;font-weight:600}.tutorial-btn:hover{background:#ffffff14}.tutorial-btn:disabled{opacity:.4;cursor:not-allowed}.tutorial-btn.primary{color:#0a0c10;background:linear-gradient(135deg,#f8fafc,#b8f7ff 48%,#c4b5fd);border-color:#0000}.btn.compact{min-height:38px;padding:8px 10px;font-size:13px}.preset-select,.preset-textarea,.manual-coord-row input,.label-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#090a0e;border-radius:8px;outline:none}.preset-select{cursor:pointer;padding:11px}.status-text{color:var(--green);font-size:12px}.project-status-row{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.project-status-row button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:750}.zoom-control{grid-template-columns:32px 1fr 32px;align-items:center;gap:10px;display:grid}.icon-toolbar{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.export-toolbar{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.btn.icon-btn{border-radius:8px;width:100%;min-height:34px;padding:0}.export-toolbar .icon-btn{min-height:46px}.zoom-control .icon-btn{width:32px;min-height:32px}.editor-container{background:radial-gradient(circle at 50% 30%,#a78bfa29,#0000 34%),#08090d;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.editor-container.drag-over{outline:2px solid var(--accent-color);outline-offset:-10px}.drop-zone{text-align:center;color:var(--text-secondary)}.drop-zone-icon{width:82px;height:82px;color:var(--accent-color);margin-bottom:18px}.canvas-wrapper{transform-origin:0 0;will-change:transform;max-width:100%;max-height:88vh;display:inline-block;position:relative;box-shadow:0 40px 100px #000000b8}#main-image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:88vh;display:block}.selection-layer{pointer-events:all;position:absolute;inset:0}.selection-box{border:2px solid var(--accent-color);cursor:move;background:#a78bfa1f;position:absolute;box-shadow:0 0 30px #a78bfa33}.selection-box.active{outline:1px solid #ffffff8c}.selection-box.confirmed{border-color:var(--green);background:#34d39914}.selection-box.confirmed.has-content{border-style:dashed;border-color:#ffffff9e}.selection-box.drag-active{border-color:var(--cyan);background:#67e8f929}.box-info{color:var(--text-secondary);white-space:nowrap;font-size:11px;position:absolute;bottom:-23px;left:0}.box-label{max-width:100%;color:var(--text-primary);border:1px solid var(--glass-border);text-overflow:ellipsis;white-space:nowrap;background:#06070ad1;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:800;position:absolute;top:-25px;left:0;overflow:hidden}.handle{background:var(--text-primary);border:1px solid #06070a;width:10px;height:10px;position:absolute}.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.box-actions-popup{z-index:20;background:var(--surface-solid);border:1px solid var(--glass-border);opacity:0;pointer-events:auto;border-radius:8px;gap:4px;padding:5px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 16px 44px #0000008c}.box-actions-popup:after{content:"";height:24px;position:absolute;top:100%;left:-20px;right:-20px}.selection-box:hover .box-actions-popup,.selection-box.active .box-actions-popup,.selection-box:focus-within .box-actions-popup,.selection-box.tutorial-pinned .box-actions-popup,.box-actions-popup:hover{opacity:1;transform:translate(-50%)translateY(0)}.popup-btn{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;display:flex}.popup-btn:hover{background:var(--accent-color);color:#06070a}.metadata-drop-zone{text-align:center;min-height:82px;color:var(--text-secondary);background:#a78bfa12;border:1px dashed #a78bfa59;border-radius:8px;place-items:center;gap:8px;padding:14px;font-size:12px;display:grid}.metadata-drop-zone.drag-active,.metadata-drop-zone:hover{border-color:var(--cyan);background:#67e8f917}.preset-textarea{resize:vertical;min-height:86px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.label-input{padding:11px}.manual-coord-row{grid-template-columns:repeat(4,1fr) 38px;gap:6px;display:grid}.manual-coord-row input{min-width:0;padding:9px 7px;font-size:12px}#add-manual-btn{background:var(--green);color:#04100b;cursor:pointer;border:0;border-radius:8px;font-weight:900}.box-list{flex-direction:column;gap:8px;max-height:150px;display:flex;overflow-y:auto}.box-list-item{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff09;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.box-list-item.active{border-color:var(--accent-color);color:var(--text-primary)}.box-list-main{gap:2px;min-width:0;display:grid}.box-list-main strong,.box-list-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.box-list-main strong{color:var(--text-primary);font-size:12px}.remove-x{color:#fca5a5;flex:none}.matrix-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.matrix-input label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.stepper{border:1px solid var(--glass-border);background:#090a0e;border-radius:8px;grid-template-columns:34px 1fr 34px;display:grid;overflow:hidden}.stepper button,.stepper input{min-width:0;height:36px;color:var(--text-primary);text-align:center;background:0 0;border:0}.stepper button{cursor:pointer;background:#ffffff0e}.matrix-preview{border:1px solid var(--glass-border);background:#090a0e;border-radius:8px;gap:3px;min-height:84px;padding:8px;display:grid}.matrix-preview-cell{background:#a78bfa1a;border:1px solid #a78bfa52;border-radius:3px}input[type=range]{accent-color:var(--accent-color)}@media (width<=1040px){.hero-section{grid-template-columns:1fr;gap:34px;padding-top:22px}.hero-product{min-height:360px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){body{overflow:auto}.landing-content{width:min(100% - 28px,1180px)}.landing-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0fc7;border:1px solid #0000;border-radius:14px;width:calc(100% - 28px);margin:10px auto 0;padding:10px 12px}.landing-nav:has(.nav-actions.open){border-color:var(--border-color);background:#0c0f16f0;box-shadow:0 18px 48px #0006}.landing-nav .logo{gap:10px;font-size:21px}.nav-menu-toggle{background:#ffffff0e;border-radius:10px;width:38px;height:38px;display:inline-flex}.nav-actions{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f16fa;border-radius:14px;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:8px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 48px #00000070}.nav-actions.open{display:grid}.nav-cta{width:100%;min-height:38px;box-shadow:none;padding:0 12px;font-size:12px}.lang-switch{border-radius:10px;justify-content:center;height:38px;padding:3px}.lang-btn{flex:1;min-width:0;padding:5px 8px;font-size:11px}.landing-content{padding-top:24px}.hero-section{min-height:auto}.section-kicker{margin-top:0}.landing-title{font-size:clamp(40px,13vw,58px)}.hero-product{display:none}.features-grid{grid-template-columns:1fr}.trust-sep{display:none}.editor-bmc{bottom:12px;right:12px}.editor-bmc-widget{width:46px;height:46px}.editor-bmc-popover{width:min(230px,100vw - 32px);bottom:58px}#app{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;max-height:none}.editor-container{min-height:70vh;padding:24px}}