.bn-view{display:grid;gap:18px}.bn-stage{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#0b0f19;border:1px solid var(--line)}.bn-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.bn-safe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60.3%;height:29.34%;border:2px dashed #FFD60A;border-radius:4px;box-shadow:0 0 0 1px #0b0f198c;pointer-events:none}.bn-safe span{position:absolute;left:6px;top:-26px;font:600 12px/1 var(--font);color:#0b0f19;background:#ffd60a;padding:5px 7px;border-radius:6px;white-space:nowrap}.bn-stage--shade .bn-safe{box-shadow:0 0 0 100vmax #0b0f199e}.bn-opts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:14.5px;color:var(--muted)}.bn-opts label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.bn-crop-wrap{display:grid;gap:8px}.bn-crop-wrap p{margin:0;font-size:13.5px;color:var(--faint)}.bn-crop{position:relative;width:min(100%,520px);aspect-ratio:1235 / 338;border-radius:10px;overflow:hidden;background:#0b0f19;border:1px solid var(--line)}.bn-crop img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;display:block}