:root{--sp-ink:#283251;--sp-muted:#7b849f;--sp-purple:#704fda;--sp-line:#e1e4f1;--sp-milk:#f6f7ff}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--sp-ink);font-family:Manrope,'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.sp-wrap{width:min(1410px,calc(100% - 36px));margin-inline:auto}.sp-kicker{font-size:10px;font-weight:900;letter-spacing:.17em;color:#795bd6}.sp-intro{padding:36px 0 25px;background:radial-gradient(ellipse at 87% 0%,#dcd2ff,transparent 45%),linear-gradient(120deg,#fff,#f8faff);border-bottom:1px solid #e9eaf6}.sp-intro-inner{display:flex;gap:20px;align-items:center;justify-content:space-between}.sp-intro h1{font-size:clamp(30px,4.1vw,55px);line-height:1.12;letter-spacing:-.065em;margin:14px 0 11px}.sp-intro h1 em{font-style:normal;color:#7152d5}.sp-intro p{max-width:750px;color:#707c97;font-size:12px;line-height:1.85}.sp-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.sp-chips span{color:#6754aa;border:1px solid #e5defc;border-radius:30px;padding:7px 11px;background:#fff;font-size:10px;font-weight:800}.sp-btn{border:1px solid #dfe1ed;background:#fff;color:#625677;text-decoration:none;min-height:39px;border-radius:10px;padding:9px 13px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:850;white-space:nowrap}.sp-btn:hover{border-color:#b5a5ed;background:#fbf9ff}.sp-primary{background:#7052db!important;border-color:#7052db!important;color:white!important;box-shadow:0 6px 16px #6b45db1d}.sp-primary:hover{background:#5f42c8!important}.sp-editor{border:1px solid #e2e5f0;border-radius:20px;overflow:hidden;margin-top:22px;margin-bottom:55px;box-shadow:0 14px 46px #302d6411}.sp-editor-head{background:#fcfbff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e6e7f2}.sp-editor-head h2{font-size:20px;letter-spacing:-.04em;margin:4px 0}.sp-editor-head p{font-size:10px;color:#8b91a6;margin:0}.sp-head-actions{display:flex;gap:7px}.sp-work{display:grid;grid-template-columns:minmax(246px,295px) minmax(275px,1fr) minmax(253px,285px);align-items:start}.sp-left,.sp-right{display:grid;gap:12px;padding:12px;background:#f8f9fe}.sp-left{border-right:1px solid #eaebf4}.sp-right{border-left:1px solid #eaebf4}.sp-panel{background:#fff;border:1px solid var(--sp-line);border-radius:13px;padding:14px;min-width:0}.sp-panel-heading{display:flex;gap:10px;margin-bottom:14px}.sp-panel-heading>span{width:29px;height:29px;display:grid;place-items:center;color:#7050d1;font-weight:900;border-radius:9px;background:#f1ebff;font-size:10px;flex:none}.sp-panel-heading h3{font-size:12px;margin:2px 0 3px}.sp-panel-heading p{font-size:9px;color:#8f99af;margin:0;line-height:1.5}.sp-panel label:not(.sp-check):not(.sp-music){font-size:10px;color:#4b5574;font-weight:850;display:block;margin:12px 0 6px}.sp-panel input[type=text],.sp-panel select,.sp-panel input[type=color]{background:#fafbfe;border:1px solid #dfe2ed;border-radius:9px;padding:10px;color:#323b57;font-size:11px;width:100%;outline-color:#ab99ed}.sp-panel input[type=color]{padding:3px;height:35px;cursor:pointer}.sp-check{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:10px;font-weight:750;color:#5f6681;cursor:pointer}.sp-check input{accent-color:#7252d8}.sp-hint{font-size:9px;line-height:1.6;color:#8b92ab;margin:10px 0 0}.sp-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sp-slots{display:grid;gap:9px}.sp-slot{border:1px solid #e1e3ee;background:#fbfcff;border-radius:11px;padding:10px}.sp-slot-head{display:flex;align-items:center;gap:7px;margin-bottom:9px}.sp-slot-tag{height:24px;min-width:26px;border-radius:7px;background:#eeeaff;color:#7051cf;display:grid;place-items:center;font-size:10px;font-weight:900}.sp-slot-head input{padding:6px 8px!important;min-width:0;flex:1;font-size:10px!important}.sp-slot button{border:1px solid #e1e5ef;background:#fff;border-radius:7px;color:#64708e;font-size:11px;min-height:28px;min-width:29px}.sp-slot-main{display:flex;gap:10px;align-items:center}.sp-slot-thumb{width:75px;height:63px;border-radius:8px;background:linear-gradient(135deg,#e1d5ff,#c1e4e5);overflow:hidden;display:grid;place-items:center;font-size:21px;color:#fff;position:relative;flex:none}.sp-slot-thumb img,.sp-slot-thumb video{width:100%;height:100%;object-fit:cover}.sp-slot-thumb .sp-vid-mark{position:absolute;right:4px;bottom:4px;border-radius:4px;background:#20283cb5;color:#fff;font-size:8px;padding:3px 5px}.sp-slot-options{flex:1;min-width:0}.sp-file-label{display:block;border:1px dashed #cbbcf9;border-radius:8px;background:#f8f6ff;padding:10px 7px;text-align:center;color:#7353c9;font-size:10px;font-weight:900;cursor:pointer}.sp-file-label input{display:none}.sp-slot-meta{font-size:8.5px;color:#79829d;margin:6px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-slot-row{margin-top:8px;display:flex;align-items:center;gap:8px}.sp-slot-row select{padding:6px 5px;font-size:9px;flex:1}.sp-slot-row input[type=range]{width:100%;accent-color:#7053d1;flex:1}.sp-slot-row small{font-size:9px;color:#7881a1;min-width:35px}.sp-slot-remove{border:0!important;background:transparent!important;color:#7654c6!important;font-size:9px!important;font-weight:800;margin-left:auto}.sp-middle{min-width:0;padding:14px}.sp-preview-card{border:1px solid #e4e6f0;border-radius:15px;overflow:hidden;box-shadow:0 10px 31px #211e4f11}.sp-preview-heading{padding:13px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.sp-preview-heading strong{font-size:11px}.sp-preview-heading small{display:block;margin-top:4px;color:#929aaf;font-size:9px}.sp-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#aa8bef;margin-right:7px}.sp-chip{white-space:nowrap;font-size:9px;font-weight:900;padding:8px;border-radius:9px;color:#7251cb;background:#efebff}.sp-stage{background:linear-gradient(145deg,#eff2fa,#e8ecf7);display:grid;place-items:center;padding:18px 9px;min-height:520px}.sp-frame{width:min(100%,320px);border:6px solid #fff;position:relative;border-radius:21px;overflow:hidden;box-shadow:0 24px 48px #1b274d2a}.sp-frame canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;cursor:pointer}.sp-frame #centerPlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff88;background:#18223e9e;color:white;border-radius:50%;width:51px;height:51px;font-size:20px;backdrop-filter:blur(8px)}.sp-frame #centerPlay[hidden]{display:none}.sp-player{padding:13px 14px;background:#fcfcff}.sp-player-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#848ca4}.sp-player-row button{height:30px;width:32px;border:1px solid #e4ddff;background:#f3edff;color:#6044c7;border-radius:7px}.sp-player-row strong{margin-left:auto;font-size:9px;color:#8991a6;white-space:nowrap}.sp-player input{width:100%;accent-color:#7556dd;margin-top:9px}.sp-export-row{padding:0 14px 13px;display:grid;grid-template-columns:1fr 1.4fr;gap:9px}.sp-note{margin:0;padding:0 16px 15px;color:#818ba5;font-size:9px;line-height:1.6}.sp-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sp-layout-grid>button{padding:7px;border:1px solid #e0e3ef;background:#fcfcff;border-radius:11px;color:#555d7c;min-width:0}.sp-layout-grid button[aria-pressed=true],.sp-choices button[aria-pressed=true],.sp-ratios button[aria-pressed=true]{border-color:#967ff1;background:#f1ecff;color:#6246bd;box-shadow:inset 0 0 0 1px #bfaef9}.sp-layout-grid b{display:block;font-size:9px;margin:7px 0 2px;white-space:nowrap}.sp-layout-art{height:49px;display:block;border-radius:7px;border:3px solid #e4defc;background-color:#ded6fb;background-image:linear-gradient(135deg,#a79bda,#c0e9e7)}.sp-layout-art.la-two{background-image:linear-gradient(90deg,#9683d7 48%,#fff 48%,#fff 52%,#79c9d0 52%)}.sp-layout-art.la-stack{background-image:linear-gradient(#9683d7 48%,#fff 48%,#fff 52%,#79c9d0 52%)}.sp-layout-art.la-three{background-image:linear-gradient(90deg,#a690ea 62%,#fff 62%,#fff 65%,transparent 65%),linear-gradient(#84d3cc 48%,#fff 48%,#fff 52%,#96b9e9 52%)}.sp-layout-art.la-four{background-image:linear-gradient(90deg,transparent 48%,#fff 48%,#fff 52%,transparent 52%),linear-gradient(transparent 48%,#fff 48%,#fff 52%,transparent 52%),linear-gradient(135deg,#a495e2,#87cec9)}.sp-layout-art.la-strip{background-image:repeating-linear-gradient(90deg,#b5a1df 0 23%,#fff 23% 25%,#79d2cd 25% 48%,#fff 48% 50%)}.sp-layout-art.la-cols{background-image:repeating-linear-gradient(90deg,#9c88df 0 31%,#fff 31% 34%,#8ecbd3 34% 65%,#fff 65% 68%,#cab1de 68% 100%)}.sp-choices,.sp-ratios{display:flex;gap:6px}.sp-choices button,.sp-ratios button{flex:1;min-width:0;border:1px solid #e0e4f0;border-radius:9px;background:#fbfcff;color:#536181;font-size:9px;padding:10px 5px;font-weight:850}.sp-ratios small{display:block;font-size:8px;font-weight:500;margin-top:4px}.sp-range-head{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.sp-range-head label{margin:0!important}.sp-range-head strong{color:#7051d0;font-size:10px}.sp-panel input[type=range]{width:100%;accent-color:#7154db;cursor:pointer}.sp-duo{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sp-music{border:1px dashed #cabbf2;border-radius:9px;background:#f7f5ff;display:flex;align-items:center;gap:11px;padding:12px;cursor:pointer;position:relative}.sp-music input{display:none}.sp-music>span:first-child{font-size:21px;color:#704bcc}.sp-music strong{display:block;font-size:10px;color:#564b81}.sp-music small{display:block;font-size:9px;color:#8c89a8;line-height:1.6}.sp-link{color:#7956c5;font-size:10px;font-weight:800;border:0;background:none;margin-top:8px}.sp-mobile-tabs{display:none}.sp-info{padding:70px 0;background:#f8f8ff;border-block:1px solid #e7e8f1}.sp-info h2,.sp-faq h2{font-size:clamp(24px,3.5vw,40px);letter-spacing:-.05em;margin:12px 0}.sp-info p,.sp-faq p{color:#737f97;font-size:12px;line-height:1.85}.sp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.sp-steps article{background:#fff;border:1px solid #e1e3f0;border-radius:13px;padding:19px}.sp-steps span{font-size:10px;font-weight:900;color:#7253d0}.sp-steps h3{font-size:14px}.sp-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:58px 0 76px}.sp-faq details{padding:18px 0;border-bottom:1px solid #e5e6f0}.sp-faq summary{font-size:12px;font-weight:850;cursor:pointer}.sp-modal{position:fixed;inset:0;z-index:999;background:#15182aab;display:grid;place-items:center;padding:20px}.sp-modal[hidden]{display:none}.sp-modal-box{width:min(440px,100%);background:#fff;padding:27px;border-radius:17px;text-align:center;box-shadow:0 25px 70px #0004}.sp-modal-box h2{font-size:24px}.sp-modal-box p{font-size:11px;color:#8c93a9;line-height:1.7}.sp-progress{background:#eee8ff;height:12px;border-radius:10px;overflow:hidden;margin:18px 0 11px}.sp-progress>div{height:100%;background:linear-gradient(90deg,#7c54da,#aa93e6);width:0}.sp-progress-row{display:flex;justify-content:space-between;color:#7d89a3;font-size:11px;margin-bottom:15px}.sp-toast-stack{position:fixed;bottom:16px;right:16px;display:grid;gap:8px;z-index:1000}.sp-toast{font-size:11px;background:#30394f;color:white;padding:12px 14px;border-radius:9px;box-shadow:0 6px 20px #20203422}.sp-toast.error{background:#843b5c}
@media(min-width:1500px){.sp-work{grid-template-columns:325px minmax(330px,1fr) 305px}}@media(max-width:1150px) and (min-width:861px){.sp-work{grid-template-columns:245px minmax(240px,1fr) 245px}.sp-left,.sp-right{padding:9px}.sp-panel{padding:11px}.sp-middle{padding:9px}.sp-stage{min-height:440px}.sp-frame{max-width:260px}}@media(max-width:860px){.sp-wrap{width:calc(100% - 20px)}.sp-intro{padding:25px 0}.sp-intro-inner{display:block}.sp-intro-inner>a{display:none}.sp-intro h1{font-size:31px}.sp-intro p{font-size:11px}.sp-editor{display:flex;flex-direction:column;margin-top:15px;margin-bottom:30px}.sp-editor-head{order:0;padding:13px;gap:8px}.sp-editor-head h2{font-size:15px}.sp-editor-head p{font-size:9px}.sp-head-actions #resetBtn{display:none}.sp-head-actions .sp-btn{min-height:36px;padding:8px}.sp-work,.sp-left,.sp-right{display:contents}.sp-middle{order:1;padding:8px}.sp-stage{min-height:0;padding:11px 5px}.sp-frame{width:min(65vw,260px)!important;max-width:none!important}.sp-preview-heading small{display:none}.sp-mobile-tabs{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;background:#fafbff;border-block:1px solid #e6e7f3}.sp-mobile-tabs button{min-height:40px;border-radius:9px;background:#f1f2f8;border:1px solid #e5e6ee;color:#69708a;font-size:10px;font-weight:850}.sp-mobile-tabs button[aria-selected=true]{background:#6f50d7;color:#fff;border-color:#6f50d7;box-shadow:0 4px 12px #6548d22c}.sp-panel{display:none;order:3;margin:7px 10px}.sp-editor[data-active-tab=content] .sp-panel[data-tab=content],.sp-editor[data-active-tab=themes] .sp-panel[data-tab=themes],.sp-editor[data-active-tab=settings] .sp-panel[data-tab=settings]{display:block}.sp-steps{grid-template-columns:1fr}.sp-faq{grid-template-columns:1fr;gap:10px}.sp-info{padding:39px 0}}@media(max-width:420px){.sp-wrap{width:calc(100% - 16px)}.sp-frame{width:min(62vw,235px)!important}.sp-preview-heading{padding:10px}.sp-chip{font-size:8px}.sp-editor-head h2{font-size:14px}.sp-export-row .sp-btn{font-size:9px;padding:9px 5px}.sp-stage{padding:8px 3px}}
@media(max-width:860px){.sp-frame[data-ratio="1:1"]{width:min(81vw,365px)!important}.sp-frame[data-ratio="16:9"]{width:min(92vw,500px)!important}}
.skip-link{position:absolute;top:-200px;left:12px;z-index:999}.skip-link:focus{top:8px;background:#fff;padding:10px}