@keyframes cfpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes s1pop{to{transform:scale(1)}}@keyframes s1pulse{0%,to{box-shadow:0 0 0 3px rgba(79,70,229,.15)}50%{box-shadow:0 0 0 6px rgba(79,70,229,0)}}@keyframes s2grow{to{width:64%;height:68%}}@keyframes s3draw{to{stroke-dashoffset:0}}@keyframes cfpToolsSlide{to{max-width:600px}}@keyframes s4rectDraw{to{width:50%;height:10%;opacity:1}}@keyframes s5in{to{top:10px}}@keyframes s5out{to{top:-36px;opacity:0}}@keyframes cpMove{0%{top:35%;left:60%}to{top:55%;left:35%}}@keyframes s1cur{0%,10%{top:50%;left:50%;opacity:0}14%{top:50%;left:50%;opacity:1}44%{top:20%;left:73%;transform:scale(1)}48%{top:20%;left:73%;transform:scale(.8)}52%{top:20%;left:73%;transform:scale(1)}to{top:20%;left:73%;opacity:1}}@keyframes s2cur{0%,10%{top:14%;left:12%;opacity:0}14%{top:14%;left:12%;opacity:1;transform:scale(1)}18%{top:14%;left:12%;transform:scale(.8)}76%{top:80%;left:74%;transform:scale(.8)}80%{top:80%;left:74%;transform:scale(1)}to{top:80%;left:74%;opacity:1}}@keyframes s3cur{0%,10%{top:45%;left:35%;opacity:0}14%{top:45%;left:35%;opacity:1}44%{top:1%;left:14%;transform:scale(1)}48%{top:1%;left:14%;transform:scale(.8)}52%{top:1%;left:14%;transform:scale(1)}to{top:1%;left:14%;opacity:1}}@keyframes s4cur{0%,10%{top:1%;left:20%;opacity:0}14%{top:1%;left:20%;opacity:1}26%{top:1%;left:23%;transform:scale(1)}30%{top:1%;left:23%;transform:scale(.8)}34%{top:1%;left:23%;transform:scale(1)}42%{top:68%;left:18%;transform:scale(.8)}72%{top:16%;left:50%;transform:scale(.8)}76%{top:16%;left:50%;transform:scale(1)}to{top:16%;left:50%;opacity:1}}@keyframes s5cur{0%,10%{top:1%;left:20%;opacity:0}14%{top:1%;left:20%;opacity:1}22%{top:1%;left:25%;transform:scale(1)}26%{top:1%;left:25%;transform:scale(.8)}30%{top:1%;left:25%;transform:scale(1)}36%{top:15%;left:24%;transform:scale(.8)}52%{top:22%;left:64%;transform:scale(.8)}56%{top:22%;left:64%;transform:scale(1)}64%{top:1%;left:38%;transform:scale(1)}68%{top:1%;left:38%;transform:scale(.8)}72%{top:1%;left:38%;transform:scale(1)}85%{top:19%;left:88%;transform:scale(.8)}to{top:23%;left:84%;transform:scale(.8);opacity:1}}@keyframes s6cur{0%,10%{top:1%;left:55%;opacity:0}14%{top:1%;left:55%;opacity:1}44%{top:1%;left:90%;transform:scale(1)}48%{top:1%;left:90%;transform:scale(.8)}52%{top:1%;left:90%;transform:scale(1)}to{top:1%;left:90%;opacity:1}}@keyframes cfpToolAct{to{background:#4f46e5;color:#fff}}@keyframes cfpBtnAct{to{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15)}}@keyframes cfpPngAct{to{background:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.3)}}.demo-screen{width:100%;max-width:800px;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 60px rgba(0,0,0,.3);background:#fff;position:relative}.demo-browser-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f0f0f0;border-bottom:1px solid #ddd}.demo-dot{width:10px;height:10px;border-radius:50%}.demo-url{flex:1;text-align:center;font-size:11px;color:#666;background:#fff;padding:4px 16px;border-radius:6px;border:1px solid #ddd}.demo-viewport{position:relative;height:420px;overflow:hidden;background:#fff}.demo-scene{overflow:hidden}.demo-scene,.wiki{position:absolute;inset:0}.wiki{background:#fff;font-family:system-ui,sans-serif;font-size:11px;color:#202122}.wiki-bar{display:flex;align-items:center;gap:8px;padding:5px 12px;border-bottom:1px solid #a7d7f9;background:#f6f6f6}.wiki-logo-w{font-size:16px;font-weight:700;color:#000;font-family:Georgia,serif}.wiki-search{height:22px;border:1px solid #a2a9b1;border-radius:2px;background:#fff;padding:0 6px;font-size:10px;flex:1;max-width:200px}.wiki-content{display:flex;height:calc(100% - 32px)}.wiki-side{width:100px;padding:8px 6px;border-right:1px solid #a2a9b1;font-size:9px;color:#0645ad;line-height:1.6;flex-shrink:0}.wiki-main{flex:1;padding:10px 16px;overflow:hidden}.wiki-h1{font-size:20px;font-weight:400;font-family:Georgia,serif;border-bottom:1px solid #a2a9b1;padding-bottom:3px;margin-bottom:6px;text-align:center}.wiki-tabs{display:flex;gap:0;margin-bottom:6px}.wiki-tab{padding:3px 8px;font-size:9px;color:#0645ad;background:#f6f6f6;border:1px solid #a2a9b1;border-bottom:none;border-radius:2px 2px 0 0}.wiki-tab-active{background:#fff;color:#202122;font-weight:600}.wiki-p{font-size:10.5px;line-height:1.55;margin-bottom:5px;color:#202122}.wiki-chrome{float:right;width:70px;height:70px;margin:0 0 8px 12px;border-radius:50%;background:conic-gradient(#ea4335 0deg 120deg,#34a853 120deg 240deg,#fbbc05 240deg 1turn);display:flex;align-items:center;justify-content:center}.wiki-chrome-inner{width:28px;height:28px;border-radius:50%;background:#4285f4;border:5px solid #fff}.s1-popup{position:absolute;top:32px;right:16px;width:220px;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:10;overflow:hidden;transform:scale(0);animation:s1pop .3s ease-out .4s forwards}.s1-hdr{justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eee}.s1-hdr,.s1-hdr-left{display:flex;align-items:center}.s1-hdr-left{gap:6px}.s1-title{font-size:11px;font-weight:600;color:#1a1a2e}.s1-theme{width:22px;height:22px;border-radius:5px;background:#f1f5f9;border:none;font-size:11px;display:flex;align-items:center;justify-content:center}.s1-body{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.s1-btn{padding:8px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;font-size:11px;font-weight:500;color:#1a1a2e;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .3s}.s1-btn-act{animation:cfpBtnAct .2s ease 1.68s forwards}.s2-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25)}.s2-rect{position:absolute;border:2px dashed #4f46e5;background:rgba(79,70,229,.06);top:14%;left:12%;width:0;height:0;z-index:5;animation:s2grow 2.03s ease-out .63s forwards}.s2-size{position:absolute;bottom:-18px;right:0;font-size:9px;color:#4f46e5;font-weight:700;background:#fff;padding:1px 6px;border-radius:3px;opacity:0;animation:cfpFadeIn .3s ease 2.66s forwards}.ed-wrap{position:absolute;inset:0;display:flex;flex-direction:column}.ed-top{padding:3px 6px;background:rgba(15,15,45,.97);border-bottom:1px solid rgba(255,255,255,.06)}.ed-top,.ed-top-left{gap:4px}.ed-logo,.ed-top,.ed-top-left{display:flex;align-items:center;flex-shrink:0}.ed-logo{width:16px;height:16px;border-radius:3px;background:#4f46e5;justify-content:center;font-size:9px}.ed-top-title{font-size:9px;font-weight:600;color:#fff;white-space:nowrap}.ed-top-tools{gap:1px}.ed-t,.ed-top-tools{display:flex;align-items:center}.ed-t{width:20px;height:20px;border-radius:4px;justify-content:center;font-size:9px;color:rgba(255,255,255,.35);background:transparent;border:none;flex-shrink:0}.ed-t.cfp-on{background:#4f46e5;color:#fff}.ed-sep{width:1px;height:14px;background:rgba(255,255,255,.08);margin:0 2px;flex-shrink:0}.ed-top-right{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}.ed-btn{padding:2px 5px;border-radius:4px;font-size:8px;font-weight:500;border:none;white-space:nowrap}.ed-btn.cancel{background:rgba(255,255,255,.06);color:rgba(255,255,255,.45)}.ed-btn.copy{background:rgba(255,255,255,.08);color:#fff}.ed-btn.pdf,.ed-btn.png{background:rgba(79,70,229,.3);color:#fff}.ed-btn.help{background:rgba(255,255,255,.06);color:rgba(255,255,255,.45);border-radius:50%;width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;font-size:9px}.ed-btn.saved{background:#4f46e5;color:#fff}.ed-thickness{width:auto!important;padding:0 3px!important;display:flex!important;align-items:center;gap:2px}.ed-thick-bar{display:inline-block;width:18px;height:8px;border-radius:1px;background:#1a1830;position:relative;overflow:hidden}.ed-thick-bar:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(255,255,255,.7);clip-path:polygon(0 100%,100% 0,100% 100%)}.ed-thick-num{font-size:7px;color:rgba(255,255,255,.5)}.ed-redo,.ed-undo{width:auto!important;padding:0 3px!important;font-size:7px!important;display:flex!important;align-items:center;gap:1px}.ed-redo span,.ed-undo span{font-size:7px;color:rgba(255,255,255,.35)}.ed-zoom-val{font-size:7px;color:rgba(255,255,255,.5);padding:0 1px}.s3-tools-slidein{gap:1px;max-width:0;animation:cfpToolsSlide .5s ease 1.82s forwards}.ed-canvas,.s3-tools-slidein{display:flex;align-items:center;overflow:hidden}.ed-canvas{flex:1;background:#1a1830;justify-content:center;position:relative}.ed-img{width:86%;height:86%;background:#fff;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.2);padding:10px 14px;font-size:10px;color:#202122}.ed-img-title{font-size:16px;font-weight:400;font-family:Georgia,serif;border-bottom:1px solid #a2a9b1;padding-bottom:2px;margin-bottom:5px;text-align:center}.ed-img-text{line-height:1.5;margin-bottom:4px}.ed-zoom-icon{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:3px;background:rgba(30,27,75,.9);padding:3px 8px;border-radius:6px;font-size:9px;color:rgba(255,255,255,.45)}.ed-scrollbar{position:absolute;top:0;right:0;width:8px;height:100%;background:rgba(79,70,229,.08);z-index:5}.ed-scrollbar-thumb{width:6px;height:30%;background:#4f46e5;border-radius:3px;margin:4px 1px;position:absolute;top:5%;opacity:.7}.s3-edit-act{animation:cfpToolAct .2s ease 1.68s forwards}.s3-arrow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.s3-arrow line{stroke:#f97316;stroke-width:2.5;stroke-dasharray:350;stroke-dashoffset:350;animation:s3draw 1.05s ease 1.47s forwards}.s3-arrow polygon{fill:#f97316;opacity:0;animation:cfpFadeIn .15s ease 2.52s forwards}.s4-arrow-act{animation:cfpToolAct .2s ease 1.05s forwards}.s4-rect{border:2.5px solid #f97316;border-radius:2px;top:1%;left:25%;width:0;height:0;opacity:0;animation:s4rectDraw .56s ease 1.26s forwards}.s4-arrow-static,.s4-rect{position:absolute;z-index:2}.s4-arrow-static{top:0;left:0;width:100%;height:100%;pointer-events:none}.s4-arrow-static line{stroke:#f97316;stroke-width:2.5}.s4-arrow-static polygon{fill:#f97316}.cp-panel{position:absolute;top:8px;right:12px;width:170px;background:#2a2745;border-radius:10px;border:1px solid rgba(255,255,255,.1);padding:10px;z-index:10;box-shadow:0 12px 40px rgba(0,0,0,.5);opacity:0;animation:cfpFadeIn .4s ease 2.52s forwards}.cp-grad{width:100%;height:90px;border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,#f97316)}.cp-cursor{position:absolute;top:35%;left:60%;width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 4px rgba(0,0,0,.5);transform:translate(-50%,-50%);animation:cpMove 2.5s ease 1s infinite alternate}.cp-hue{width:100%;height:10px;border-radius:5px;margin-top:6px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.cp-hue-cur{width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.4);position:relative;top:-1px;left:12%;background:#f97316}.cp-vals{display:flex;gap:5px;margin-top:7px}.cp-v{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.cp-v label{font-size:7px;color:rgba(255,255,255,.35);font-weight:700}.cp-v span{width:100%;padding:2px;border-radius:3px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;font-size:9px;text-align:center;font-family:monospace;display:block}.cp-preview{display:flex;align-items:center;gap:5px;margin-top:7px}.cp-swatch{width:20px;height:20px;border-radius:5px;background:#f97316;border:1px solid rgba(255,255,255,.15)}.cp-hex{font-size:9px;color:rgba(255,255,255,.5);font-family:monospace}.s5-rect-act{animation:cfpToolAct .2s ease .91s forwards}.s5-color-act{animation:cfpToolAct .2s ease 2.38s forwards}.s5-filename{position:absolute;top:5px;right:5px;background:rgba(15,15,45,.95);color:rgba(255,255,255,.6);font-size:8px;padding:3px 8px;border-radius:5px;white-space:nowrap;opacity:0;animation:cfpFadeIn .3s ease 2.5s forwards}.s6-png-act{animation:cfpPngAct .2s ease 1.68s forwards}.s6-saved-show{opacity:0;animation:cfpFadeIn .3s ease 1.82s forwards}.demo-cursor{position:absolute;z-index:50;pointer-events:none;opacity:0}.demo-cursor svg{width:16px;height:16px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4))}.s1-cursor{animation:s1cur 3.5s ease-in-out forwards}.s2-cursor{animation:s2cur 3.5s ease-in-out forwards}.s3-cursor{animation:s3cur 3.5s ease-in-out forwards}.s4-cursor{animation:s4cur 3.5s ease-in-out forwards}.s5-cursor{animation:s5cur 3.5s ease-in-out forwards}.s6-cursor{animation:s6cur 3.5s ease-in-out forwards}@media (max-width:768px){.demo-viewport{height:340px}.s1-popup{width:180px;right:8px}.cp-panel{width:140px}}