.bl-controls{border:0;padding:0;margin:0;min-width:0}.bl-pictures,.bl-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s1);gap:var(--s1)}.bl-picture{padding:3px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);overflow:hidden}.bl-picture img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:5px}.bl-tile{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px;min-width:0;font-size:13px;line-height:1.4;background:var(--surface);color:var(--ink);border:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.bl-clip:hover:not(:disabled),.bl-picture:hover:not(:disabled),.bl-tile:hover:not(:disabled){background:var(--canvas);border-color:var(--primary)}.bl-clip[aria-pressed=true],.bl-picture[aria-pressed=true],.bl-tile[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.bl-tile-price{font-size:12px;font-weight:400}.bl-heading{font-size:14px;margin:var(--s3) 0 var(--s1)}.bl-family{min-width:0;margin:var(--s2) 0 0;padding:var(--s1);border:1px solid var(--line);border-radius:var(--radius-sm)}.bl-family legend{font-size:12px;color:var(--muted);padding:0 4px}.bl-chips{display:flex;flex-wrap:wrap;gap:var(--s1)}.bl-chips .bl-tile{border-radius:999px}.bl-more{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:var(--s2)}.bl-more summary{cursor:pointer}.bl-custom,.bl-custom .card{margin-top:var(--s2)}.bl-custom .card{padding:var(--s2);box-shadow:none}.bl-custom h2{font-size:16px}.bl-upload{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}.bl-upload input{display:block;width:100%;margin-top:var(--s1)}.bl-canvas-content{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center}.bl-canvas-content>p,.bl-result p{margin:0}.bl-preview,.bl-result{margin:0;min-width:0;max-width:100%}.bl-preview{display:flex;flex-direction:column;align-items:center;gap:var(--s1);width:100%}.bl-media{display:block;width:auto;height:min(560px,calc(100dvh - 330px));max-width:100%;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.bl-preview .bl-media{height:auto;width:min(100%,calc((100dvh - 330px) * 9 / 16))}.bl-preview[data-shape="1:1"] .bl-media{width:min(100%,calc(100dvh - 330px))}.bl-preview figcaption{font-size:13px;color:var(--muted)}.bl-result{flex-direction:column}.bl-result,.bl-stage{display:flex;align-items:center;gap:var(--s1)}.bl-stage{justify-content:center}.bl-stage .spinner{flex-shrink:0}.bl-error{padding:var(--s2);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-ink)}.bl-notice{font-size:13px;padding:var(--s1);text-align:center}.bl-filmstrip{display:flex;gap:var(--s1);height:100%}.bl-clip{flex:0 0 76px;height:100%;padding:3px;border:1px solid var(--line);background:var(--surface);overflow:hidden}.bl-clip video{width:100%;height:100%;object-fit:cover;border-radius:6px}.bl-clip{position:relative}.bl-clip-label{position:absolute;left:3px;right:3px;bottom:3px;padding:2px 0;font-size:11px;font-weight:700;text-align:center;color:white;background:rgb(0 0 0/.55);border-radius:0 0 6px 6px;pointer-events:none}@media (max-width:760px){.bl-media{height:min(320px,32dvh)}}.bl-result>video{max-width:100%;max-height:520px;border-radius:var(--radius)}.app:has(.animate-screen){height:100dvh;min-height:0;overflow:hidden}.app-main:has(.animate-screen){display:flex;flex-direction:column;min-height:0;overflow:hidden}.app-content:has(>.animate-screen){flex:1 1;max-width:none;padding:0;min-height:0}.animate-screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.animate-screen,.animate-settings{width:100%;min-width:0;min-height:0}.animate-settings{flex:1 1}.animate-settings[hidden]{display:none}.animate-screen>[role=alert],.animate-screen>p{margin:0;padding:10px 20px;background:var(--surface)}.animate-screen .bl-recent{flex:0 0 80px;height:80px;overflow:auto;padding:8px 16px;box-sizing:border-box}.animate-screen .bl-picture{align-self:start}.animate-screen .bl-picture span{display:block;padding:6px;font-size:12px;line-height:1.4}.animate-screen .bl-picture:disabled{opacity:.65;cursor:not-allowed}.animate-screen>.bl-result{overflow:auto;padding:20px}@media (max-width:759px){.app:has(.animate-screen){grid-template-rows:auto minmax(0,1fr)}}