.be{display:grid;gap:14px}.be-recipe{display:grid;gap:10px;align-content:start;min-width:0}.be-pvcol{min-width:0}@media (max-width: 899px) and (min-height: 541px),(max-width: 639px){.be-pvcol{position:sticky;top:0;z-index:6;background:var(--surface);margin:-6px -14px 0;padding:6px 14px 8px;box-shadow:0 10px 14px -14px #10182873}}@media (min-width: 768px) and (max-width: 899px) and (min-height: 541px){.be-pvcol{margin:-8px -22px 0;padding:8px 22px 10px}}@media (min-width: 900px),(min-width: 640px) and (max-height: 540px){.be{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:22px}.be-pvcol{order:2;position:sticky;top:12px}.be-recipe{order:1}}.be-pv{margin:0;display:grid;gap:6px}.be-pv-stage{position:relative;display:grid;place-items:center;min-height:120px;padding:10px;border-radius:14px;background:var(--well);overflow:hidden}.be-pv-stage canvas{max-width:100%;background:repeating-conic-gradient(#d3d8e1 0 25%,#f4f6f9 0 50%) 0 0 / 14px 14px;box-shadow:0 1px 3px #10182833}.be-pv-wait{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:2.5px solid var(--accent);border-right-color:transparent;animation:spin .8s linear infinite}.be-pv-bar{display:flex;align-items:center;gap:4px;min-width:0}.be-pv-btn{display:grid;place-items:center;flex:none;width:44px;height:40px;border:0;border-radius:10px;background:none;color:var(--ink)}.be-pv-btn:hover:not(:disabled){background:var(--well)}.be-pv-btn:disabled{opacity:.3;cursor:default}.be-pv-cap{flex:1 1 auto;min-width:0;display:grid;justify-items:center;text-align:center;font-size:.875rem;line-height:1.35;color:var(--ink-2);font-variant-numeric:tabular-nums}.be-pv-cap span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.be-pv-name{color:var(--ink);font-weight:600}.be-h{margin:0;font-size:1.15rem}.be-lead{margin:-4px 0 2px}.be-step{border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.be-step.is-on{border-color:var(--c-line);box-shadow:inset 3px 0 0 var(--c)}.be-step-h{padding:2px 12px}.be-switch{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;cursor:pointer}.be-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.be-track{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:var(--line-2);transition:background-color .15s}.be-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .15s}.be-switch input:checked+.be-track{background:var(--accent)}.be-switch input:checked+.be-track:after{transform:translate(18px)}.be-switch input:focus-visible+.be-track{outline:3px solid var(--accent);outline-offset:2px}.be-step-t{display:flex;align-items:center;gap:9px;font-weight:650;line-height:1.3}.be-num{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:8px;background:var(--well);color:var(--ink-2);font-size:.8125rem;font-weight:720;font-variant-numeric:tabular-nums}.be-step.is-on .be-num{background:var(--c-soft);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line)}.be-step-b{display:grid;gap:12px;padding:2px 14px 16px}.be-step-b .hint{margin:0}.be-row{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}.be-sub{display:grid;gap:12px}.be-step-b .field-row .field{flex:1 1 140px}.be-sl{gap:0}.be-sl label{font-size:.9rem;font-weight:600}.be-color-in{display:flex;align-items:center;gap:10px;min-height:44px}.be-color input[type=color]{width:56px;height:44px;padding:3px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer}.be-color output{color:var(--ink-2);font-size:.875rem;font-variant-numeric:tabular-nums}.be-example{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.be-example:empty{display:none}.be-saved{margin:0}.be-pos{border:0;margin:0;padding:0;min-width:0}.be-pos legend{padding:0;margin-bottom:6px;font-weight:620;font-size:.9375rem}.be-pos-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.be-pos-grid{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,34px);gap:3px;padding:4px;border-radius:12px;background:var(--well)}.be-pos-grid label{position:relative;display:grid;place-items:center;border-radius:8px;cursor:pointer}.be-pos-grid label:hover{background:var(--surface)}.be-pos-grid input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.be-pos-grid span{width:14px;height:14px;border-radius:4px;border:2px solid var(--line-2);background:var(--surface);pointer-events:none}.be-pos-grid input:checked+span{background:var(--accent);border-color:var(--accent)}.be-pos-grid input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.be-tile{position:relative;display:inline-flex}.be-tile input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.be-tile span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-weight:560;font-size:.9375rem}.be-tile input:checked+span{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.be-tile input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.be-logo{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.be-logo-name{font-size:.9rem;color:var(--ink-2);overflow-wrap:anywhere}.be input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:34px;margin:0;background:transparent;--a: 0%;--b: 0%;cursor:pointer}.be input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--line-2) 0 var(--a),var(--accent) var(--a) var(--b),var(--line-2) var(--b) 100%)}.be input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--line-2) 0 var(--a),var(--accent) var(--a) var(--b),var(--line-2) var(--b) 100%)}.be input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 3px #1018284d}.be input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:0 1px 3px #1018284d}.be input[type=range]:focus-visible{outline:none}.be input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-line)}.be input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-line)}#tool[data-tool=batch-image-editor] .files.is-picked .file.is-sel{background:var(--accent-soft)}#tool[data-tool=batch-image-editor] .file{cursor:pointer}.file-btns .be-eye{color:var(--ink-2)}.file-btns .be-eye[aria-pressed=true]{color:var(--accent)}@media (max-width: 520px){#tool[data-tool=batch-image-editor] .file{grid-template-rows:auto auto;row-gap:4px}#tool[data-tool=batch-image-editor] .file>.file-btns{grid-column:2 / -1;grid-row:2;justify-content:flex-end;margin-right:-6px}#tool[data-tool=batch-image-editor] .file>.file-thumb{grid-row:1}}