.ba-page{--ba-soft:#6b6678;--ba-line:#e2dcec;--ba-tint:#f3f0fa;--ba-surface:#fff;--ba-red:#b42318;--ba-green:#047857;--ba-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a162538;--ba-shadow-lg:0 2px 4px #1a16250a, 0 30px 60px -30px #1a16255c;--ba-ease:cubic-bezier(.16, 1, .3, 1);background:radial-gradient(ellipse 55% 30% at 50% 0%, #6b4ed414, transparent 70%), var(--color-background);color:var(--color-foreground)}.ba-wrap{max-width:72rem;margin:0 auto;padding:7.5rem 1rem 4rem}@media (min-width:1024px){.ba-wrap{padding-top:8.5rem}}.ba-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ba-reveal{animation:ba-rise .5s var(--ba-ease)}@keyframes ba-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.ba-reveal{animation:none}.ba-page *,.ba-page :before{transition-duration:0s!important}}.ba-tool-root{gap:1.75rem;display:grid}.ba-head{text-align:center;justify-items:center;gap:.5rem;display:grid}.ba-h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.3rem);font-weight:800;line-height:1.08}.ba-sub{max-width:34rem;color:var(--ba-soft);text-wrap:balance;font-size:1.05rem;line-height:1.45}.ba-stage{justify-items:center;gap:1rem;width:100%;max-width:72rem;margin:0 auto;display:grid}.ba-hint{color:var(--ba-soft);text-align:center;text-wrap:balance;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .9rem;font-size:.88rem;display:flex}.ba-link{color:var(--color-primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.25rem 0;font-weight:700;-webkit-text-decoration:underline #6b4ed459;text-decoration:underline #6b4ed459;display:inline-flex}.ba-link:hover{text-decoration-color:currentColor}.ba-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}.ba-frame{width:min(100%, calc(62vh * var(--ar-n)));aspect-ratio:var(--ar);background:repeating-conic-gradient(#ebe6f3 0 25%, #f7f5fb 0 50%) 0 0 / 22px 22px;box-shadow:var(--ba-shadow-lg), 0 0 0 1px #1a16250f;-webkit-user-select:none;user-select:none;border-radius:1rem;position:relative;overflow:hidden;container-type:size}.ba-frame.is-ready{cursor:ew-resize}.ba-frame.is-ready.is-pile{cursor:ns-resize}.ba-layer{position:absolute;inset:0}.ba-panel{position:absolute;overflow:hidden}.ba-frame:not(.is-pile) .ba-panel,.ba-frame:not(.is-pile) .ba-region{top:0;bottom:0}.ba-frame.is-pile .ba-panel,.ba-frame.is-pile .ba-region{left:0;right:0}.ba-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.ba-cut{z-index:1;background:var(--c);pointer-events:none;width:max(2px,.6cqmin);position:absolute;top:0;bottom:0;transform:translate(-50%)}.ba-cut.is-h{width:auto;height:max(2px,.6cqmin);inset:auto 0;transform:translateY(-50%)}.ba-diag{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ba-diag line{stroke:var(--c);stroke-width:3px;stroke-width:max(2px,.6cqmin)}.ba-knob{z-index:3;width:calc(var(--knob-r) * 2);height:calc(var(--knob-r) * 2);background:var(--c);color:var(--ink);cursor:grab;touch-action:none;transition:transform .2s var(--ba-ease);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000040}.ba-knob:hover{transform:translate(-50%,-50%)scale(1.06)}.ba-knob.is-small{width:calc(var(--knob-r) * 1.35);height:calc(var(--knob-r) * 1.35)}.ba-knob svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}.ba-knob.is-v svg{transform:rotate(90deg)}.ba-knob:focus-visible{outline-offset:2px;box-shadow:0 0 0 6px var(--color-primary), 0 6px 18px #00000040;outline:3px solid #fff}.ba-tag{z-index:2;box-sizing:border-box;background:var(--c);height:1.9em;color:var(--ink);font-family:var(--font-display);font-size:calc(4.2cqmin * var(--k,1));cursor:text;border:0;border-radius:999px;outline:none;padding:0 .8em;font-weight:800;line-height:1;transition:box-shadow .2s ease-out;position:absolute;top:3.5cqmin;box-shadow:0 0 #0000}.ba-tag-before{left:3.5cqmin}.ba-tag-after{right:3.5cqmin}.ba-tag::placeholder{color:var(--ink);opacity:.55}.ba-tag.is-empty{background:color-mix(in srgb, var(--c) 45%, transparent);box-shadow:inset 0 0 0 1.5px var(--c)}.ba-tag:hover{box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #1a162559}.ba-tag:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--color-primary)}.ba-mark{z-index:2;color:#fff;height:1.9em;font-family:var(--font-display);pointer-events:none;background:#1a16258c;border-radius:999px;align-items:center;padding:0 .8em;font-size:2.31cqmin;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:3.5cqmin;right:3.5cqmin}.ba-region{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline-offset:-10px;cursor:pointer;background:#ffffffbd;outline:2px dashed #6b4ed466;place-items:center;padding:1.1rem;transition:background-color .2s ease-out,outline-color .2s ease-out;display:grid;position:absolute}.ba-region:hover,.ba-region.is-over{outline-color:var(--color-primary);background:#f3f0faeb}.ba-region.is-error{outline-color:var(--ba-red)}.ba-region:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:-8px}.ba-region-inner{min-width:0;max-width:min(16rem,100%);color:var(--color-primary);text-align:center;justify-items:center;gap:.35rem;font-size:.9rem;display:grid}.ba-region-inner strong{color:var(--color-foreground);font-size:1rem}.ba-region-n{background:var(--color-primary);color:#fff;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:800;display:inline-grid}.ba-region-hint{color:var(--ba-soft);font-size:.8rem}.ba-region-error{min-width:0;color:var(--ba-red);text-align:left;overflow-wrap:anywhere;align-items:flex-start;gap:.35rem;font-size:.8rem;font-weight:600;line-height:1.35;display:flex}.ba-region-error svg{flex-shrink:0;margin-top:.1rem}.ba-toolbar{background:var(--ba-surface);max-width:100%;box-shadow:var(--ba-shadow-lg);border:1px solid #e2dcecd9;border-radius:1.1rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .85rem;padding:.4rem .6rem;display:flex}.ba-group{align-items:center;gap:2px;display:flex}.ba-tool{min-width:2.25rem;height:2.25rem;color:var(--ba-soft);font:600 .78rem var(--font-sans), system-ui, sans-serif;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:0 .5rem;transition:color .2s ease-out,background-color .2s ease-out;display:inline-flex}.ba-tool:hover{color:var(--color-foreground)}.ba-tool[aria-pressed=true]{background:var(--ba-tint);color:var(--color-primary)}.ba-tool:focus-visible,.ba-color:focus-visible,.ba-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ba-layout-icon{width:1.65rem;height:auto;overflow:visible}.ba-li-frame{fill:none;stroke:currentColor;stroke-width:1.6px;opacity:.55}.ba-tool[aria-pressed=true] .ba-li-frame{opacity:1}.ba-li-fill{fill:currentColor;opacity:.2}.ba-li-line{fill:none;stroke:currentColor;stroke-width:2px}.ba-li-dot{fill:var(--ba-surface);stroke:currentColor;stroke-width:1.6px}.ba-format-glyph{opacity:.7;border:1.6px solid;border-radius:3px;flex-shrink:0;display:inline-block}.ba-thumb{background:var(--ba-tint);width:2.25rem;height:2.25rem;box-shadow:inset 0 0 0 1px var(--ba-line);color:var(--color-primary);cursor:pointer;border-radius:.6rem;place-items:center;display:inline-grid;position:relative;overflow:hidden}.ba-thumb .ba-img{position:absolute;inset:0}.ba-thumb:hover{box-shadow:inset 0 0 0 2px var(--color-primary)}.ba-thumb:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.ba-switch-tag{font:800 .8rem/1.2 var(--font-display), system-ui, sans-serif;border:1.5px solid;border-radius:.4rem;padding:.1rem .35rem;text-decoration:line-through}.ba-tool[aria-checked=true] .ba-switch-tag{border-color:var(--color-primary);background:var(--color-primary);color:#fff;text-decoration:none}.ba-colors{gap:.3rem;padding:0 .3rem;display:flex}.ba-color{background:var(--sw);width:1.5rem;height:1.5rem;color:var(--sw-ink);cursor:pointer;transition:transform .15s var(--ba-ease);border:0;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #1a162529}.ba-color:hover{transform:scale(1.08)}.ba-color[aria-pressed=true]{box-shadow:inset 0 0 0 1px #1a162529, 0 0 0 2px var(--ba-surface), 0 0 0 4px var(--color-foreground)}.ba-btn{height:2.25rem;font:700 .85rem var(--font-sans), system-ui, sans-serif;white-space:nowrap;cursor:pointer;transition:transform .15s var(--ba-ease), box-shadow .2s ease-out, background-color .2s ease-out, color .2s ease-out;border:0;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;padding:0 .85rem;display:inline-flex}.ba-btn:active{transform:translateY(1px)scale(.99)}.ba-btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 12px 26px -14px #6b4ed4cc}.ba-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.ba-btn-secondary{background:var(--ba-surface);width:2.25rem;box-shadow:inset 0 0 0 1px var(--ba-line);color:var(--color-foreground);padding:0}.ba-btn-secondary:hover{box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary)}.ba-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.ba-btn-primary[aria-disabled=true]{box-shadow:none}.ba-status-wrap{width:100%;max-width:30rem}.ba-status{gap:.6rem;display:grid}.ba-progress{gap:.45rem;display:grid}.ba-progress-text{color:var(--ba-soft);font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.ba-progress-track{background:var(--ba-tint);border-radius:999px;height:.5rem;display:block;overflow:hidden}.ba-progress-fill{background:var(--color-primary);transform-origin:0;height:100%;transition:transform .2s linear;display:block}.ba-done{gap:.6rem;display:grid}.ba-done-check{color:var(--ba-green);align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;display:inline-flex}.ba-cta{box-shadow:var(--ba-shadow);color:#fff;text-align:left;transition:transform .25s var(--ba-ease);background:linear-gradient(135deg,#1a1625,#2d2244);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;text-decoration:none;display:flex}.ba-cta:hover{transform:translateY(-1px)}.ba-cta:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.ba-cta strong{font-size:.92rem;display:block}.ba-cta-sub{color:#ffffffb8;font-size:.8rem}.ba-cta-go{color:#c4b0fd;white-space:nowrap;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:inline-flex}.ba-cta-go svg{transition:transform .25s var(--ba-ease)}.ba-cta:hover .ba-cta-go svg{transform:translate(3px)}.ba-error{color:var(--ba-red);align-items:flex-start;gap:.45rem;font-size:.84rem;font-weight:600;line-height:1.35;display:flex}.ba-error svg{flex-shrink:0;margin-top:.1rem}