:root{--bl-ink:#262849;--bl-purple:#6d52d8;--bl-border:#e3e5f2;--bl-soft:#f8f8ff;--bl-muted:#828ca5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--bl-ink);font-family:Manrope,'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.bl-wrap{width:min(1400px,calc(100% - 40px));margin-inline:auto}.bl-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#785de2}.bl-intro{padding:40px 0 35px;background:radial-gradient(ellipse at 84% 7%,#ffe8f0,transparent 44%),radial-gradient(ellipse at 3% 100%,#f0eaff,transparent 52%),#fff;border-bottom:1px solid #ece9f4}.bl-intro-inner{display:flex;gap:30px;align-items:center;justify-content:space-between}.bl-intro h1{font-size:clamp(31px,4.2vw,56px);line-height:1.14;letter-spacing:-.065em;margin:12px 0}.bl-intro h1 em{font-style:normal;color:#9860d1}.bl-intro p{font-size:13px;max-width:700px;line-height:1.9;color:#77829a;margin:0}.bl-intro-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.bl-intro-chips span{font-size:10px;font-weight:800;background:#ffffffb8;border:1px solid #ece7f5;border-radius:99px;padding:7px 11px;color:#6f6698}.bl-btn{border-radius:11px;padding:11px 15px;border:1px solid transparent;min-height:41px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.bl-btn-main{background:var(--bl-purple);color:#fff;box-shadow:0 8px 24px #6d52d82a}.bl-btn-main:hover{background:#5b3fcc;color:#fff}.bl-btn-outline{background:#fff;color:#645783;border-color:#dcdcf1}.bl-btn-outline:hover{background:#f6f2ff}.bl-btn:disabled{opacity:.5;cursor:not-allowed}.bl-editor{background:#fff;border:1px solid #e6e5f3;border-radius:20px;overflow:hidden;box-shadow:0 15px 45px #302d6c13;margin-top:27px;margin-bottom:60px}.bl-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;background:#fdfcff;border-bottom:1px solid #ecebf5}.bl-editor-head h2{font-size:21px;letter-spacing:-.035em;margin:4px 0}.bl-editor-head p{margin:0;color:#8790a7;font-size:10px}.bl-head-actions{display:flex;gap:8px}.bl-work{display:grid;grid-template-columns:minmax(252px,296px) minmax(280px,1fr) minmax(258px,310px);align-items:start}.bl-left,.bl-right{padding:12px;background:#f8f9ff;display:grid;align-content:start;gap:12px}.bl-left{border-right:1px solid #e7e9f2}.bl-right{border-left:1px solid #e7e9f2}.bl-panel{border:1px solid var(--bl-border);border-radius:13px;background:#fff;padding:15px;min-width:0}.bl-panel-head{display:flex;gap:9px;align-items:flex-start;margin-bottom:13px}.bl-panel-head>span{flex:none;width:28px;height:28px;background:#f1ebff;color:#7859d2;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:900}.bl-panel-head h3{margin:1px 0 4px;font-size:13px}.bl-panel-head p{margin:0;color:#8893ac;line-height:1.45;font-size:9px}.bl-panel label:not(.bl-upload){font-size:10px;font-weight:850;color:#424d6c;display:block;margin:12px 0 6px}.bl-panel input[type=text],.bl-panel textarea,.bl-panel select{display:block;width:100%;min-width:0;padding:10px 11px;font-size:12px;color:#222843;border:1px solid #e0e4f0;background:#fafbff;border-radius:9px;outline-color:#9879e8}.bl-panel textarea{resize:vertical;line-height:1.55;min-height:101px}.bl-hint{font-size:9px;line-height:1.6;color:#8792a9;margin:7px 0}.bl-hint strong{color:#7862ae}.bl-upload{display:flex;align-items:center;gap:12px;position:relative;border:1px dashed #c8bafb;background:#faf8ff;border-radius:12px;padding:14px 12px;cursor:pointer;min-width:0}.bl-upload-icon{color:#7357d0;font-size:23px}.bl-upload strong{font-size:11px;color:#544479;display:block;word-break:break-word}.bl-upload small{font-size:9px;display:block;color:#8b83a1;line-height:1.7;margin-top:3px}.bl-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.bl-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px;color:#9a92a8;font-size:9px}.bl-inline-actions button,.bl-link{border:0;background:transparent;color:#7855d1;padding:3px 0;font-size:10px;font-weight:800}.bl-center{padding:14px;min-width:0}.bl-preview-card{border:1px solid #e4e4f0;border-radius:15px;overflow:hidden;box-shadow:0 10px 32px #37335710}.bl-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px}.bl-preview-heading strong{font-size:11px}.bl-preview-heading small{display:block;font-size:9px;color:#8d95aa;margin-top:3px}.bl-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#9c7ce7;margin-right:6px}.bl-chip{white-space:nowrap;font-size:9px;font-weight:900;border-radius:9px;padding:8px;color:#7052cc;background:#f0eaff}.bl-preview-stage{background:radial-gradient(ellipse at 52% 20%,#fff,#f1edf9 65%,#eef0f8);display:grid;place-items:center;padding:18px 8px;min-height:515px}.bl-frame{width:min(100%,315px);max-width:100%;position:relative;box-shadow:0 23px 60px #24203a3b;border-radius:17px;overflow:hidden;border:5px solid #fff;flex:none}.bl-frame canvas{width:100%;height:auto;display:block;cursor:pointer}.bl-center-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:53px;height:53px;display:grid;place-items:center;border-radius:50%;font-size:18px;color:#fff;border:1px solid #ffffffbb;background:#32284c91;backdrop-filter:blur(5px)}.bl-center-play[hidden]{display:none}.bl-player{padding:12px 14px;background:#fefeff}.bl-player-row{display:flex;align-items:center;gap:9px;color:#7c86a1;font-size:10px}.bl-player-row button{width:33px;height:30px;border:1px solid #e4dafa;background:#f1ecff;color:#6d50c8;border-radius:8px}.bl-muted{margin-left:-5px}.bl-player-row #stageStatus{margin-left:auto;color:#968aa8;font-size:9px}.bl-player input{width:100%;margin-top:10px;accent-color:#7458df}.bl-export-row{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;padding:0 14px 12px}.bl-preview-foot{padding:0 14px 14px;color:#8d95aa;font-size:9px}.bl-preview-note{padding:12px 14px;margin-top:11px;background:#faf5ff;border:1px solid #eadfff;border-radius:12px;color:#776592;font-size:10px;line-height:1.6}.bl-preview-note strong{color:#665187}.bl-occasion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}.bl-occasion button{background:#fbfaff;border:1px solid #e4e3f0;border-radius:10px;font-size:9px;font-weight:850;min-height:40px;color:#6c7186;padding:5px 3px}.bl-occasion button[aria-pressed=true],.bl-effects button[aria-pressed=true],.bl-ratios button[aria-pressed=true]{background:#f0eaff;color:#6a44d5;border-color:#9678ec;box-shadow:inset 0 0 0 1px #c7b8fc}.bl-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bl-look{text-align:left;border-radius:11px;border:1px solid #e5e2f2;background:#fff;padding:7px;min-width:0}.bl-look[hidden]{display:none!important}.bl-look[aria-pressed=true]{border-color:#9679eb;box-shadow:0 0 0 2px #e0d7ff}.bl-look-art{width:100%;height:72px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:29px;text-shadow:0 3px 12px #ffffff6b}.look-birthday{background:radial-gradient(circle at 35% 35%,#fff4b3,#bd66cb 60%,#5835a5)}.look-party{background:radial-gradient(circle at 20% 15%,#fff2c1,#fb669b 65%,#ad4acc)}.look-cake{background:radial-gradient(circle at 50% 20%,#ffe8bf,#a65c8f 70%,#482e70)}.look-rose{background:linear-gradient(130deg,#f7d0dc,#bd5389,#792f6d)}.look-moon{background:radial-gradient(circle at 65% 28%,#e5cdec,#5f497c 65%,#24234c)}.look-anniversary{background:radial-gradient(circle at 50% 20%,#ffebc1,#bc9855,#423446)}.bl-look strong{font-size:10px;color:#3e4765;display:block;margin:7px 0 2px}.bl-look small{font-size:8px;color:#8a92a4;line-height:1.5;display:block}.bl-effects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bl-effects button,.bl-ratios button{border:1px solid #e1e4f2;background:#fafbff;border-radius:9px;color:#525d77;min-height:43px;font-size:9px;font-weight:800;padding:5px}.bl-range-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.bl-range-head label{margin:0!important}.bl-range-head strong{font-size:10px;color:#7356d2}.bl-panel input[type=range]{width:100%;accent-color:#7458db}.bl-ratios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bl-ratios small{display:block;font-size:8px;color:#8690ab;margin-top:3px;font-weight:550}.bl-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bl-fields-row select{margin-top:6px}.bl-audio{margin-top:8px}.bl-help{font-size:9px;background:#f5f2ff;color:#756495;border-radius:9px;border:1px solid #e5def9;padding:12px;line-height:1.65;margin-top:13px}.bl-mobile-tabs{display:none}.bl-explain{padding:66px 0;background:#f8f8fd;border-block:1px solid #e9eaf2}.bl-explain h2{font-size:clamp(27px,3.5vw,44px);letter-spacing:-.055em;line-height:1.25;max-width:830px}.bl-explain h3{font-size:19px}.bl-explain p,.bl-faq p{font-size:12px;color:#707b95;line-height:1.95;max-width:1030px}.bl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:27px 0 36px}.bl-steps article{border:1px solid #e6e6f0;background:#fff;padding:23px;border-radius:13px}.bl-steps article span{font-size:10px;color:#8261db;font-weight:900}.bl-steps h3{font-size:15px;margin:11px 0}.bl-steps p{font-size:11px}.bl-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;padding-top:58px;padding-bottom:74px}.bl-faq h2{font-size:32px;letter-spacing:-.06em}.bl-faq details{padding:17px 0;border-bottom:1px solid #e5e5ed}.bl-faq summary{font-size:12px;font-weight:850;cursor:pointer}.bl-modal{position:fixed;inset:0;z-index:500;background:#14152aad;display:grid;place-items:center;padding:20px}.bl-modal[hidden]{display:none}.bl-modal-content{width:min(430px,100%);background:#fff;border-radius:20px;box-shadow:0 15px 60px #0005;padding:30px;text-align:center}.bl-modal-content h2{font-size:24px}.bl-modal-content p{font-size:12px;color:#8991a7;line-height:1.7}.bl-progress{height:11px;border-radius:18px;background:#e9e3f7;overflow:hidden;margin:22px 0 10px}.bl-progress>div{height:100%;width:0;background:linear-gradient(90deg,#7550db,#ba8ef2)}.bl-progress-meta{display:flex;justify-content:space-between;margin-bottom:18px;font-size:10px;color:#83849d}.bl-toast-stack{position:fixed;z-index:600;right:16px;bottom:16px;max-width:min(360px,calc(100% - 32px));display:grid;gap:7px}.bl-toast{border-radius:10px;background:#2e304d;color:white;padding:12px 15px;font-size:11px}.bl-toast.error{background:#994c67}.skip-link{position:absolute;left:10px;top:-80px}.skip-link:focus{top:10px}
@media(max-width:1140px) and (min-width:861px){.bl-work{grid-template-columns:minmax(218px,260px) minmax(260px,1fr) minmax(218px,250px)}.bl-panel{padding:11px}.bl-left,.bl-right{padding:8px}.bl-center{padding:8px}.bl-preview-stage{min-height:405px}.bl-frame{max-width:248px}}
@media(max-width:860px){.bl-wrap{width:calc(100% - 20px)}.bl-intro{padding:25px 0}.bl-intro-inner{display:block}.bl-intro h1{font-size:33px}.bl-intro p{font-size:11px}.bl-intro-inner>.bl-btn{display:none}.bl-editor{display:flex;flex-direction:column;margin-top:14px;margin-bottom:28px}.bl-editor-head{order:0;padding:13px 12px}.bl-editor-head h2{font-size:16px}.bl-editor-head p{font-size:9px}.bl-head-actions #resetBtn{display:none}.bl-work,.bl-left,.bl-right{display:contents}.bl-center{order:1;padding:9px}.bl-preview-stage{min-height:0;padding:11px 6px}.bl-frame{max-width:none!important;width:min(61vw,265px)!important}.bl-frame[data-ratio='1:1']{width:min(82vw,410px)!important}.bl-frame[data-ratio='16:9']{width:min(94vw,520px)!important}.bl-preview-heading{padding:10px 12px}.bl-preview-heading small,.bl-preview-note{display:none}.bl-mobile-tabs{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;background:#fbfbff;border-block:1px solid #e8e9f3}.bl-mobile-tabs button{border:1px solid #e5e6f1;background:#f0f1f9;color:#667087;border-radius:9px;min-height:41px;font-weight:850;font-size:10px}.bl-mobile-tabs button[aria-selected=true]{color:#fff;background:#674bd7;border-color:#674bd7;box-shadow:0 4px 14px #694acf33}.bl-panel{display:none!important;order:3;margin:8px 10px;padding:15px}.bl-editor[data-active-tab='content'] .bl-panel[data-tab='content'],.bl-editor[data-active-tab='themes'] .bl-panel[data-tab='themes'],.bl-editor[data-active-tab='settings'] .bl-panel[data-tab='settings']{display:block!important}.bl-steps,.bl-faq{grid-template-columns:1fr}.bl-faq{gap:4px}.bl-explain{padding:43px 0}.bl-preview-foot{padding:0 12px 11px}.bl-export-row{padding:0 12px 10px}}
@media(max-width:400px){.bl-wrap{width:calc(100% - 14px)}.bl-intro h1{font-size:29px}.bl-intro-chips{gap:5px}.bl-intro-chips span{font-size:9px}.bl-editor-head{padding:10px}.bl-editor-head h2{font-size:14px}.bl-btn{padding:9px 10px;font-size:10px;min-height:39px}.bl-chip{font-size:8px;padding:7px}.bl-frame{width:min(60vw,240px)!important}.bl-panel{margin:7px 8px}.bl-looks{gap:6px}.bl-export-row{gap:6px}.bl-export-row .bl-btn{font-size:9px;padding:8px}.bl-player-row #stageStatus{font-size:8px}}