.bl-head{flex-wrap:wrap}.bl-head__actions{display:flex;align-items:center;gap:2px;margin-left:auto}.bl-add{position:relative;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.bl-strip{display:flex;gap:10px;overflow-x:auto;padding:10px 10px 6px 4px;margin:0 -4px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.bl-thumb{position:relative;flex-shrink:0}.bl-thumb__pick{width:64px;height:64px;padding:0;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:var(--hover);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.bl-thumb__pick:hover{border-color:var(--line2)}.bl-thumb__pick img{width:100%;height:100%;object-fit:cover;display:block}.bl-thumb.is-current .bl-thumb__pick{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.bl-thumb__badge{position:absolute;left:5px;bottom:5px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--acc);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 1px 3px #00000040}.bl-thumb__del{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:none;background:var(--card);color:var(--mut);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer}.bl-thumb__del:hover{color:var(--err)}.bl-thumb.is-new .bl-thumb__pick{animation:newItem 1.6s ease}.bl-editor{margin-top:6px}.bl-toolbar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:8px;padding:8px;margin-bottom:8px;background:var(--card);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.bl-row{display:flex;align-items:center;gap:8px}.bl-seg{display:flex;gap:3px;background:var(--hover);border-radius:var(--r-sm);padding:3px}.bl-seg--effect{flex:1;min-width:0}.bl-tab,.bl-shape{display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:none;border-radius:8px;padding:6px 8px;font-size:14px;font-weight:600;color:var(--mut);cursor:pointer;min-height:38px;white-space:nowrap;transition:background .15s,color .15s}.bl-tab{flex:1;min-width:0}.bl-tab[aria-checked=true],.bl-shape[aria-checked=true]{background:var(--card);color:var(--txt);box-shadow:var(--shadow-sm)}.bl-shape[aria-checked=true] svg{color:var(--acc-txt)}.bl-swatch{width:15px;height:15px;border-radius:4px;flex-shrink:0;box-shadow:0 0 0 1px var(--line2)}.bl-swatch--blur{background:radial-gradient(circle at 35% 35%,#7dd3fc,#0ea5e9 45%,#a78bfa);filter:blur(.6px)}.bl-swatch--pixel{background:conic-gradient(#0ea5e9 0 25%,#bae6fd 0 50%,#0ea5e9 0 75%,#bae6fd 0) 0 0/8px 8px}.bl-swatch--black{background:#000}.bl-slider{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--mut);padding:0 4px}.bl-slider input{flex:1;min-width:60px;accent-color:var(--acc);height:28px;padding:0;border:none;background:none;font-size:16px}.bl-step{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--txt);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.bl-step:hover{background:var(--hover)}.bl-step:disabled{opacity:.5;cursor:not-allowed}.bl-slider output{min-width:2.9em;text-align:right;font-variant-numeric:tabular-nums;color:var(--txt);font-size:12.5px}.bl-tools{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.bl-zoom{display:flex;align-items:center;gap:1px;background:var(--hover);border-radius:var(--r-sm);padding:2px;margin-right:4px}.bl-zoom__val{min-width:3.4em;text-align:center;font-size:12px;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums}.bl-icon{width:36px;height:36px;border:none;border-radius:8px;background:none;color:var(--txt);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.bl-icon:hover:not(:disabled){background:var(--card)}.bl-tools>.bl-icon:hover:not(:disabled){background:var(--hover)}.bl-icon:disabled{opacity:.35;cursor:not-allowed}.bl-tab:disabled,.bl-shape:disabled,.bl-slider input:disabled{opacity:.5;cursor:not-allowed}.bl-editor.is-locked .bl-layer{pointer-events:none;cursor:progress}.bl-viewport{position:relative;overflow:auto;border-radius:var(--r);background:var(--hover);border:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin;height:320px}.bl-box{position:relative}.bl-photo{position:absolute;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.bl-photo canvas{display:block;width:100%;height:100%;border-radius:2px;box-shadow:var(--shadow-sm),0 0 0 1px var(--line);background:var(--card) repeating-conic-gradient(var(--line) 0 25%,var(--card) 0 50%) 0 0/16px 16px}.bl-layer{position:absolute;inset:0;touch-action:none;cursor:crosshair}.bl-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--card);background:color-mix(in srgb,var(--card) 55%,transparent)}.bl-zone{position:absolute;touch-action:none;cursor:move;outline:2px dashed rgba(255,255,255,.95);box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000073}.bl-zone--ellipse{border-radius:50%}.bl-zone:focus-visible{outline-style:solid}.bl-zone--selected{outline:2px solid var(--acc);box-shadow:0 0 0 4px var(--acc-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 35%,transparent)}.bl-zone--brush{outline:none;box-shadow:none}.bl-zone--brush.bl-zone--selected{outline:1.5px dashed var(--acc);outline-offset:2px;box-shadow:none}.bl-zone__del{position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;border:none;background:var(--err);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);z-index:1}.bl-zone__resize{position:absolute;right:-11px;bottom:-11px;width:22px;height:22px;border-radius:50%;background:var(--acc);border:3px solid #fff;box-shadow:var(--shadow-sm);cursor:nwse-resize;z-index:1}.bl-zone:not(.bl-zone--selected) .bl-zone__del,.bl-zone:not(.bl-zone--selected) .bl-zone__resize{display:none}@media(hover:hover){.bl-zone:hover .bl-zone__del,.bl-zone:hover .bl-zone__resize{display:flex}.bl-zone--brush:hover{outline:1.5px dashed var(--acc);outline:1.5px dashed color-mix(in srgb,var(--acc) 60%,transparent);outline-offset:2px}}.bl-layer--brush{cursor:cell}.bl-layer--brush .bl-zone{pointer-events:none}.bl-layer--brush .bl-zone__del{pointer-events:auto}.bl-hint{font-size:13.5px;color:var(--mut);margin-top:10px}.bl-scope{font-size:12.5px;color:var(--faint);margin-top:2px;overflow-wrap:anywhere}.bl-tip{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 12px;border-radius:var(--r-sm);background:#f59e0b1f;background:color-mix(in srgb,#f59e0b 12%,transparent);font-size:13px;line-height:1.45;color:var(--txt)}.bl-tip svg{flex-shrink:0;margin-top:1px;color:#d97706}.bl-summary{text-align:center;margin-top:8px}.bl-explain{margin-top:28px}.bl-explain ul{padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mut)}.bl-explain strong{color:var(--txt)}@media(hover:none)and (pointer:coarse){.bl-zone__del{width:34px;height:34px;top:-17px;right:-17px}.bl-zone__resize{width:28px;height:28px;right:-14px;bottom:-14px}.bl-zone__resize:after{content:"";position:absolute;inset:-10px}.bl-thumb__del{width:30px;height:30px;top:-10px;right:-10px}.bl-strip{padding-top:12px;padding-right:12px}}@media(max-width:760px){.bl-shape__txt{display:none}.bl-shape{padding:6px 9px}}@media(max-width:640px){.bl-toolbar{margin:0 -16px 8px;border-radius:0;border-left:0;border-right:0;padding:8px 10px}.bl-viewport{margin:0 -16px;border-radius:0;border-left:0;border-right:0}.bl-tab{padding:6px 4px;gap:5px}.bl-row{flex-wrap:wrap}.bl-slider{flex:1 1 100%;order:-1;padding:0;gap:8px}.bl-slider__txt{font-size:12.5px}.bl-slider input{height:40px}.bl-step{width:40px;height:40px}.bl-tools{flex:1 1 100%;justify-content:space-between}}@media(hover:none)and (pointer:coarse){.bl-slider input{-webkit-appearance:none;appearance:none;background:transparent}.bl-slider input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--line2)}.bl-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:var(--acc);border:3px solid #fff;box-shadow:0 1px 4px #0000004d}.bl-slider input::-moz-range-track{height:6px;border-radius:3px;background:var(--line2)}.bl-slider input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--acc);border:3px solid #fff}}@media(max-width:400px){.bl-zoom__val{min-width:2.9em;font-size:11.5px}.bl-icon{width:33px}.bl-swatch{display:none}}