.bpe-section{padding-left:1.6rem;padding-right:1.6rem}.bpe-section__head{max-width:64rem;margin:0 auto 3.2rem;text-align:center}.bpe-section__head>:first-child{margin-top:0}.bpe-section__text{margin-top:1rem}.bpe-section__text>:last-child{margin-bottom:0}brimbeloi-pattern-editor{display:grid;justify-items:center;gap:3.2rem}brimbeloi-pattern-editor [hidden]{display:none!important}.bpe-phone{--bezel-a: #2b2f36;--bezel-b: #0d0f12;--bezel-edge: #3d424b;--bezel-button: #2a2e35;position:relative;width:min(390px,100%);aspect-ratio:390 / 800;padding:11px;border-radius:58px;background:linear-gradient(145deg,var(--bezel-a),var(--bezel-b) 48%,var(--bezel-a));box-shadow:inset 0 0 0 1.5px var(--bezel-edge),inset 0 0 0 4px #050608,0 40px 70px -30px #0f2b4a8c,0 18px 36px -20px #00000073}.bpe-phone--titanium{--bezel-a: #8d8a85;--bezel-b: #4b4946;--bezel-edge: #b7b3ad;--bezel-button: #7a7772}.bpe-phone--white{--bezel-a: #f3f4f6;--bezel-b: #cfd3d9;--bezel-edge: #ffffff;--bezel-button: #d5d9df}.bpe-phone:before,.bpe-phone:after{content:"";position:absolute;width:3px;background:var(--bezel-button)}.bpe-phone:before{right:-3px;top:24%;height:11%;border-radius:0 3px 3px 0}.bpe-phone:after{left:-3px;top:21%;height:7%;border-radius:3px 0 0 3px;box-shadow:0 66px 0 0 var(--bezel-button)}.bpe-screen{--navy: #0f2b4a;--muted: #5b7a99;--surface: #ffffff;--surface-soft: #f7fafd;--border: #dce8f3;--shadow: 18, 64, 109;--header-a: #12406d;--header-b: #2a6aa3;--frame: #6e9cc8;--tray: #e8f1fa;--h: 60px;--icon: 38px;--val: 19px;--cap: 10px;--act: 30px;--gap: 10px;--rad: 16px;--inset: 13px;--gap-in: 8.67px;position:relative;height:100%;overflow:hidden;border-radius:47px;background:linear-gradient(180deg,#eef5fc,#f8fbfe);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.3;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;isolation:isolate;container-type:inline-size;display:flex;flex-direction:column}.bpe-screen *,.bpe-screen *:before,.bpe-screen *:after{box-sizing:border-box}.bpe-screen p{margin:0}.bpe-screen button{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;min-width:0;min-height:0;cursor:pointer}.bpe-screen button:focus-visible,.bpe-screen input:focus-visible{outline:2px solid #2a6aa3;outline-offset:2px;box-shadow:none}.bpe-ic{display:block;width:1em;height:1em;fill:currentColor;flex:none}.bpe-island{position:absolute;z-index:60;top:11px;left:50%;width:31%;height:33px;transform:translate(-50%);border-radius:20px;background:#000;pointer-events:none}.bpe-home{position:absolute;z-index:60;bottom:8px;left:50%;width:36%;height:5px;transform:translate(-50%);border-radius:3px;background:#0f2b4a59;pointer-events:none}.bpe-appbar,.bpe-panel__bar{position:relative;z-index:2;flex:none;color:#fff;background:linear-gradient(135deg,var(--header-a),var(--header-b));border-radius:0 0 24px 24px;box-shadow:0 6px 20px rgba(var(--shadow),.22)}.bpe-status{height:50px;display:flex;align-items:center;justify-content:space-between;padding:4px 30px 0 36px;font-size:15px;font-weight:600;letter-spacing:.2px}.bpe-status__icons{display:flex;align-items:center;gap:5px}.bpe-status__icons svg{height:11px;width:auto;fill:currentColor}.bpe-toolbar,.bpe-panel__toolbar{height:56px;display:flex;align-items:center;gap:10px;padding:0 14px 0 16px}.bpe-title{flex:1;display:flex;align-items:center;gap:8px;height:40px;border-radius:10px}.bpe-title__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;letter-spacing:.5px}.bpe-title__icon{font-size:17px}.bpe-files{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px!important;border-radius:20px;background:#ffffff29!important;border:1px solid rgba(255,255,255,.28)!important;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase!important}.bpe-files .bpe-ic{font-size:16px}.bpe-files:hover{background:#ffffff3d!important}.bpe-body{position:relative;flex:1;min-height:0}.bpe-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:12px 16px 112px;scrollbar-width:none}.bpe-scroll::-webkit-scrollbar{display:none}.bpe-list,.bpe-row{position:relative}.bpe-row.is-nested,.bpe-floating.is-nested{--h: 52px;--icon: 32.9px;--val: 16.47px;--act: 26px;--gap: 8.67px;--rad: 13.87px}.bpe-slice,.bpe-bodyslice{padding:0 var(--inset);background:linear-gradient(to right,var(--frame) 0 5px,var(--tray) 5px calc(100% - 5px),var(--frame) calc(100% - 5px))}.bpe-bodyslice{height:var(--gap)}.bpe-block{padding-bottom:var(--gap)}.bpe-block.is-open{padding-bottom:0}.is-ghost .bpe-block{visibility:hidden}.bpe-tile,.bpe-loophead{display:flex;align-items:center;min-height:var(--h);cursor:pointer;transition:background-color .15s}.bpe-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--rad);box-shadow:0 4px 16px rgba(var(--shadow),.1)}.bpe-tile:hover{background:#fbfdff}.bpe-tile:active{background:#f3f7fb}.bpe-grip{align-self:stretch;display:flex!important;align-items:center;padding:0 2px 0 8px!important;color:#a9bbcd!important;font-size:20px;cursor:grab!important;touch-action:none}.bpe-loophead .bpe-grip{color:#ffffff8c!important}.is-dragging,.is-dragging *{cursor:grabbing!important}.bpe-main{flex:1;min-width:0;display:flex;align-items:center;gap:calc(var(--icon) * .3);padding:4px 0}.bpe-badge{flex:none;display:grid;place-items:center;width:var(--icon);height:var(--icon);border-radius:50%;color:#fff;font-size:calc(var(--icon) * .55)}.bpe-badge--move{background:linear-gradient(135deg,#22b26a,#0e9a52 50%,#0a7f42);border:1px solid rgba(14,154,82,.5);box-shadow:0 4px 12px #0e9a5240}.bpe-badge--wait{background:linear-gradient(135deg,#e5585f,#d32c3b 50%,#ad2430);border:1px solid rgba(211,44,59,.5);box-shadow:0 4px 12px #d32c3b40}.bpe-badge--loop{background:linear-gradient(135deg,#2a6aa3,#12406d 50%,#0c2f55);border:1px solid rgba(18,64,109,.5);box-shadow:0 4px 12px #12406d40}.bpe-badge--wash{background:#ffffff29;border:1px solid rgba(255,255,255,.25)}.bpe-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bpe-caption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:var(--cap);font-weight:700;letter-spacing:1px;line-height:1.2}.bpe-valuerow{display:flex;align-items:center;gap:10px;min-width:0}.bpe-value{flex:none;color:var(--navy);font-size:var(--val);font-weight:800;line-height:1.15;white-space:nowrap}.bpe-timetag{display:inline-flex;align-items:center;gap:3px;min-width:0;padding:2px 7px 2px 5px;border-radius:8px;background:#e8f0f8;border:1px solid #c9ddee;color:var(--navy);font-size:calc(var(--val) * .66);font-weight:700;white-space:nowrap}.bpe-timetag .bpe-ic{font-size:calc(var(--val) * .66 + 1.5px)}.bpe-actions{flex:none;display:flex;align-items:center;margin:0 8px 0 4px;padding:3px;border-radius:999px;background:#eef3f9}.bpe-action{display:grid!important;place-items:center;width:var(--act);height:var(--act);border-radius:50%;color:var(--muted)!important;font-size:calc(var(--act) * .57);transition:background-color .15s}.bpe-action:hover{background:#5b7a991f!important}.bpe-action--edit{background:#dceaf6!important;color:#12406d!important;font-size:calc(var(--act) * .53)}.bpe-action--edit:hover{background:#cfe1f1!important}.bpe-loophead{color:#fff;background:linear-gradient(135deg,#2a6aa3,#12406d 50%,#0c2f55);border:1.5px solid #12406d;border-radius:calc(var(--rad) + 2px);box-shadow:0 4px 18px rgba(var(--shadow),.28)}.bpe-loophead:hover{filter:brightness(1.06)}.bpe-loophead.is-open{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}.bpe-loophead .bpe-caption{color:#ffffffbf}.bpe-loophead .bpe-value{color:#fff}.bpe-loophead .bpe-actions{background:#ffffff1a}.bpe-loophead .bpe-action{color:#ffffffbf!important}.bpe-loophead .bpe-action:hover{background:#ffffff24!important}.bpe-loophead .bpe-action--edit{background:#fff3!important;color:#fff!important}.bpe-chevron{flex:none;display:grid!important;place-items:center;width:28px;height:28px;border-radius:50%;color:#ffffffb3!important;font-size:min(24px,calc(var(--h) * .4));transition:transform .22s ease}.bpe-loophead.is-open .bpe-chevron{transform:rotate(180deg)}.bpe-dots{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.bpe-dot{flex:none;width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.55)}.bpe-dot--move{background:#0e9a52}.bpe-dot--wait{background:#d32c3b}.bpe-dot--loop{background:#12406d}.bpe-dots__more{color:#ffffffb3;font-size:11px;font-weight:700}.bpe-foot{padding-bottom:var(--gap)}.bpe-foot__frame{padding:0 5px 8px;background:var(--frame);border-radius:0 0 calc(var(--rad) + 2px) calc(var(--rad) + 2px)}.bpe-foot__tray{padding:0 8px var(--gap-in);background:var(--tray);border-bottom-left-radius:calc(var(--rad) - 3px) calc(var(--rad) - 6px);border-bottom-right-radius:calc(var(--rad) - 3px) calc(var(--rad) - 6px)}.bpe-foot__hint{padding:2px 4px 10px;color:var(--muted);font-size:12px}.bpe-foot__buttons{display:flex;gap:8px}.bpe-small{flex:1;min-width:0;display:flex!important;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:12px;font-size:13px!important;font-weight:700!important;transition:filter .15s}.bpe-small .bpe-ic{font-size:16px}.bpe-small span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bpe-small:hover{filter:brightness(.97)}.bpe-small--move{background:#e3f5ea!important;border:1px solid #9ad6b1!important;color:#0a6b38!important}.bpe-small--wait{background:#fdecee!important;border:1px solid #f2b1b6!important;color:#b01f2a!important}.bpe-floating{position:absolute;z-index:20;top:0;left:0;pointer-events:none;will-change:transform}.bpe-floating__pad{padding:0 calc(var(--inset) * var(--depth, 0));transition:padding .16s cubic-bezier(.215,.61,.355,1)}.bpe-floating .bpe-block{transform:scale(1.03);padding-bottom:0}.bpe-floating .bpe-tile,.bpe-floating .bpe-loophead{box-shadow:0 14px 30px rgba(var(--shadow),.3)}.bpe-empty{position:absolute;top:0;right:0;bottom:96px;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px;text-align:center}.bpe-empty__icon{display:grid;place-items:center;width:80px;height:80px;margin-bottom:20px;border-radius:50%;color:#fff;font-size:36px;background:linear-gradient(135deg,var(--header-b),var(--header-a));box-shadow:0 0 24px #2a6aa366}.bpe-empty__title{color:var(--navy);font-size:18px;font-weight:700}.bpe-empty__text{margin-top:8px!important;color:var(--muted);font-size:13.5px;line-height:1.5}.bpe-addbar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:10px;padding:10px 16px 26px}.bpe-add{flex:1;min-width:0;display:flex!important;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 6px!important;border-radius:16px;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;transition:transform .12s,filter .15s}.bpe-add:hover{filter:brightness(1.06)}.bpe-add:active{transform:scale(.97)}.bpe-add--move{background:linear-gradient(135deg,#22b26a,#0e9a52 50%,#0a7f42)!important;box-shadow:0 5px 14px #0e9a5259!important}.bpe-add--wait{background:linear-gradient(135deg,#e5585f,#d32c3b 50%,#ad2430)!important;box-shadow:0 5px 14px #d32c3b59!important}.bpe-add--loop{background:linear-gradient(135deg,#2a6aa3,#12406d 50%,#0c2f55)!important;box-shadow:0 5px 14px #12406d59!important}.bpe-add__icon{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff3;font-size:16px}.bpe-add__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700}@container (max-width: 340px){.bpe-add{gap:5px}.bpe-add__icon{width:24px;height:24px;font-size:14px}.bpe-add__label{font-size:13px}}.bpe-toasts{position:absolute;z-index:40;left:16px;right:16px;bottom:98px;pointer-events:none}.bpe-toast{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:12px;background:var(--navy);color:#fff;font-size:13px;box-shadow:0 10px 26px #0614284d;animation:bpe-rise .22s ease-out}.bpe-toast .bpe-ic{font-size:18px}.bpe-toast.bpe-tone--success .bpe-ic{color:#4ade80}.bpe-toast.bpe-tone--danger .bpe-ic{color:#fb7185}.bpe-toast.bpe-tone--info .bpe-ic{color:#93c5fd}.bpe-toast.is-leaving{opacity:0;transform:translateY(8px);transition:opacity .22s,transform .22s}.bpe-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.bpe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:58px 16px 24px;background:#1c3a5a73;pointer-events:auto;animation:bpe-fade .18s ease-out}.bpe-overlay.is-leaving{opacity:0;transition:opacity .18s}.bpe-overlay--sheet{align-items:flex-end;padding:0}.bpe-overlay--panel{padding:0;background:transparent}.bpe-dialog{width:100%;max-height:100%;overflow-y:auto;padding:20px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 50px #06142859;user-select:text;-webkit-user-select:text;scrollbar-width:thin;animation:bpe-pop .2s cubic-bezier(.215,.61,.355,1)}.bpe-dhead{display:flex;align-items:center;gap:12px}.bpe-dhead .bpe-badge{--icon: 42px}.bpe-dhead__text{flex:1;min-width:0}.bpe-dtitle{color:var(--navy);font-size:17px;font-weight:800;line-height:1.25}.bpe-dsub{margin-top:2px!important;color:var(--muted);font-size:12.5px}.bpe-dbody{margin-top:8px!important;color:var(--muted);font-size:13px;line-height:1.5}.bpe-close{flex:none;display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef3f9!important;color:var(--navy)!important;font-size:18px}.bpe-dlabel{margin:18px 0 8px!important;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.bpe-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px}.bpe-chiptime{height:40px;border-radius:12px;background:var(--surface-soft)!important;border:1px solid var(--border)!important;color:#3c5a78!important;font-size:14px!important;font-weight:700!important;white-space:nowrap}.bpe-chiptime.is-on{background:linear-gradient(135deg,#22b26a,#0e9a52 50%,#0a7f42)!important;border-color:#0a7f42!important;color:#fff!important}.bpe-opts{display:grid;gap:8px}.bpe-opt{--deep: #0a7f42;display:flex!important;align-items:center;gap:12px;width:100%;padding:11px 12px!important;border-radius:14px;background:var(--surface-soft)!important;border:1.5px solid var(--border)!important;text-align:left;transition:border-color .15s,background-color .15s}.bpe-editor--wait .bpe-opt,.bpe-editor--wait .bpe-confirm{--deep: #ad2430}.bpe-opt.is-on{background:#fff!important;border-color:var(--deep)!important}.bpe-radio{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #9fb4c9;transition:border .15s}.bpe-opt.is-on .bpe-radio{border:6px solid var(--deep)}.bpe-opt__text{flex:1;min-width:0;display:flex;flex-direction:column}.bpe-opt__name{color:var(--navy);font-size:14.5px;font-weight:700}.bpe-opt__desc{color:var(--muted);font-size:12px}.bpe-opt__value{flex:none;color:var(--navy);font-size:15px;font-weight:800}.bpe-custom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.bpe-editor--wait .bpe-custom{grid-template-columns:1fr}.bpe-num{display:flex;flex-direction:column;gap:4px;min-width:0}.bpe-num__label{color:var(--muted);font-size:11.5px;font-weight:700}.bpe-num__box{display:flex;align-items:center;height:46px;padding:0 12px;border-radius:12px;background:#f2f7fc;border:1.5px solid #c9ddee;transition:border-color .15s}.bpe-num__box:focus-within{border-color:#2a6aa3}.bpe-num__box input{flex:1;min-width:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--navy);font:inherit;font-size:18px;font-weight:800;text-align:center;user-select:text;-webkit-user-select:text}.bpe-num__box input:focus-visible{outline:0}.bpe-num__unit{color:var(--muted);font-size:14px;font-weight:700}.bpe-num__msg{color:var(--muted);font-size:11px}.bpe-num__msg.is-warning{color:#9a5b00;font-weight:700}.bpe-num__msg.is-error{color:#ad2430;font-weight:700}.bpe-stepper{display:flex;align-items:flex-start;gap:10px}.bpe-stepper .bpe-num{flex:1}.bpe-stepper .bpe-num__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bpe-step{flex:none;display:grid!important;place-items:center;width:46px;height:46px;border-radius:50%;background:#dceaf6!important;color:#12406d!important;font-size:22px}.bpe-step:active{transform:scale(.95)}.bpe-confirm{display:block;width:100%;height:50px;margin-top:20px!important;border-radius:14px;color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.4px!important;transition:opacity .15s,filter .15s}.bpe-confirm:hover{filter:brightness(1.06)}.bpe-confirm:disabled{opacity:.45;cursor:not-allowed;filter:none}.bpe-confirm--move{background:linear-gradient(135deg,#22b26a,#0e9a52 50%,#0a7f42)!important}.bpe-confirm--wait{background:linear-gradient(135deg,#e5585f,#d32c3b 50%,#ad2430)!important}.bpe-confirm--loop{background:linear-gradient(135deg,#2a6aa3,#12406d 50%,#0c2f55)!important}.bpe-confirmbox{display:flex;flex-direction:column;align-items:center;text-align:center}.bpe-confirmbox__icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:16px;border-radius:50%;font-size:26px}.bpe-tone--danger.bpe-confirmbox__icon{background:#d32c3b1f;color:#d32c3b}.bpe-tone--warning.bpe-confirmbox__icon{background:#ea851424;color:#d97706}.bpe-dbuttons{display:flex;gap:10px;width:100%;margin-top:20px}.bpe-btn{flex:1;height:46px;border-radius:23px;font-size:12.5px!important;font-weight:800!important;letter-spacing:1px!important;text-transform:uppercase!important}.bpe-btn:disabled{opacity:.45;cursor:not-allowed}.bpe-btn--secondary{background:#eef3f9!important;color:var(--navy)!important}.bpe-btn--primary{background:linear-gradient(135deg,var(--header-b),var(--header-a))!important;color:#fff!important}.bpe-btn--danger{background:#d32c3b!important;color:#fff!important}.bpe-btn--warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.bpe-namebox__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.bpe-namebox__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;font-size:18px;background:linear-gradient(135deg,#4fa3e0,#2a6aa3);box-shadow:0 0 10px #4fa3e066}.bpe-textinput{display:block;width:100%;height:46px;margin:0;padding:0 14px;border-radius:12px;border:1.5px solid #c9ddee;background:#f2f7fc;box-shadow:none;color:var(--navy);font:inherit;font-size:15px;font-weight:600;user-select:text;-webkit-user-select:text}.bpe-textinput:focus{outline:0;border-color:#2a6aa3}.bpe-sheet{width:100%;padding:14px 20px 40px;border-radius:24px 24px 0 0;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -10px 40px #06142840;animation:bpe-slide-up .24s cubic-bezier(.215,.61,.355,1)}.bpe-sheet__handle{display:block;width:36px;height:4px;margin:0 auto 20px;border-radius:2px;background:var(--border)}.bpe-sheet__title{margin-bottom:14px!important;color:var(--muted);font-size:11px;letter-spacing:2px}.bpe-fileopt{--c: 42, 106, 163;display:flex!important;align-items:center;gap:14px;width:100%;padding:14px!important;border-radius:14px;background:rgba(var(--c),.07)!important;border:1px solid rgba(var(--c),.25)!important;text-align:left}.bpe-fileopt+.bpe-fileopt{margin-top:10px!important}.bpe-fileopt--sky{--c: 56, 152, 214}.bpe-fileopt:hover{background:rgba(var(--c),.12)!important}.bpe-fileopt__icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;font-size:20px;background:linear-gradient(135deg,rgb(var(--c)),rgba(var(--c),.65));box-shadow:0 0 10px rgba(var(--c),.35)}.bpe-fileopt__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bpe-fileopt__label{color:var(--navy);font-size:14px;font-weight:600}.bpe-fileopt__sub{color:var(--muted);font-size:12px}.bpe-fileopt__chev{font-size:22px;color:rgba(var(--c),.6)}.bpe-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#eef5fc,#f8fbfe);animation:bpe-slide-up .26s cubic-bezier(.215,.61,.355,1)}.bpe-panel__back{display:grid!important;place-items:center;width:40px;height:40px;margin-left:-8px!important;border-radius:50%;font-size:18px}.bpe-panel__title{font-size:20px;font-weight:700;letter-spacing:.5px}.bpe-liblist{flex:1;margin:0;padding:14px 16px 40px;list-style:none;overflow-y:auto;scrollbar-width:none}.bpe-libitem{display:flex;align-items:center;margin-bottom:10px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 16px rgba(var(--shadow),.1)}.bpe-libitem__open{flex:1;min-width:0;display:flex!important;align-items:center;gap:12px;padding:12px 6px 12px 12px!important;text-align:left}.bpe-libitem__icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;font-size:18px;background:linear-gradient(135deg,var(--header-b),var(--header-a))}.bpe-libitem__text{min-width:0;display:flex;flex-direction:column;gap:2px}.bpe-libitem__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--navy);font-size:15px;font-weight:700}.bpe-libitem__meta{color:var(--muted);font-size:12px}.bpe-libitem__del{flex:none;display:grid!important;place-items:center;width:40px;height:40px;margin-right:8px!important;border-radius:50%;color:var(--muted)!important;font-size:20px}.bpe-libitem__del:hover{background:#d32c3b1a!important;color:#d32c3b!important}.bpe-empty--panel{position:relative;inset:auto;flex:1}.bpe-send{width:100%;max-width:52rem}.bpe-send__heading{margin:0 0 .6rem;text-align:center}.bpe-send__summary{margin:0 0 2rem;text-align:center;font-size:1.5rem;opacity:.8}.bpe-send__fields{display:grid;gap:1.2rem}@media screen and (min-width:750px){.bpe-send__row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}}.bpe-send__row{display:grid;gap:1.2rem}.bpe-send .field{margin:0}.bpe-send__code{margin:0;font-size:1.3rem}.bpe-send__code summary{cursor:pointer;opacity:.75}.bpe-send__code code{display:block;margin-top:.8rem;padding:1rem 1.2rem;border-radius:.8rem;background:rgba(var(--color-foreground, 15, 43, 74),.06);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;word-break:break-all;-webkit-user-select:all;user-select:all}.bpe-send__submit{width:100%;margin-top:.4rem}.bpe-send__submit[aria-disabled=true]{opacity:.7;pointer-events:none}.bpe-send__error{margin:0;padding:1rem 1.2rem;border-radius:.8rem;background:#d32c3b1a;color:#ad2430;font-size:1.4rem;font-weight:600}.bpe-send__status{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:2rem;padding:1.6rem 1.8rem;border-radius:1.2rem;outline:none}.bpe-send__status--ok{background:#0e9a521a;border:1px solid rgba(14,154,82,.35)}.bpe-send__status--error{background:#d32c3b14;border:1px solid rgba(211,44,59,.3)}.bpe-send__status svg{flex:none;width:2.4rem;height:2.4rem}.bpe-send__status--ok svg{fill:#0e9a52}.bpe-send__status--error svg{fill:#d32c3b}.bpe-send__status-title{margin:0;font-size:1.7rem;font-weight:700}.bpe-send__status-text>*{margin:.4rem 0 0}.bpe-noscript{text-align:center}@keyframes bpe-fade{0%{opacity:0}}@keyframes bpe-pop{0%{opacity:0;transform:scale(.94)}}@keyframes bpe-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes bpe-slide-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.bpe-screen *,.bpe-screen *:before,.bpe-screen *:after{animation-duration:1ms!important;transition-duration:1ms!important}}.bpe-stage{display:grid;grid-template-areas:"phone" "test" "video";justify-items:center;gap:2rem;width:100%}.bpe-stage>.bpe-phone{grid-area:phone}.bpe-test{grid-area:test;width:min(390px,100%)}.bpe-video{grid-area:video;width:min(390px,100%)}@media screen and (min-width:750px){.bpe-stage{grid-template-columns:minmax(0,390px) minmax(0,460px);grid-template-areas:"phone video" "test  video";justify-content:center;align-items:center;column-gap:clamp(3rem,5vw,6rem);row-gap:2rem}.bpe-video{width:100%;align-self:center}}.bpe-test__button{width:100%;gap:.8rem}.bpe-test__icon{width:2rem;height:2rem;fill:currentColor;flex:none}.bpe-test__icon--stop,.bpe-test__button.is-running .bpe-test__icon--play{display:none}.bpe-test__button.is-running .bpe-test__icon--stop{display:block}.bpe-video{overflow:hidden;border-radius:2.4rem;background:#fff;border:1px solid #dce8f3;box-shadow:0 20px 50px -24px #0f2b4a73;color:#0f2b4a}.bpe-video__frame{position:relative;background:#0b1a2c}.bpe-video__frame video{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#0b1a2c}.bpe-video__placeholder{display:grid;place-items:center;aspect-ratio:4 / 3;margin:0;padding:2.4rem;text-align:center;color:#ffffffbf;font-size:1.4rem;line-height:1.5}.bpe-video__status{min-height:9.6rem;padding:1.6rem 1.8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.bpe-video__idle{margin:0;color:#5b7a99;font-size:1.4rem;line-height:1.5}.bpe-run{--run: #0e9a52;--run-soft: rgba(14, 154, 82, .14)}.bpe-run--wait{--run: #d32c3b;--run-soft: rgba(211, 44, 59, .12)}.bpe-run__row{display:flex;align-items:center;gap:1rem}.bpe-run__badge{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--run);color:#fff;font-size:1.9rem;flex:none}.bpe-run__what{flex:1;font-size:1.7rem;font-weight:800}.bpe-run__time{font-size:1.5rem;font-weight:700;color:#5b7a99}.bpe-run__bar{height:.6rem;margin:1.2rem 0 1rem;border-radius:1rem;background:var(--run-soft);overflow:hidden}.bpe-run__bar span{display:block;width:0;height:100%;border-radius:inherit;background:var(--run)}.bpe-run__bar span.is-filling{width:100%;transition:width var(--run-ms, 1s) linear}.bpe-run__meta{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;color:#5b7a99;font-size:1.25rem;font-weight:600}.bpe-run__loop{color:#12406d}.bpe-row.is-running .bpe-tile{--run: #0e9a52;border-color:var(--run);box-shadow:0 0 0 2px var(--run),0 6px 22px #0e9a5247}.bpe-row.is-running .bpe-tile--wait{--run: #d32c3b;box-shadow:0 0 0 2px var(--run),0 6px 22px #d32c3b40}.bpe-row.is-running .bpe-loophead{box-shadow:0 0 0 2px #7fb6e6,0 6px 22px #12406d59}.bpe-row.is-running .bpe-tile .bpe-badge{animation:bpe-run-pulse 1s ease-in-out infinite}@keyframes bpe-run-pulse{50%{transform:scale(1.1)}}.bpe-send__status.is-hiding{opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .4s}@media(prefers-reduced-motion:reduce){.bpe-row.is-running .bpe-tile .bpe-badge{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/brimbeloi-pattern-editor.css.map */